@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(fonts/open-sans-normal.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/open-sans-bold.woff) format('woff');
}

/** Margins 1-10(+1), 15-50(+5), 60-100(+10) **/
.m1{margin: 1px !important;} .ml1{margin-left: 1px !important;} .mr1{margin-right: 1px !important;} .mt1{margin-top: 1px !important;} .mb1{margin-bottom: 1px !important;} .m2{margin: 2px !important;} .ml2{margin-left: 2px !important;} .mr2{margin-right: 2px !important;} .mt2{margin-top: 2px !important;} .mb2{margin-bottom: 2px !important;} .m3{margin: 3px !important;} .ml3{margin-left: 3px !important;} .mr3{margin-right: 3px !important;} .mt3{margin-top: 3px !important;} .mb3{margin-bottom: 3px !important;} .m4{margin: 4px !important;} .ml4{margin-left: 4px !important;} .mr4{margin-right: 4px !important;} .mt4{margin-top: 4px !important;} .mb4{margin-bottom: 4px !important;} .m5{margin: 5px !important;} .ml5{margin-left: 5px !important;} .mr5{margin-right: 5px !important;} .mt5{margin-top: 5px !important;} .mb5{margin-bottom: 5px !important;} .m6{margin: 6px !important;} .ml6{margin-left: 6px !important;} .mr6{margin-right: 6px !important;} .mt6{margin-top: 6px !important;} .mb6{margin-bottom: 6px !important;} .m7{margin: 7px !important;} .ml7{margin-left: 7px !important;} .mr7{margin-right: 7px !important;} .mt7{margin-top: 7px !important;} .mb7{margin-bottom: 7px !important;} .m8{margin: 8px !important;} .ml8{margin-left: 8px !important;} .mr8{margin-right: 8px !important;} .mt8{margin-top: 8px !important;} .mb8{margin-bottom: 8px !important;} .m9{margin: 9px !important;} .ml9{margin-left: 9px !important;} .mr9{margin-right: 9px !important;} .mt9{margin-top: 9px !important;} .mb9{margin-bottom: 9px !important;} .m10{margin: 10px !important;} .ml10{margin-left: 10px !important;} .mr10{margin-right: 10px !important;} .mt10{margin-top: 10px !important;} .mb10{margin-bottom: 10px !important;} .m15{margin: 15px !important;} .ml15{margin-left: 15px !important;} .mr15{margin-right: 15px !important;} .mt15{margin-top: 15px !important;} .mb15{margin-bottom: 15px !important;} .m20{margin: 20px !important;} .ml20{margin-left: 20px !important;} .mr20{margin-right: 20px !important;} .mt20{margin-top: 20px !important;} .mb20{margin-bottom: 20px !important;} .m25{margin: 25px !important;} .ml25{margin-left: 25px !important;} .mr25{margin-right: 25px !important;} .mt25{margin-top: 25px !important;} .mb25{margin-bottom: 25px !important;} .m30{margin: 30px !important;} .ml30{margin-left: 30px !important;} .mr30{margin-right: 30px !important;} .mt30{margin-top: 30px !important;} .mb30{margin-bottom: 30px !important;} .m35{margin: 35px !important;} .ml35{margin-left: 35px !important;} .mr35{margin-right: 35px !important;} .mt35{margin-top: 35px !important;} .mb35{margin-bottom: 35px !important;} .m40{margin: 40px !important;} .ml40{margin-left: 40px !important;} .mr40{margin-right: 40px !important;} .mt40{margin-top: 40px !important;} .mb40{margin-bottom: 40px !important;} .m45{margin: 45px !important;} .ml45{margin-left: 45px !important;} .mr45{margin-right: 45px !important;} .mt45{margin-top: 45px !important;} .mb45{margin-bottom: 45px !important;} .m50{margin: 50px !important;} .ml50{margin-left: 50px !important;} .mr50{margin-right: 50px !important;} .mt50{margin-top: 50px !important;} .mb50{margin-bottom: 50px !important;} .m60{margin: 60px !important;} .ml60{margin-left: 60px !important;} .mr60{margin-right: 60px !important;} .mt60{margin-top: 60px !important;} .mb60{margin-bottom: 60px !important;} .m70{margin: 70px !important;} .ml70{margin-left: 70px !important;} .mr70{margin-right: 70px !important;} .mt70{margin-top: 70px !important;} .mb70{margin-bottom: 70px !important;}
.m80{margin: 80px !important;} .ml80{margin-left: 80px !important;} .mr80{margin-right: 80px !important;} .mt80{margin-top: 80px !important;} .mb80{margin-bottom: 80px !important;} .m90{margin: 90px !important;} .ml90{margin-left: 90px !important;} .mr90{margin-right: 90px !important;} .mt90{margin-top: 90px !important;} .mb90{margin-bottom: 90px !important;} .m100{margin: 100px !important;} .ml100{margin-left: 100px !important;} .mr100{margin-right: 100px !important;} .mt100{margin-top: 100px !important;} .mb100{margin-bottom: 100px !important;}

/** Paddings 1-10(+1), 15-50(+5), 60-100(+10) **/
.p1{padding: 1px !important;} .pl1{padding-left: 1px !important;} .pr1{padding-right: 1px !important;} .pt1{padding-top: 1px !important;} .pb1{padding-bottom: 1px !important;} .p2{padding: 2px !important;} .pl2{padding-left: 2px !important;} .pr2{padding-right: 2px !important;} .pt2{padding-top: 2px !important;} .pb2{padding-bottom: 2px !important;} .p3{padding: 3px !important;} .pl3{padding-left: 3px !important;} .pr3{padding-right: 3px !important;} .pt3{padding-top: 3px !important;} .pb3{padding-bottom: 3px !important;} .p4{padding: 4px !important;} .pl4{padding-left: 4px !important;} .pr4{padding-right: 4px !important;} .pt4{padding-top: 4px !important;} .pb4{padding-bottom: 4px !important;} .p5{padding: 5px !important;} .pl5{padding-left: 5px !important;} .pr5{padding-right: 5px !important;} .pt5{padding-top: 5px !important;} .pb5{padding-bottom: 5px !important;} .p6{padding: 6px !important;} .pl6{padding-left: 6px !important;} .pr6{padding-right: 6px !important;} .pt6{padding-top: 6px !important;} .pb6{padding-bottom: 6px !important;} .p7{padding: 7px !important;} .pl7{padding-left: 7px !important;} .pr7{padding-right: 7px !important;} .pt7{padding-top: 7px !important;} .pb7{padding-bottom: 7px !important;} .p8{padding: 8px !important;} .pl8{padding-left: 8px !important;} .pr8{padding-right: 8px !important;} .pt8{padding-top: 8px !important;} .pb8{padding-bottom: 8px !important;} .p9{padding: 9px !important;} .pl9{padding-left: 9px !important;} .pr9{padding-right: 9px !important;} .pt9{padding-top: 9px !important;} .pb9{padding-bottom: 9px !important;} .p10{padding: 10px !important;} .pl10{padding-left: 10px !important;} .pr10{padding-right: 10px !important;} .pt10{padding-top: 10px !important;} .pb10{padding-bottom: 10px !important;} .p15{padding: 15px !important;} .pl15{padding-left: 15px !important;} .pr15{padding-right: 15px !important;} .pt15{padding-top: 15px !important;} .pb15{padding-bottom: 15px !important;} .p20{padding: 20px !important;} .pl20{padding-left: 20px !important;} .pr20{padding-right: 20px !important;} .pt20{padding-top: 20px !important;} .pb20{padding-bottom: 20px !important;} .p25{padding: 25px !important;} .pl25{padding-left: 25px !important;} .pr25{padding-right: 25px !important;} .pt25{padding-top: 25px !important;} .pb25{padding-bottom: 25px !important;} .p30{padding: 30px !important;} .pl30{padding-left: 30px !important;} .pr30{padding-right: 30px !important;} .pt30{padding-top: 30px !important;} .pb30{padding-bottom: 30px !important;} .p35{padding: 35px !important;} .pl35{padding-left: 35px !important;} .pr35{padding-right: 35px !important;} .pt35{padding-top: 35px !important;} .pb35{padding-bottom: 35px !important;} .p40{padding: 40px !important;} .pl40{padding-left: 40px !important;} .pr40{padding-right: 40px !important;} .pt40{padding-top: 40px !important;} .pb40{padding-bottom: 40px !important;} .p45{padding: 45px !important;} .pl45{padding-left: 45px !important;} .pr45{padding-right: 45px !important;} .pt45{padding-top: 45px !important;} .pb45{padding-bottom: 45px !important;} .p50{padding: 50px !important;} .pl50{padding-left: 50px !important;} .pr50{padding-right: 50px !important;} .pt50{padding-top: 50px !important;} .pb50{padding-bottom: 50px !important;} .p60{padding: 60px !important;} .pl60{padding-left: 60px !important;} .pr60{padding-right: 60px !important;} .pt60{padding-top: 60px !important;} .pb60{padding-bottom: 60px !important;} .p70{padding: 70px !important;} .pl70{padding-left: 70px !important;} .pr70{padding-right: 70px !important;} .pt70{padding-top: 70px !important;} .pb70{padding-bottom: 70px !important;}
.p80{padding: 80px !important;} .pl80{padding-left: 80px !important;} .pr80{padding-right: 80px !important;} .pt80{padding-top: 80px !important;} .pb80{padding-bottom: 80px !important;} .p90{padding: 90px !important;} .pl90{padding-left: 90px !important;} .pr90{padding-right: 90px !important;} .pt90{padding-top: 90px !important;} .pb90{padding-bottom: 90px !important;} .p100{padding: 100px !important;} .pl100{padding-left: 100px !important;} .pr100{padding-right: 100px !important;} .pt100{padding-top: 100px !important;} .pb100{padding-bottom: 100px !important;}

/** Widths 1-10(+1), 15-100(+5), 110-200(+10), 220-300(+20), 350-1000(+50) **/
.w1{width: 1px !important;} .w2{width: 2px !important;} .w3{width: 3px !important;} .w4{width: 4px !important;} .w5{width: 5px !important;} .w6{width: 6px !important;} .w7{width: 7px !important;} .w8{width: 8px !important;} .w9{width: 9px !important;} .w10{width: 10px !important;} .w15{width: 15px !important;} .w20{width: 20px !important;} .w25{width: 25px !important;} .w30{width: 30px !important;} .w35{width: 35px !important;} .w40{width: 40px !important;} .w45{width: 45px !important;} .w50{width: 50px !important;} .w55{width: 55px !important;} .w60{width: 60px !important;}
.w65{width: 65px !important;} .w70{width: 70px !important;} .w75{width: 75px !important;} .w80{width: 80px !important;} .w85{width: 85px !important;} .w90{width: 90px !important;} .w95{width: 95px !important;} .w100{width: 100px !important;} .w110{width: 110px !important;} .w120{width: 120px !important;} .w130{width: 130px !important;} .w140{width: 140px !important;} .w150{width: 150px !important;} .w160{width: 160px !important;} .w170{width: 170px !important;} .w180{width: 180px !important;} .w190{width: 190px !important;} .w200{width: 200px !important;} .w220{width: 220px !important;} .w240{width: 240px !important;}
.w260{width: 260px !important;} .w280{width: 280px !important;} .w300{width: 300px !important;} .w350{width: 350px !important;} .w400{width: 400px !important;} .w450{width: 450px !important;} .w500{width: 500px !important;} .w550{width: 550px !important;} .w600{width: 600px !important;} .w650{width: 650px !important;} .w700{width: 700px !important;} .w750{width: 750px !important;} .w800{width: 800px !important;} .w850{width: 850px !important;} .w900{width: 900px !important;} .w950{width: 950px !important;} .w1000{width: 1000px !important;}
.w250{width: 250px;}

.w100p{width: 100%;}
.mw-100, .mx-100 img{
    max-width: 100%;
}

/** Width 1% to 100% **/
.wper0{width:0% !important; overflow:hidden !important}.wper1{width:1% !important; overflow:hidden !important}.wper2{width:2% !important; overflow:hidden !important}.wper3{width:3% !important; overflow:hidden !important}.wper4{width:4% !important; overflow:hidden !important}.wper5{width:5% !important; overflow:hidden !important}.wper6{width:6% !important; overflow:hidden !important}.wper7{width:7% !important; overflow:hidden !important}.wper8{width:8% !important; overflow:hidden !important}.wper9{width:9% !important; overflow:hidden !important}.wper10{width:10% !important; overflow:hidden !important}.wper11{width:11% !important; overflow:hidden !important}.wper12{width:12% !important; overflow:hidden !important}.wper13{width:13% !important; overflow:hidden !important}.wper14{width:14% !important; overflow:hidden !important}.wper15{width:15% !important; overflow:hidden !important}.wper16{width:16% !important; overflow:hidden !important}.wper17{width:17% !important; overflow:hidden !important}.wper18{width:18% !important; overflow:hidden !important}.wper19{width:19% !important; overflow:hidden !important}.wper20{width:20% !important; overflow:hidden !important}.wper21{width:21% !important; overflow:hidden !important}.wper22{width:22% !important; overflow:hidden !important}.wper23{width:23% !important; overflow:hidden !important}.wper24{width:24% !important; overflow:hidden !important}.wper25{width:25% !important; overflow:hidden !important}.wper26{width:26% !important; overflow:hidden !important}.wper27{width:27% !important; overflow:hidden !important}.wper28{width:28% !important; overflow:hidden !important}.wper29{width:29% !important; overflow:hidden !important}.wper30{width:30% !important; overflow:hidden !important}.wper31{width:31% !important; overflow:hidden !important}.wper32{width:32% !important; overflow:hidden !important}.wper33{width:33% !important; overflow:hidden !important}.wper34{width:34% !important; overflow:hidden !important}.wper35{width:35% !important; overflow:hidden !important}.wper36{width:36% !important; overflow:hidden !important}.wper37{width:37% !important; overflow:hidden !important}.wper38{width:38% !important; overflow:hidden !important}.wper39{width:39% !important; overflow:hidden !important}.wper40{width:40% !important; overflow:hidden !important}.wper41{width:41% !important; overflow:hidden !important}.wper42{width:42% !important; overflow:hidden !important}.wper43{width:43% !important; overflow:hidden !important}.wper44{width:44% !important; overflow:hidden !important}.wper45{width:45% !important; overflow:hidden !important}.wper46{width:46% !important; overflow:hidden !important}.wper47{width:47% !important; overflow:hidden !important}.wper48{width:48% !important; overflow:hidden !important}.wper49{width:49% !important; overflow:hidden !important}.wper50{width:50% !important; overflow:hidden !important}.wper51{width:51% !important; overflow:hidden !important}.wper52{width:52% !important; overflow:hidden !important}.wper53{width:53% !important; overflow:hidden !important}.wper54{width:54% !important; overflow:hidden !important}.wper55{width:55% !important; overflow:hidden !important}.wper56{width:56% !important; overflow:hidden !important}.wper57{width:57% !important; overflow:hidden !important}.wper58{width:58% !important; overflow:hidden !important}.wper59{width:59% !important; overflow:hidden !important}.wper60{width:60% !important; overflow:hidden !important}.wper61{width:61% !important; overflow:hidden !important}.wper62{width:62% !important; overflow:hidden !important}.wper63{width:63% !important; overflow:hidden !important}.wper64{width:64% !important; overflow:hidden !important}.wper65{width:65% !important; overflow:hidden !important}.wper66{width:66% !important; overflow:hidden !important}.wper67{width:67% !important; overflow:hidden !important}.wper68{width:68% !important; overflow:hidden !important}.wper69{width:69% !important; overflow:hidden !important}.wper70{width:70% !important; overflow:hidden !important}.wper71{width:71% !important; overflow:hidden !important}.wper72{width:72% !important; overflow:hidden !important}.wper73{width:73% !important; overflow:hidden !important}.wper74{width:74% !important; overflow:hidden !important}.wper75{width:75% !important; overflow:hidden !important}.wper76{width:76% !important; overflow:hidden !important}.wper77{width:77% !important; overflow:hidden !important}.wper78{width:78% !important; overflow:hidden !important}.wper79{width:79% !important; overflow:hidden !important}.wper80{width:80% !important; overflow:hidden !important}.wper81{width:81% !important; overflow:hidden !important}.wper82{width:82% !important; overflow:hidden !important}.wper83{width:83% !important; overflow:hidden !important}.wper84{width:84% !important; overflow:hidden !important}.wper85{width:85% !important; overflow:hidden !important}.wper86{width:86% !important; overflow:hidden !important}.wper87{width:87% !important; overflow:hidden !important}.wper88{width:88% !important; overflow:hidden !important}.wper89{width:89% !important; overflow:hidden !important}.wper90{width:90% !important; overflow:hidden !important}.wper91{width:91% !important; overflow:hidden !important}.wper92{width:92% !important; overflow:hidden !important}.wper93{width:93% !important; overflow:hidden !important}.wper94{width:94% !important; overflow:hidden !important}.wper95{width:95% !important; overflow:hidden !important}.wper96{width:96% !important; overflow:hidden !important}.wper97{width:97% !important; overflow:hidden !important}.wper98{width:98% !important; overflow:hidden !important}.wper99{width:99% !important; overflow:hidden !important}.wper100{width:100% !important; overflow:hidden !important}

.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}

/** D-Flex **/
.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.mr-auto,.mx-auto{margin-right:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.m-auto{margin: auto;}
/** \ **/

/** Width 1% to 100% **/
.wper0{width:0% !important; overflow:hidden !important}.wper1{width:1% !important; overflow:hidden !important}.wper2{width:2% !important; overflow:hidden !important}.wper3{width:3% !important; overflow:hidden !important}.wper4{width:4% !important; overflow:hidden !important}.wper5{width:5% !important; overflow:hidden !important}.wper6{width:6% !important; overflow:hidden !important}.wper7{width:7% !important; overflow:hidden !important}.wper8{width:8% !important; overflow:hidden !important}.wper9{width:9% !important; overflow:hidden !important}.wper10{width:10% !important; overflow:hidden !important}.wper11{width:11% !important; overflow:hidden !important}.wper12{width:12% !important; overflow:hidden !important}.wper13{width:13% !important; overflow:hidden !important}.wper14{width:14% !important; overflow:hidden !important}.wper15{width:15% !important; overflow:hidden !important}.wper16{width:16% !important; overflow:hidden !important}.wper17{width:17% !important; overflow:hidden !important}.wper18{width:18% !important; overflow:hidden !important}.wper19{width:19% !important; overflow:hidden !important}.wper20{width:20% !important; overflow:hidden !important}.wper21{width:21% !important; overflow:hidden !important}.wper22{width:22% !important; overflow:hidden !important}.wper23{width:23% !important; overflow:hidden !important}.wper24{width:24% !important; overflow:hidden !important}.wper25{width:25% !important; overflow:hidden !important}.wper26{width:26% !important; overflow:hidden !important}.wper27{width:27% !important; overflow:hidden !important}.wper28{width:28% !important; overflow:hidden !important}.wper29{width:29% !important; overflow:hidden !important}.wper30{width:30% !important; overflow:hidden !important}.wper31{width:31% !important; overflow:hidden !important}.wper32{width:32% !important; overflow:hidden !important}.wper33{width:33% !important; overflow:hidden !important}.wper34{width:34% !important; overflow:hidden !important}.wper35{width:35% !important; overflow:hidden !important}.wper36{width:36% !important; overflow:hidden !important}.wper37{width:37% !important; overflow:hidden !important}.wper38{width:38% !important; overflow:hidden !important}.wper39{width:39% !important; overflow:hidden !important}.wper40{width:40% !important; overflow:hidden !important}.wper41{width:41% !important; overflow:hidden !important}.wper42{width:42% !important; overflow:hidden !important}.wper43{width:43% !important; overflow:hidden !important}.wper44{width:44% !important; overflow:hidden !important}.wper45{width:45% !important; overflow:hidden !important}.wper46{width:46% !important; overflow:hidden !important}.wper47{width:47% !important; overflow:hidden !important}.wper48{width:48% !important; overflow:hidden !important}.wper49{width:49% !important; overflow:hidden !important}.wper50{width:50% !important; overflow:hidden !important}.wper51{width:51% !important; overflow:hidden !important}.wper52{width:52% !important; overflow:hidden !important}.wper53{width:53% !important; overflow:hidden !important}.wper54{width:54% !important; overflow:hidden !important}.wper55{width:55% !important; overflow:hidden !important}.wper56{width:56% !important; overflow:hidden !important}.wper57{width:57% !important; overflow:hidden !important}.wper58{width:58% !important; overflow:hidden !important}.wper59{width:59% !important; overflow:hidden !important}.wper60{width:60% !important; overflow:hidden !important}.wper61{width:61% !important; overflow:hidden !important}.wper62{width:62% !important; overflow:hidden !important}.wper63{width:63% !important; overflow:hidden !important}.wper64{width:64% !important; overflow:hidden !important}.wper65{width:65% !important; overflow:hidden !important}.wper66{width:66% !important; overflow:hidden !important}.wper67{width:67% !important; overflow:hidden !important}.wper68{width:68% !important; overflow:hidden !important}.wper69{width:69% !important; overflow:hidden !important}.wper70{width:70% !important; overflow:hidden !important}.wper71{width:71% !important; overflow:hidden !important}.wper72{width:72% !important; overflow:hidden !important}.wper73{width:73% !important; overflow:hidden !important}.wper74{width:74% !important; overflow:hidden !important}.wper75{width:75% !important; overflow:hidden !important}.wper76{width:76% !important; overflow:hidden !important}.wper77{width:77% !important; overflow:hidden !important}.wper78{width:78% !important; overflow:hidden !important}.wper79{width:79% !important; overflow:hidden !important}.wper80{width:80% !important; overflow:hidden !important}.wper81{width:81% !important; overflow:hidden !important}.wper82{width:82% !important; overflow:hidden !important}.wper83{width:83% !important; overflow:hidden !important}.wper84{width:84% !important; overflow:hidden !important}.wper85{width:85% !important; overflow:hidden !important}.wper86{width:86% !important; overflow:hidden !important}.wper87{width:87% !important; overflow:hidden !important}.wper88{width:88% !important; overflow:hidden !important}.wper89{width:89% !important; overflow:hidden !important}.wper90{width:90% !important; overflow:hidden !important}.wper91{width:91% !important; overflow:hidden !important}.wper92{width:92% !important; overflow:hidden !important}.wper93{width:93% !important; overflow:hidden !important}.wper94{width:94% !important; overflow:hidden !important}.wper95{width:95% !important; overflow:hidden !important}.wper96{width:96% !important; overflow:hidden !important}.wper97{width:97% !important; overflow:hidden !important}.wper98{width:98% !important; overflow:hidden !important}.wper99{width:99% !important; overflow:hidden !important}.wper100{width:100% !important; overflow:hidden !important}
.w-auto{width: auto !important;}
.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}

/** D-Flex **/
.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.mr-auto,.mx-auto{margin-right:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.m-auto{margin: auto;}
/** \ **/

textarea							{resize:none}
a,img,a:focus,img:focus				{outline:none; border:none}
.posRel								{position:relative}
.btn{
    box-shadow: 1px 2px 2px #aaa !important;
    -moz-box-shadow: 1px 2px 2px #aaa !important;
    -webkit-box-shadow: 1px 2px 2px #aaa !important;
}
.no-shadow{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.vmidl{vertical-align: middle !important;}
.vbase{vertical-align: baseline !important;}
.vtop{vertical-align:text-top !important;}

.clr			{clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden}
.down			{clear:both; width:100%; display:block}
.float-left		{float:left}
.float-right	{float:right}

.col2			{width:50%; float:left;}
.col3			{width:33%; float:left;}
.col4			{width:25%; float:left;}
.col5			{width:20%; float:left;}
.col6			{width:16.6%; float:left;}

.colP10			{width:10%; float:left;}
.colP20			{width:20%; float:left;}
.colP25			{width:25%; float:left;}
.colP30			{width:30%; float:left;}

.colP90			{width:90%; float:left;}
.colP80			{width:80%; float:left;}
.colP75			{width:75%; float:left;}
.colP70			{width:70%; float:left;}


.LR-5			{margin-left:-5px; margin-right:-5px}
.LR-10			{margin-left:-10px; margin-right:-10px}
.LR-15			{margin-left:-15px; margin-right:-15px}
.LR-20			{margin-left:-20px; margin-right:-20px}

.bold			{font-weight:bold}
.uc                     {text-transform:uppercase}
.fw600                  {font-weight: 600 !important;}
.fw400                  {font-weight: 400 !important;}
.f15                    {font-size: 15px !important;}
.f14                    {font-size: 14px !important;}
.f17                    {font-size: 17px !important;}
.f7                     {font-size: 7px !important;}
.f8                     {font-size: 8px !important;}
.f9                     {font-size: 9px !important;}

.marginTB10             {margin-top:10px !important;margin-bottom:10px !important;}
.marginLRauto           {margin-left:auto !important;margin-right:auto !important;}
.margin5               {margin: 5px !important;}
.margin10               {margin: 10px !important;}
.margin-left25          {margin-left: 25px !important;}

.mTB5{margin-top:5px !important;margin-bottom:5px !important;}

.mb5			{margin-bottom:5px !important;}
.mb10			{margin-bottom:10px !important;}
.mb15			{margin-bottom:15px !important;}
.mb20			{margin-bottom:20px !important;}
.mb25			{margin-bottom:25px !important;}
.mb30			{margin-bottom:30px !important;}
.mb35			{margin-bottom:35px !important;}
.mb40			{margin-bottom:40px !important;}
.mb45			{margin-bottom:45px !important;}
.mb50			{margin-bottom:50px !important;}
.mb60			{margin-bottom:60px !important;}
.mb70			{margin-bottom:70px !important;}
.mb80			{margin-bottom:80px !important;}
.mb100			{margin-bottom:100px !important;}
.mb150			{margin-bottom:150px !important;}

.mL10			{margin-left:10px !important;}
.mL30                   {margin-left:30px !important;}

.mL20			{margin-left:20px !important;}
.m0			{margin:0px !important;}

.mr0			{margin-right:0px !important;}
.mr5			{margin-right:5px !important;}
.mr10			{margin-right:10px !important;}
.mr15			{margin-right:15px !important;}
.mr20			{margin-right:20px !important;}
.mr25			{margin-right:25px !important;}
.mr30			{margin-right:30px !important;}
.mr40			{margin-right:40px !important;}

.mt4			{margin-top:4px !important;}
.mt5			{margin-top:5px !important;}
.mt10			{margin-top:10px !important;}
.mt15			{margin-top:15px !important;}
.mt20			{margin-top:20px !important;}
.mt25			{margin-top:25px !important;}
.mt30			{margin-top:30px !important;}
.mt35			{margin-top:35px !important;}
.mt40			{margin-top:40px !important;}
.mt45			{margin-top:45px !important;}
.mt50			{margin-top:50px !important;}
.mt100			{margin-top:100px !important;}
.mt150			{margin-top:150px !important;}
.mt200			{margin-top:200px !important;}
.mt250			{margin-top:250px !important;}

.pd5			{padding:5px !important;}
.pd10			{padding:10px !important;}
.pd15			{padding:15px !important;}
.pd20			{padding:20px !important;}
.pd30			{padding:30px !important;}
.pd40			{padding:40px !important;}
.pd50			{padding:50px !important;}

.pd2            {padding:2px !important;}
.pdL5			{padding-left:5px !important;}
.pdL10			{padding-left:10px !important;}
.pdL15			{padding-left:15px !important;}
.pdL20			{padding-left:20px !important;}
.pdL30			{padding-left:30px !important;}
.pdL40			{padding-left:40px !important;}
.pdL50			{padding-left:50px !important;}
.pdL60			{padding-left:60px !important;}
.pdL70			{padding-left:70px !important;}
.pdL80			{padding-left:80px !important;}
.pdL90			{padding-left:90px !important;}
.pdL100			{padding-left:100px !important;}
.pdL110			{padding-left:110px !important;}
.pdL120			{padding-left:120px !important;}

.pdR3			{padding-right:3px !important;}
.pdR4			{padding-right:4px !important;}
.pdR5			{padding-right:5px !important;}
.pdR7			{padding-right:7px !important;}
.pdR10			{padding-right:10px !important;}
.pdR15			{padding-right:15px !important;}
.pdR20			{padding-right:20px !important;}
.pdR25			{padding-right:25px !important;}
.pdR30			{padding-right:30px !important;}
.pdR40			{padding-right:40px !important;}
.pdR50			{padding-right:50px !important;}
.pdR60			{padding-right:60px !important;}
.pdR70			{padding-right:70px !important;}
.pdR80			{padding-right:80px !important;}
.pdR90			{padding-right:90px !important;}
.pdR100			{padding-right:100px !important;}
.pdR110			{padding-right:110px !important;}
.pdR120			{padding-right:120px !important;}

.pdT3			{padding-top:3px !important;}
.pdT5			{padding-top:5px !important;}
.pdT8			{padding-top:8px !important;}
.pdT10			{padding-top:10px !important;}
.pdT15			{padding-top:15px !important;}
.pdT20			{padding-top:20px !important;}
.pdT100			{padding-top:100px !important;}
.pdT150			{padding-top:150px !important;}

.pdB0			{padding-bottom:0px !important;}
.pdB5			{padding-bottom:5px !important;}
.pdB8			{padding-bottom:8px !important;}
.pdB10			{padding-bottom:10px !important;}
.pdB15			{padding-bottom:15px !important;}
.pdB20			{padding-bottom:20px !important;}

.pdTB8                  {padding-bottom:8px !important;padding-top:8px !important;}

.border-radius4        {border-radius: 4px !important;}
.border-radius6        {border-radius: 6px !important;}
.border-radius8        {border-radius: 8px !important;}
.border-radius10        {border-radius: 10px !important;}
.border-radius20        {border-radius: 20px !important;}
.border-radius30        {border-radius: 30px !important;}
.border-radius40        {border-radius: 40px !important;}
.border-top1            {border-top: 1px solid #eee;}
.br5-red                { border-right: 5px solid #f36a5a !important; }
.br5-green              { border-right: 5px solid #26C281 !important; }

.box-shadow             {box-shadow: 0px 0px 5px rgba(0,0,0,.2) !important;}

.btn-shadow:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26);
}
.overflow{
    overflow: visible !important;
}

.err			{color:#b94a48}
.errBdr			{border-color:#b94a48}

.el-hide		{display:none}
.note-text		{font-size: 11px; color: #777;clear: both;}

.w-md{width: 220px!important;}
.w-sm{width: 120px!important;}
.w-xs{width: 80px!important;}
.border-none{border:0px !important;}
.border1x{border:1px solid #fff;}
.border2x{border:2px solid #fff;}
.bTo{border-top: 0px !important;}
.datepicker.dropdown-menu{z-index: 99999 !important;}
.zi-max{z-index: 9999 !important;}
/** Colors **/

.width90percent{ width:90%;}

.top22{
    top: 22px !important;
}
.req::after					{content:' *'; color:#f3565d !important}

.no-found-text{
    color: #9eacb4;
}
/*Height */
.min-hgt30{min-height: 30px !important;}

/** Widths **/
.min-width168{min-width: 168px !important;}
.btn-min-height                 {min-width: 80px;}
.w16, .form-control.w16		{width:16px}
.w20, .form-control.w20		{width:20px}
.w32, .form-control.w32		{width:32px}
.w40, .form-control.w40		{width:40px}
.w50, .form-control.w50		{width:50px}
.w60, .form-control.w60		{width:60px}
.w70, .form-control.w70		{width:70px}
.w80, .form-control.w80		{width:80px}
.w85, .form-control.w85		{width:85px}
.w90, .form-control.w90		{width:90px}
.w100, .form-control.w100	{width:100px}
.w110, .form-control.w110	{width:110px}
.w120, .form-control.w120	{width:120px}
.w130, .form-control.w130	{width:130px}
.w140, .form-control.w140	{width:140px}
.w150, .form-control.w150	{width:150px}
.w200, .form-control.w200	{width:200px}
.w250, .form-control.w250	{width:250px}
.w300, .form-control.w300	{width:300px}
.w350, .form-control.w350	{width:350px}
.w400, .form-control.w400	{width:400px}
.wper100                    {width: 100%}
.text-left{text-align: left !important;}
.text-center-imp{text-align: center !important;}
.pd10{ padding:10px !important;}
p.text-collapse{
    height: 20px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.modal-overflow .overflow-none{
    overflow: hidden !important;
}
.overflow-none{
    overflow: hidden !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.border-left0 {
    border-left: 0px !important;
}
.border-LRB{
    border-bottom:1px solid #eee !important;
    border-left:1px solid #eee !important;
    border-right:1px solid #eee !important;
}
.border-TLR{
    border-top:1px solid #eee !important;
    border-left:1px solid #eee !important;
    border-right:1px solid #eee !important;
}
.mt-list-item{
    width: 100% !important;
}

.td-link:hover{
    text-decoration: underline !important;
    color: #3598dc!important;
}
.bordered{
    border: 1px solid #e7ecf1!important;
}
.border-bottom-1{
    border-bottom: 1px solid #F2F5F8 !important;
}
.marginLR15{
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.portlet-min-height{
    min-height: 651px !important;
}
.border-right-1{
    border-right: 1px solid #eee !important;
}
.label-sup-db{
    font-size: 10px !important;
    padding: 3px 5px !important;
}
.label-vip{
    font-size: 7px !important;
    padding: 3px 5px !important;
}
.tab-active-left .active{
    border-left: 3px solid #ed6b75;;
    font-weight: 700;
    color: #333;
}
.wh48{
    width:48px !important;
    height:48px !important;
}
.light_blue{
    /*    background-color: #fcd6a5 !important;*/
    background-color: #e8f1f7 !important;
}

.input-halfradiusL{
    -webkit-border-top-left-radius: 50px !important;
    -webkit-border-bottom-left-radius: 50px !important;
    -moz-border-radius-topleft: 50px !important;
    -moz-border-radius-bottomleft: 50px !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}
.input-halfradiusR{
    -webkit-border-top-right-radius: 50px !important;
    -webkit-border-bottom-right-radius: 50px !important;
    -moz-border-radius-topright: 50px !important;
    -moz-border-radius-bottomright: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.sa-button-container .cancel,.sa-button-container .confirm{ width: 80px;}
.sa-button-container .cancel{margin-right: 40px;}

/** New css by Satyendra **/

/** Calendra **/
.appt_cal .fc-toolbar 										{display:none}

.portlet.calendar.light .cal-cus-ctrl .fc-button			{padding-bottom:5px; top:-10px}
.portlet.calendar .fc-event									{border:1px solid #539bab}
.portlet.calendar .fc-event.right-m							{right:10% !important}
.portlet.calendar .fc-event.block-m							{right:-5% !important}
.portlet.calendar .fc-event.block-sys{
    background-color: #f0818a !important;
    border: #ed6b75 !important;
}
.portlet.calendar .fc-event.block-s{
    background: repeating-linear-gradient( 45deg, #f0818a, #f0818a 10px, #ed6b75 10px, #ed6b75 20px );
    border: none;
}
.portlet.calendar .fc-event.block-wa{
    background: repeating-linear-gradient( 30deg, #dbfdcf, #baebaa 10px, #98d986 10px, #75c762 20px );
    border: none;
}
.portlet.calendar .fc-event.block-w{
    background: repeating-linear-gradient( 30deg, #ffe3f3, #f9c7e0 10px, #f3accc 10px, #ec8fb5 20px );
    border: none;
}
.portlet.calendar .fc-event.block-a{
    background: repeating-linear-gradient( 30deg, #ffdac4, #ffb688 10px, #ff904d 10px, #f76700 20px );
    border: none;
}
.portlet.calendar .fc-event.block-pin{
    background: repeating-linear-gradient( 160deg, #f9d9ff, #f1bffb 10px, #f3b2ff 10px, #f3b2ff 20px );
    border: none;
}
.portlet.calendar .fc-event.block-c{
    background-color: #8ae2c1 !important;
}
.fc-time-grid-event.fc-short .fc-time:before				{content:''}
.fc-time-grid-event.fc-short .fc-time:after					{content:''}
.fc-time-grid-event.fc-short .fc-time span					{display:inline-block}

.portlet.calendar .fc-event .fc-title						{color:unset}
.portlet.calendar .fc-event .fc-time						{color:#1d1d1d; display:none}

.portlet.calendar.light .fc-button							{padding-bottom:5px; top:-10px}
.fc-nonbusiness												{background:#999}
/** \ **/

.row.min-gap										{margin-left:-7px; margin-right:-7px}
.row.min-gap .col-md-8, .row.min-gap .col-md-6, 
.row.min-gap .col-md-5, .row.min-gap .col-md-4, 
.row.min-gap .col-md-3, .row.min-gap .col-md-2		{padding-left:7px; padding-right:7px}

/** Payroll form **/
.payroll-tbody .form-control		{height:34px; padding:14px 6px 2px 6px; font-size:13px; line-height:13px; font-weight:bold}
.comp-lbl							{position:absolute; z-index:100; left:2px; top:1px; font-size:10px; text-transform:uppercase; color:#00b9f5}
/** \ **/

.greenBdr							{border:1px solid #36c6d3}
.stSal1								{color:#999999}
.stSal2								{color:#0080C0}
.stSal3								{color:#008040}
.stSal4								{color:#B30000}
.stSal5								{color:#008040}

/** **/
.invListBx fieldset			{padding:0; margin:0; border:1px solid #36c6d3}
.invListBx fieldset legend	{border:1px solid #f1f1f1; font-size:13px; font-weight:bold; padding:3px 10px; width:auto; margin:0px 0 0 10px;}

.invListBx .panel-heading 		{padding:8px 10px}
.invListBx .panel-title			{font-size:14px; line-height:14px}
.invListBx .panel-heading h5	{margin:0; font-size:14px; line-height:14px}
.invListBx input[type=checkbox], input[type=radio]		{margin:0}
.invListBx .panel-body 			{padding:10px 10px}
.invListBx .table th			{background-color:unset; background-color:#fff !important; text-transform:uppercase; color:#666}

.invListBx .note 				{margin: 0 0 15px; padding: 10px 10px 10px 10px; border-left: 5px solid #eee}
.note.sm						{padding:10px}	
.sigline						{font-weight:bold; width:60%; margin:100px auto 0 auto; text-align:center; border-top:1px solid #333; padding:3px 0 0 0;}

.page-sidebar .page-sidebar-menu>li.active>a>.selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected {display:none}

@media (min-width: 1024px) {
    .auto-searching {
        width: 680px;
        position: fixed;
    } 
}
@media (min-width: 600px) and (max-width: 1023px){
    .auto-searching {
        width: 680px;
        position: fixed;
    } 
}
@media (max-width:960px){
    .Rappointment-title span {
        top: -24px;
        position: absolute;
        width: 112px;
    }
}

.qrimage img {
    margin: auto;
}

.nomrgn							{margin:0}
.nomrgn input, .nomrgn label	{margin:0 !important}

.dash-stats					{}
.dash-stats h1				{font-size:30px; padding:20px 0}
.dash-stats .panel-body		{font-weight:bold; font-size:14px; padding-top:5px; padding-bottom:5px; text-transform:uppercase}
.yrbox						{float:right; font-size:14px}
.yrbox .lbl					{width:50px; float:left}
.yrbox select				{float:left; width:100px; margin-top:-3px; color:#333}

.col_chart					{width:100%; height:350px}
.col_chart.sm3					{height:300px}
.col_chart.sm2					{height:250px}
.col_chart.lg5					{height:500px}
.col_chart.lg6					{height:600px}
.col_chart.xl5					{min-height:1200px}
.pie_chart					{width:100%; height:500px}
.amcharts-main-div a		{display:none !important} 

.cashinslbl					{padding-bottom:3px; margin-bottom:3px; border-bottom:1px dashed #ccc; color:#777}
.spn60 span					{display:inline-block; width:60px}
.spn100 span				{display:inline-block; width:100px}

.table.vtop tbody td		{vertical-align:top !important}

.row.mingap						{margin-left:-5px; margin-right:-5px}
.row.mingap .col, .row.mingap .col-xs-1, .row.mingap .col-sm-1, .row.mingap .col-md-1, .row.mingap .col-lg-1, .row.mingap .col-xs-2, .row.mingap .col-sm-2, .row.mingap .col-md-2, .row.mingap .col-lg-2, .row.mingap .col-xs-3, .row.mingap .col-sm-3, .row.mingap .col-md-3, .row.mingap .col-lg-3, .row.mingap .col-xs-4, .row.mingap .col-sm-4, .row.mingap .col-md-4, .row.mingap .col-lg-4, .row.mingap .col-xs-5, .row.mingap .col-sm-5, .row.mingap .col-md-5, .row.mingap .col-lg-5, .row.mingap .col-xs-6, .row.mingap .col-sm-6, .row.mingap .col-md-6, .row.mingap .col-lg-6, .row.mingap .col-xs-7, .row.mingap .col-sm-7, .row.mingap .col-md-7, .row.mingap .col-lg-7, .row.mingap .col-xs-8, .row.mingap .col-sm-8, .row.mingap .col-md-8, .row.mingap .col-lg-8, .row.mingap .col-xs-9, .row.mingap .col-sm-9, .row.mingap .col-md-9, .row.mingap .col-lg-9, .row.mingap .col-xs-10, .row.mingap .col-sm-10, .row.mingap .col-md-10, .row.mingap .col-lg-10, .row.mingap .col-xs-11, .row.mingap .col-sm-11, .row.mingap .col-md-11, .row.mingap .col-lg-11, .row.mingap .col-xs-12, .row.mingap .col-sm-12, .row.mingap .col-md-12, .row.mingap .col-lg-12 {padding-left:5px; padding-right:5px}

/** Reconcilation Modal **/
.recModalBx .modal-dialog {
  width: 98%;
  height: 98%;
  margin: 0 auto;
  padding: 0;
}

.recModalBx .modal-content {
  height: auto;
  min-height: 98%;
  border-radius: 0;
}

.recModalBx .panel-heading			{padding:8px 10px}
.recModalBx .panel-body				{padding:10px}
.recHFrm							{position:absolute; right:10px; top:3px}
.recHFrm .form-control				{height:28px; background-color:#fff; padding-left:5px; padding-right:5px}
.recHFrm label						{margin:0; color:#777}

.modal-dialog.recFilterLeft         {margin-left:150px; margin-top:14px;}
.modal-dialog.recFilterRight        {margin-right:150px; margin-top:14px;}
.waitL{
    padding: 5px 10px !important;
}
.waitL:hover{
    background-color: #404d56 !important;
}
.patSigAreaBox .table td{border: none !important;}
.patSigArea{
    border-top: 1px solid #666;
    padding: 5px 0 15px;
    font-style: italic;
    text-align: right;
}

.row.mingap			{margin-left:-5px; margin-right:-5px}
.row.mingap .col, .row.mingap .col-xs-1, .row.mingap .col-sm-1, .row.mingap .col-md-1, .row.mingap .col-lg-1, .row.mingap .col-xs-2, .row.mingap .col-sm-2, .row.mingap .col-md-2, .row.mingap .col-lg-2, .row.mingap .col-xs-3, .row.mingap .col-sm-3, .row.mingap .col-md-3, .row.mingap .col-lg-3, .row.mingap .col-xs-4, .row.mingap .col-sm-4, .row.mingap .col-md-4, .row.mingap .col-lg-4, .row.mingap .col-xs-5, .row.mingap .col-sm-5, .row.mingap .col-md-5, .row.mingap .col-lg-5, .row.mingap .col-xs-6, .row.mingap .col-sm-6, .row.mingap .col-md-6, .row.mingap .col-lg-6, .row.mingap .col-xs-7, .row.mingap .col-sm-7, .row.mingap .col-md-7, .row.mingap .col-lg-7, .row.mingap .col-xs-8, .row.mingap .col-sm-8, .row.mingap .col-md-8, .row.mingap .col-lg-8, .row.mingap .col-xs-9, .row.mingap .col-sm-9, .row.mingap .col-md-9, .row.mingap .col-lg-9, .row.mingap .col-xs-10, .row.mingap .col-sm-10, .row.mingap .col-md-10, .row.mingap .col-lg-10, .row.mingap .col-xs-11, .row.mingap .col-sm-11, .row.mingap .col-md-11, .row.mingap .col-lg-11, .row.mingap .col-xs-12, .row.mingap .col-sm-12, .row.mingap .col-md-12, .row.mingap .col-lg-12 {padding-left:5px; padding-right:5px}
.row.mingap1		{margin-left:-3px; margin-right:-3px}
.row.mingap1 .col, .row.mingap1 .col-xs-1, .row.mingap1 .col-sm-1, .row.mingap1 .col-md-1, .row.mingap1 .col-lg-1, .row.mingap1 .col-xs-2, .row.mingap1 .col-sm-2, .row.mingap1 .col-md-2, .row.mingap1 .col-lg-2, .row.mingap1 .col-xs-3, .row.mingap1 .col-sm-3, .row.mingap1 .col-md-3, .row.mingap1 .col-lg-3, .row.mingap1 .col-xs-4, .row.mingap1 .col-sm-4, .row.mingap1 .col-md-4, .row.mingap1 .col-lg-4, .row.mingap1 .col-xs-5, .row.mingap1 .col-sm-5, .row.mingap1 .col-md-5, .row.mingap1 .col-lg-5, .row.mingap1 .col-xs-6, .row.mingap1 .col-sm-6, .row.mingap1 .col-md-6, .row.mingap1 .col-lg-6, .row.mingap1 .col-xs-7, .row.mingap1 .col-sm-7, .row.mingap1 .col-md-7, .row.mingap1 .col-lg-7, .row.mingap1 .col-xs-8, .row.mingap1 .col-sm-8, .row.mingap1 .col-md-8, .row.mingap1 .col-lg-8, .row.mingap1 .col-xs-9, .row.mingap1 .col-sm-9, .row.mingap1 .col-md-9, .row.mingap1 .col-lg-9, .row.mingap1 .col-xs-10, .row.mingap1 .col-sm-10, .row.mingap1 .col-md-10, .row.mingap1 .col-lg-10, .row.mingap1 .col-xs-11, .row.mingap1 .col-sm-11, .row.mingap1 .col-md-11, .row.mingap1 .col-lg-11, .row.mingap1 .col-xs-12, .row.mingap1 .col-sm-12, .row.mingap1 .col-md-12, .row.mingap1 .col-lg-12 {padding-left:3px; padding-right:3px}
.row.mingap2		{margin-left:-2px; margin-right:-2px}
.row.mingap2 .col, .row.mingap2 .col-xs-1, .row.mingap2 .col-sm-1, .row.mingap2 .col-md-1, .row.mingap2 .col-lg-1, .row.mingap2 .col-xs-2, .row.mingap2 .col-sm-2, .row.mingap2 .col-md-2, .row.mingap2 .col-lg-2, .row.mingap2 .col-xs-3, .row.mingap2 .col-sm-3, .row.mingap2 .col-md-3, .row.mingap2 .col-lg-3, .row.mingap2 .col-xs-4, .row.mingap2 .col-sm-4, .row.mingap2 .col-md-4, .row.mingap2 .col-lg-4, .row.mingap2 .col-xs-5, .row.mingap2 .col-sm-5, .row.mingap2 .col-md-5, .row.mingap2 .col-lg-5, .row.mingap2 .col-xs-6, .row.mingap2 .col-sm-6, .row.mingap2 .col-md-6, .row.mingap2 .col-lg-6, .row.mingap2 .col-xs-7, .row.mingap2 .col-sm-7, .row.mingap2 .col-md-7, .row.mingap2 .col-lg-7, .row.mingap2 .col-xs-8, .row.mingap2 .col-sm-8, .row.mingap2 .col-md-8, .row.mingap2 .col-lg-8, .row.mingap2 .col-xs-9, .row.mingap2 .col-sm-9, .row.mingap2 .col-md-9, .row.mingap2 .col-lg-9, .row.mingap2 .col-xs-10, .row.mingap2 .col-sm-10, .row.mingap2 .col-md-10, .row.mingap2 .col-lg-10, .row.mingap2 .col-xs-11, .row.mingap2 .col-sm-11, .row.mingap2 .col-md-11, .row.mingap2 .col-lg-11, .row.mingap2 .col-xs-12, .row.mingap2 .col-sm-12, .row.mingap2 .col-md-12, .row.mingap2 .col-lg-12 {padding-left:2px; padding-right:2px}

.table>tbody.vtop>tr>td                 {vertical-align:top !important}
.table>thead.vtop>tr>th                 {vertical-align:top !important}

.table>tbody.vmid>tr>td                 {vertical-align:middle !important}
.table>thead.vmid>tr>th                 {vertical-align:middle !important}

.table>tbody.vbottom>tr>td                 {vertical-align:bottom !important}
.table>thead.vbottom>tr>th                 {vertical-align:bottom !important}

.btnsm                                  {padding: 2px 8px !important; font-size: 12px !important; line-height: 1.5 !important; margin: 0 !important}
/** \ **/

.mood{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px;
    border-radius: 50% !important;
    box-shadow: 0 0 15px #ddd;
}
.smily{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 7px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-blend-mode: luminosity;
    border-radius: 50% !important;
}
.smily.active{
    width: 64px;
    height: 64px;
    margin: 0;
    background-blend-mode: unset;
    box-shadow: 0 0 30px #999;
}
.smily.mad,.mood.m1{
    background: #fafafa url(../img/mad.png) no-repeat center center;
    background-size: cover;
}
.smily.sad,.mood.m2{
    background: #fafafa url(../img/sad.png) no-repeat center center;
    background-size: cover;
}
.smily.confused,.mood.m3{
    background: #fafafa url(../img/confused.png) no-repeat center center;
    background-size: cover;
}
.smily.happy,.mood.m4{
    background: #fafafa url(../img/happy.png) no-repeat center center;
    background-size: cover;
}
.smily.inlove,.mood.m5{
    background: #fafafa url(../img/in-love.png) no-repeat center center;
    background-size: cover;
}
.smily.sm1,.mood.sm1{
    background: #fafafa url(../img/angry.png) no-repeat center center;
    background-size: cover;
}
.smily.sm2,.mood.sm2{
    background: #fafafa url(../img/notgood.png) no-repeat center center;
    background-size: cover;
}
.smily.sm3,.mood.sm3{
    background: #fafafa url(../img/ok.png) no-repeat center center;
    background-size: cover;
}
.smily.sm4,.mood.sm4{
    background: #fafafa url(../img/good.png) no-repeat center center;
    background-size: cover;
}
.smily.sm5,.mood.sm5{
    background: #fafafa url(../img/great.png) no-repeat center center;
    background-size: cover;
}

.select2sm .select2-container--bootstrap .select2-selection--single{
    height: 30px;
    font-size: 12px;
}

/** Modals **/
/*
.modal-body					{overflow:auto}
@media (min-width: 300px){
	.modal-xl 				{width: 98%;}
	.modal-lg 				{width: 98%;}
	.modal-md 				{width: 96%;}
}
@media (min-width: 992px){
	.modal-xl 				{width: 98%;}
	.modal-lg 				{width: 90%;}
	.modal-md 				{width: 75%;}
	.modal-sm 				{width: 600px;}
	.modal-xsm 				{width: 450px;}
}
@media (min-width: 1600px){
	.modal-xl 				{width: 95%;}
	.modal-md 				{width: 70%;}
}


@media (max-width: 1920px) {
	.modal-body				{max-height:740px}
}
@media (max-width: 1600px) {
	.modal-body				{max-height:620px}
}
@media (max-width: 1366px) {
	.modal-body				{max-height:490px}
}
@media (max-width: 1024px) {
	.modal-body				{max-height:430px}
}
@media (max-width: 900px) {
	.modal-body				{max-height:390px}
}
@media (max-width: 800px) {
	.modal-body				{max-height:340px}
}
*/

/** New CSS **/
/** Sticky Table **/
@media only screen{
    .sticky-tbl                                                         {max-width: 100%; overflow: auto; position: relative; border-top: 1px solid #eee; border-bottom: 1px solid #eee}
    .sticky-tbl table                                                   {position: relative; top: 0px}
    .sticky-tbl table thead th                                          {position: -webkit-sticky !important; position: sticky !important; top: 0px; z-index: 101;}
    .sticky-tbl table.fix-left thead th:first-child                     {left: 0; z-index: 102;}
    .sticky-tbl table.fix-left tbody th                                 {position: -webkit-sticky; position: sticky; left: 0; z-index: 100;}
    .sticky-tbl table.fix-tfoot tfoot th                                {position: -webkit-sticky; position: sticky; bottom: 0; z-index: 100;}
    .sticky-tbl table.fix-tfoot.fix-left tfoot th:first-child           {left: 0; z-index: 101;}
}
/** \ **/
.sticky-tbl-bx1         {max-height: 480px}
.pos-sticky-1px         {position: sticky; z-index: 103; left: 0; top: 0; width: 100%; height: 1px; background:#eee}
tr.dark th              {background:#000 !important; color:#fff}

.progress-bar-success {background-color: #038f7c !important;}
.progress-bar-warning {background-color: #e5aeaf !important;}
.progress-bar-danger {background-color: #de425b !important;}

.nowrap {white-space: nowrap;}

table.tablesm th, .table.tablesm td     {font-size: 12px !important}
.table.tablesm th                       {padding: 4px !important}
.table.tablesm td                       {padding: 4px !important}
.table.tablesm.xs th                    {padding: 1px 4px !important; font-size: 11px !important}
.table.tablesm.xs td                    {padding: 1px 4px !important; font-size: 11px !important}

.table.tablemd th, .table.tablemd td    {font-size: 13px !important}
.table.tablemd th                       {padding: 6px !important}
.table.tablemd td                       {padding: 6px !important}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.inblock            {display: inline-block !important}
.fontmd             {font-size:12px}
.fontxs             {font-size:11px}

.modal-body::-webkit-scrollbar                  {width:6px; background: #eee}
.modal-body::-webkit-scrollbar-thumb            {background:#666}
.modal-body::-webkit-scrollbar-thumb:hover      {background:#444}

.liframe                                        {position: relative; width: 100%; min-height: 100%; border: none; background:#fff; margin: 0; padding: 0; border:none}

.budgettblbx input[type="text"]                 {width:100%; text-align:right}
.budgettblbx .acco                              {cursor: pointer;}
.budgettblbx .icon-nd-text                      {position: relative; padding-left: 45px;}
.budgettblbx .importlink                        {text-transform:capitalize; font-weight: normal;}
.icon-nd-text .icon-btn                         {width: 40px; height: 40px; line-height: 40px; border-radius: 40px !important; min-width: unset; margin: 0; padding:0; position: absolute; z-index: 1; left: 0; top: 0;}

.th2rw                      {font-size: 11px; padding:3px 0 0 0; color:#ccc; color: #666; text-transform: capitalize}
.mprflex1                   {display:flex; flex-direction: row; justify-content: center;}
.mprflex1 div               {padding: 0 5px; width: 110px; border: 1px solid #ccc; border-right: none}
.mprflex1 div span          {position: relative; top: 50%; transform: translateY(-50%); display: block}
.mprflex1 div:last-child    {border-right: 1px solid #ccc}
.mprflex1.bold              {font-weight: bold !important; font-size: 12px}
.tfoot.th2rw                {padding: 0}

.bud-dtl-bx tbody th        {background-color: #F5F5F5;}

.borderless td, .borderless th{
    border: none !important;
}
.overflowhid{
    overflow: hidden !important;
}

.h-100 {
    height: 100%!important;
}
.h-75 {
    height: 75%!important;
}
.d-inline{
    display: inline-block;
}
.overflow-hidden{
    overflow: hidden;
}

.bg-dark {
    background-color: #343a40!important;
}
.big-over-bx{
    background-color: #fff; position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; display: none;
}
.big-over-bx-head{
    position: relative; text-transform: uppercase; font-weight: 600; font-size: 14px; background: #f9f9f9; border-bottom: 1px solid #e8e9eb; padding: 0 15px 0 0; height: 50px;
}
.big-over-bx-body{
    height: calc(100% - 50px); overflow: auto; padding: 15px;
}
.big-over-bx-close{
    padding: 0 15px; color: #fff; text-align: center; cursor: pointer;
}

input[type="text"], input[type="password"] {
    border: 1px solid #ccc;
}
.popover{
    z-index: 11000;
}

.ui-resizable-handle {width: 12px; height: 12px; background-color:#333; opacity:0.5; border: 1px solid #eee}
.ui-resizable-se {right: -5px; bottom: -5px;}
.ui-resizable-n, .ui-resizable-s {left: 48%;}
.ui-resizable-e, .ui-resizable-w {top: 48%;}

fieldset.custom {
    padding: 0;
    margin: 0;
    border: 1px solid #337ab7;
}
fieldset.custom legend {
    border: 1px solid #ccc;
    color: #337ab7;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    width: auto;
    margin: 0 0 0 10px;
    background: #eee;
}
.no-border{ border: none;}
.disp-in {
    display: inline-block;
}

.strike{text-decoration: line-through;}
.cpointer{cursor: pointer;}

.modal{
    padding-right: 0px !important;
}
.modal-fullx{
    max-width: 100%; margin:0 auto;
}
.modal-full{
    max-width: 99%; margin: 12px auto;
}
.modal-xl{
    max-width: 85%;
}
.modal-l{
    max-width: 76%;
}
.modal-md1{
    max-width: 60%; min-width: 760px;
}

.botModal{
    position: fixed;
    bottom: 0 !important;
    top:auto !important;
}

/** EOF **/