@charset "utf-8";
/* CSS Document */
 

@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('/media/fonts/iranSans/IRANSansWeb_Bold.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: bold;
}

@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('/media/fonts/iranSans/IRANSansWeb_Medium.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSansWeb_UltraLight';
    src: url('/media/fonts/iranSans/IRANSansWeb_UltraLight.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 200;
}

@font-face {
    font-family: 'IRANSansWeb_Light';
    src: url('/media/fonts/iranSans/IRANSansWeb_Light.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_Light.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/media/fonts/iranSans/IRANSansWeb.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fontawesome-webfont.eot');
    src: url('/media/fonts/iranSans/fontawesome-webfont.eot') format('eot'), /* IE6–8 */
    url('/media/fonts/iranSans/fontawesome-webfont.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('/media/fonts/iranSans/fontawesome-webfont.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fontawesome-webfont.ttf') format('ttf');
    font-weight: bold;
}


@font-face {
    font-family: 'Vazir';
    src: url('/media/fonts/vazir-v21.0.1/Farsi-Digits/Vazir-Medium-FD.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/vazir-v21.0.1/Farsi-Digits/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/vazir-v21.0.1/Farsi-Digits/Vazir-Medium-FD.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/vazir-v21.0.1/Farsi-Digits/Vazir-Medium-FD.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/vazir-v21.0.1/Farsi-Digits/Vazir-Medium-FD.ttf') format('truetype'); /* Safari, Android, iOS */
     font-weight: bold;
}

/*CSS RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

img {
    max-height: 100%;
    max-width: 100%;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "rad", radNumber !important;
    direction: rtl;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
}

    a img {
        border: none;
    }

.bold {
    font-weight: bold;
}

.large {
    font-size: large;
}

.small {
    font-size: small;
}

.medium {
    font-size: medium;
}

.fontSize {
    font-size: 10px;
}

.fontSize1 {
    font-size: 11px;
}

.fontSize2 {
    font-size: 12px;
}

.fontSize3 {
    font-size: 13px;
}

.fontSize4 {
    font-size: 14px;
}

.fontSize5 {
    font-size: 2em;
}

.fontSize25 {
    font-size: 25px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.border {
    border: 1px solid #e1e1e1;
}

.hidden {
    display: none;
}

.rtl {
    text-align: right;
    direction: rtl;
}

.ltr {
    text-align: left;
    direction: ltr;
}

.right {
    float: right;
    text-align: right;
    direction: rtl;
}

.left {
    float: left;
    text-align: left;
    direction: ltr;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

.red {
    color: #ff6464;
}

.green {
    color: Green;
}

.blue {
    color: blue;
}

.yellow {
    color: #F90;
}

.gray {
    color: Gray;
}

.gray-l {
    color: #e1e1e1;
}

.width-s {
    width: 50px;
}

.width-s1 {
    width: 75px;
}

.width-s2 {
    width: 100px;
}

.width-m {
    width: 125px;
}

.width-m1 {
    width: 150px;
}

.width-m2 {
    width: 175px;
}

.width-l {
    width: 200px;
}

.width-l1 {
    width: 225px;
}

.width-l2 {
    width: 250px;
}

.marginTop {
    margin-top: 5px;
}

.marginBottom {
    margin-bottom: 5px;
}

.marginLeft {
    margin-left: 5px;
}

.marginRight {
    margin-right: 5px;
}

.marginRL {
    margin: 0 10px;
}

.marginRL2 {
    margin: 0 20px;
}

.marginTB {
    margin: 10px 0px;
}

.marginTB2 {
    margin: 20px 0px;
}

.center {
    text-align: center;
}

.margin {
    margin: 5px;
}

.marginRL {
    margin: 0px 10px;
}

.marginTB {
    margin: 10px 0px;
}

.padding {
    padding: 10px;
}

.paddingRL {
    padding: 0px 10px;
}

.paddingTB {
    padding: 10px 0px;
}

.padding5 {
    padding: 5px;
}

.padding5RL {
    padding: 0px 5px;
}

.padding5TB {
    padding: 5px 0px;
}

.sp-word-space {
    margin: 0 10px;
}

.lb-price-number {
    font-size: 15px !important;
    letter-spacing: 1.2px;
}
/*GLOBAL*/

.container {
    width: 100%;
}

.ltr {
    direction: ltr;
}

.clear {
    clear: both;
}

.block {
    display: block;
}
/*--margin--*/

.mg-top {
    margin-top: 15px;
}

.mg-bottom {
    margin-bottom: 15px;
}

.mg-auto {
    margin: 0 auto;
}

.xs-mg-auto {
    margin: 0 auto;
}

.md-mg-auto {
    margin: 0;
}

.half {
    width: 50%;
}

/*--padding--*/
.p-top {
    padding-top: 5px;
}

.p-bottom {
    padding-bottom: 5px;
}

.nopadding {
    padding: 0;
}

.no-left {
    padding-left: 0;
}

.sm-nopadding {
    padding: 0;
}

.title-page {
    color: #E11B22;
    font-size: 18px;
    text-align: center;
    margin-top: 0px;
    float: right;
    width: 100%;
    font-weight: bold;
    border-bottom: 2px solid;
}

/*--border--*/

.rounded {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.circle {
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline {
    display: inline-block;
}

.list-inline {
    list-style: none;
}



.btnStyle-red {
    color: #fff;
    background-color: rgb(245, 78, 78);
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-gray {
    color: #fff;
    background-color: #878e96;
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-blue {
    color: #fff;
    background-color: #6dabf2;
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-yellow {
    color: #000;
    background-color: #ffd346;
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-green {
    color: #000;
    background-color: rgb(90, 228, 122);
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.btnStyle-red {
    color: #fff;
    background-color: rgb(245, 78, 78);
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-gray {
    color: #fff;
    background-color: #333;
}

.btnStyle-blue {
    color: #fff;
    background-color: #2f90fe;
}

.btnStyle-yellow:hover {
    color: #000;
    background-color: #fcc208;
}

.btnStyle-green {
    color: #000;
    background-color: rgb(30, 213, 73);
}

.cursor {
    cursor: hand;
    cursor: pointer;
}

.dotted {
    border-bottom: 1px dotted gray;
    padding: 5px 0px;
    width: 100%;
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 28px 30px;
    border-color: transparent transparent #878e96 transparent;
}

/******************************/

.validInputStyle {
    border: 1px solid #27dc6d !important;
}

.invalidInputStyle {
    border: 1px solid #fa79a1 !important;
}

.div-validation-msg-can {
    position: absolute;
    z-index: 9999999;
    font-size: 11px;
    padding: 0 2px;
}

    .div-validation-msg-can span.validiationIcon {
        display: inline-block;
        margin: 0 2px;
    }

    .div-validation-msg-can span.validiationMsg {
        display: inline-block;
    }

.validiationMsgFail {
    color: #ff6464;
    font-weight: bold;
}

.validiationMsgOk {
    color: #000;
}



/********************************************/
.divLoading {
    border: 1px solid #e1e1e1;
    padding: 5px;
    width: 130px;
    height: 40px;
    background-color: White;
    text-align: center;
}

    .divLoading label {
        font-size: small;
        color: Gray;
    }

    .divLoading img {
    }

.divloadingCan {
    width: 90px;
    position: absolute;
    top: 1px;
    left: 1px;
    text-align: center;
    background-color: White;
    border: 1px dotted black;
    padding: 5px;
}

    .divloadingCan .divloadingIcon {
        width: 32px;
        height: 32px;
        background-size: cover;
        background-image: url('/Areas/Admin/Media/image/LoadingGif/loading1.gif');
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
    }

    .divloadingCan .loadingText {
        font-size: 11px;
        color: Gray;
    }
/******************************/
.divloadingCan2 {
    width: 98%;
    height: 50px;
    text-align: center;
    border: 0px solid black;
    padding: 1%;
}

    .divloadingCan2 .divloadingIcon2 {
        width: 32px;
        height: 32px;
        background-image: url('/Areas/Admin/Media/image/LoadingGif/loading1.gif');
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
    }

    .divloadingCan2 .loadingText2 {
        font-size: 11px;
        color: #fff;
    }
/*******************************************************/
.divHeadForm {
    text-align: center;
    border-bottom: 1px dotted gray;
}

    .divHeadForm h2 {
        color: #7b7be8;
    }

    .divHeadForm h1 {
        color: #7b7be8;
    }


/******************************************/
.divNoteBox {
    direction: rtl;
    text-align: right;
    width: 100%;
    float: right;
    padding: 0px;
    margin: 0px;
}

.divNoteIcon {
    height: 32px;
    width: 32px;
    border: 0px solid black;
    float: right;
    margin: 10px 10px 0 0;
}

.divNoteTxt {
    float: right;
    font-size: small;
    font-weight: bold;
    margin: 10px 5px 10px 0;
    padding: 5px 0;
}

.NoteOkBox {
    background-color: #CCFFCC;
    border: 2px solid #669900;
}

.NoteFailBox {
    background-color: #FFCCFF;
    border: 2px solid #FF0066;
}

.NoteWarnBox {
    background-color: #FFFFCC;
    border: 2px solid #FF9900;
}

.NoteFailIcon {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/fail_1.png);
}

.NoteOkIcon {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/ok_1.png);
}

.NoteWarnIcon {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/warn.png);
}
/********************************************************************************************/
.divNoteBox3 {
    direction: rtl;
    text-align: right;
    float: right;
    padding: 0px;
    margin: 0px;
    width: 50%;
    position: fixed;
    min-height: 200px;
    border: 1px solid gray;
    z-index: 999999999999999;
}

.divNoteIcon3 {
    height: 32px;
    width: 32px;
    border: 0px solid black;
    float: right;
    margin: 40px 20px 0 0;
}

.divNoteTxt3 {
    float: right;
    font-size: small;
    font-weight: bold;
    margin: 20px 5px 20px 0;
    padding: 30px 0;
}

.divNoteClose3 {
    cursor: hand;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background-image: url(/Areas/Admin/Media/image/close/1356376134_close.png);
}

.NoteOkBox3 {
    background-color: #fff;
    border: 2px solid gray;
}

.NoteFailBox3 {
    background-color: #fff;
    border: 2px solid gray;
}

.NoteWarnBox3 {
    background-color: #fff;
    border: 2px solid gray;
}

.NoteFailIcon3 {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/fail_1.png);
}

.NoteOkIcon3 {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/ok_1.png);
}

.NoteWarnIcon3 {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/warn.png);
}

.divNoteFooter3 {
    float: right;
    clear: both;
}

    .divNoteFooter3 a {
        float: right;
        margin: 0px 28px;
        color: gray;
    }
/************************************************************************************************/

.divWall {
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 9999999999999999;
    opacity: 0.8;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}


.div-popup-can {
    direction: rtl;
    text-align: right;
    padding: 0px;
    margin: 0px;
    width: 50%;
    position: fixed;
    border: 1px solid gray;
    z-index: 999999999999999;
    background-color: #fff;
    border: 1px solid gray;
    min-height: 400px;
}

.div-popup-can-head {
    background-color: #e1e1e1;
    float: right;
    width: 100%;
}

    .div-popup-can-head h3 {
        display: inline-block;
        float: right;
        padding: 5px;
        color: maroon;
    }

.sp-close-popup {
    display: inline-block;
    width: 26px;
    height: 26px;
    cursor: hand;
    cursor: pointer;
    float: left;
    background-image: url('/Areas/Admin/Media/image/close/1356376134_close.png');
}

.div-popup-can-body {
    min-height: 360px;
    float: right;
    width: 100%;
    position: relative;
}

.div-popup-can-foot {
    min-height: 10px;
    background-color: #e1e1e1;
    float: right;
    width: 100%;
}


/***************************************************************/

#divFileUploader {
    background-color: Gray;
    width: 400px;
    z-index: 9999900;
    position: absolute;
    border: 5px solid black;
    padding: 10px;
    float: right;
}

#divCloseUploadForm {
    width: 24px;
    height: 24px;
    background-image: url('/Areas/Admin/Media/image/close/7.png');
    cursor: hand;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}

#divResultUpload {
    float: right;
    padding: 5px;
    width: 200px;
}



/************************/
#divProductCompareCan {
    width: 100%;
    float: right;
    min-height: 600px;
    background-color: #fff;
    position: relative;
}

    #divProductCompareCan table {
        float: right;
        margin: 0px;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 1px;
        border-color: gray;
    }

.divHeadTable {
       float: right;
    clear: both;
    width: 205px;
    height: 100px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    border: 1px dotted gray;
    border-bottom: 4px solid #080cd1;
    text-align: center;
}

    .triangle2{
        width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #080cd1 transparent;    position: absolute;
    bottom: -4px;
    left: 45%;
    }

    .divHeadTable h3 {
        margin: 0;
        padding: 0;
    }

.a-product-for-compare {
    float: right;    width: 100%;
}

    .a-product-for-compare img {
       height:60px;
    }

    .a-product-for-compare h3 {
          color: #000;
    float: right;
    width: 100%;
    font-size: 13px;
    }

.aDeleteCompare {
  position: absolute;
    top: 2px;
    left: 3px;
    color: Red !important;
    font-weight: bold;
    font-size: 12px;
    /* background-image: url(/Areas/Admin/Media/image/close/6.png); */
    /* width: 16px; */
    /* height: 16px; */
    font-size: 20px;
}

.tdCompareItemTitle {
    background-color: #606261;
    color: #fff;
    width: 206px;
    overflow: hidden;
    border-bottom: 1px dotted #000;
    height: 30px;padding: 0 5px;
}

.tdCompareItemValue_odd {
    width: 200px;
    background-color: #fff;
    border-bottom: 1px dotted #000;
    height: 30px;padding: 0 5px;
}

.tdCompareItemValue_even {
    width: 200px;
    background-color: #e1e1e1;
    border-bottom: 1px dotted #000;
    height: 30px;padding: 0 5px;
}

#aCloseCompareList {
    float: left;
    padding: 5px 10px;
    color: White;
    font-weight: bold;
    font-size: 13px;
    background-color: rgb(244, 120, 120);
}

#aClearCompareList {
    float: left;
    padding: 5px 10px;
    color: White;
    font-weight: bold;
    font-size: 13px;
    background-color: Gray;
}

.tbl_compare2 {
    float: right;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.tdCompareItemValue {
}

#aProductCompareList {
    z-index: 99999999;
    position: fixed;
    bottom: 5px;
    left: 5px;
    width: 88px;
    height: 87px;
    float: left;
    background-color: #F47878;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}

#spCompareList {
    /* float: left; */
    /* clear: both; */
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 30px;
}

#spCompareCount {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
}

#popupBackground {
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 10000;
    opacity: 0.8;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}

.popupBackground {
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 10000;
    opacity: 0.8;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}

#divCtrlBoxInBody {
    position: absolute;
    z-index: 99999;
    background-color: #fff;
    width: 70%;
    transition: all 400ms;
    min-height: 150px;
}

#divCtrlBoxInBody-head {
    background-color: #FFC107;
    width: 100%;
    height: 45px;
}

#div-close-ctrlBox {
    float: left;
    padding: 5px;
    color: #484848;
    cursor: hand;
    cursor: pointer;
}

#divCtrlBoxInBody-inner {
    position: relative;
    min-height: 100px;
    width: 100%;
}
/*********************/




/*Loading ----------------------------------------------------------------------*/

.spinner360 {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin360Key 1.1s infinite linear;
    animation: spin360Key 1.1s infinite linear;
}



.spinner {
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/*Loading ----------------------------------------------------------------------*/
.spinner2 {
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

    .spinner2 > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
        animation: stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner2 .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner2 .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner2 .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner2 .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
/*Loading ----------------------------------------------------------------------*/

.blink_validate {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 8;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 8;
    animation-name: blinker;
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(0, 0.63, 0.46, 1.15);
    animation-iteration-count: 8;
}

.blink_me {
    
    color: #fff !important;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(0, 0.63, 0.46, 1.15);
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.blink_me2 {
    background-color: #333 !important;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@-webkit-keyframes spin360Key {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes spin360Key {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}





.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #F90;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}