/******Fonts Family**************/
@font-face { font-family: 'FontAwesome'; src: url('/fonts/FontAwesome.otf') format('opentype'); }
@font-face { font-family: "ClearSansregular"; font-weight: normal; font-style: normal; src: url("../fonts/clearsan/ClearSans.eot"); src: url("../fonts/clearsan/ClearSans.eot?#iefix") format("embedded-opentype"), url("../fonts/clearsan/ClearSans.woff") format("woff"), url("../fonts/clearsan/ClearSans.ttf") format("truetype"); }

@font-face { font-family: "ClearSansbold"; font-weight: normal; font-style: normal; src: url("../fonts/clearsanBold/ClearSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/clearsanBold/ClearSans-Bold.woff") format("woff"), url("../fonts/clearsanBold/ClearSans-Bold.ttf") format("truetype"); }


@font-face { font-family: "ClearSanslight"; font-weight: normal; font-style: normal; src: url("../fonts/clearsanLight/ClearSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/clearsanLight/ClearSans-Light.woff") format("woff"), url("../fonts/clearsanLight/ClearSans-Light.woff") format("woff"), url("../fonts/clearsanLight/ClearSans-Light.ttf") format("truetype"); }

@font-face { font-family: "ClearSansmedium"; font-weight: normal; font-style: normal; src: url("../fonts/clearsanMedium/ClearSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/clearsanMedium/ClearSans-Medium.woff") format("woff"), url("../fonts/clearsanMedium/ClearSans-Medium.woff") format("woff"), url("../fonts/clearsanMedium/ClearSans-Medium.ttf") format("truetype"); }

/******End Of Fonts Family**************/
html, body { font-family: 'ClearSansregular', Sans-Serif; font-size: 14px; font-weight: normal; }

body { background-color: #e8ecee; }

.wrapper { position: relative; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.main-header { position: relative; max-height: 100px; z-index: 1030; }

.ytd_widget { margin-top: -6px; }

.navbar-default { background-color: #3588ca; border-color: transparent; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); }

.navbar-brand { float: left; height: 72px; padding: 0; font-size: 18px; }

.navbar-default .navbar-nav > li:first-child { padding-left: 32px; }

.navbar-default .navbar-nav > li { color: #fff; padding: 10px 27px 0px 0; cursor: pointer; font-family: 'ClearSansregular', Sans-Serif; font-size: 14px; height: 72px; line-height: 72px; }

    .navbar-default .navbar-nav > li.active { font-family: 'ClearSansbold', Sans-Serif; }

.circleImg { border-radius: 20px; padding: 10px; background-color: #317fb8; }

#txtLocationList { cursor: pointer; }

.glyphicon-user:before { color: #b0cbe0; }

.navbar-right li { padding: 0px !important; }

    .navbar-right li span { color: #fff; }

        .navbar-right li span.username { padding: 0 15px; }

    .navbar-right li a:hover { color: #fff; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color: #3186c7; }

.glyphicon-chevron-down:before { color: #6fadda; }

.navbar-nav > li > .dropdown-menu { margin-top: 0; background-color: #388ac9; margin-top: 8px; border: 0px; padding: 10px 20px; }

.dropdown-menu > li { padding: 10px !important; }

.content-wrapper { min-height: 532px; background-color: #e8ecee; z-index: 800; position: relative; }


.content-header > ul > li { float: left; list-style: none; }

.content-header li span.label1 { float: left; background-color: #f4f6f7; padding: 0px 27px; color: #808a92; border-right: 1px solid #eaedf0; }

.content-header li.border { border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; margin: 0 25px 0; padding-right: 30px; }

.content-header > li:last-child { float: right; right: 15px; position: relative; }

input [ type="text"], select { height: 33px; border: 1px solid #dee2e6; color: #6a7276; }

span.label { padding: 0 10px 0px 20px; color: #6a7276; font-family: 'ClearSansregular', Sans-Serif; font-weight: 400; font-size: 14px; }

.select { }

.alertBell { background-color: #e9f3f9; height: 31px; border-radius: 18px; width: 60px; top: -7px; position: relative; }


    .alertBell.notofication { width: 160px; }

    .alertBell .notofication,
    .alertBell .alertClose { display: none; }

        .alertBell.notofication .notofication { display: inline-block; left: 10px; }

        .alertBell.notofication .alertClose { display: inline-block; }

.fa-sort-amount-asc:before { content: "\f160"; color: #000; font-size: 14px; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; margin-left: -21px; top: 4px; position: relative; color: #255072; cursor: pointer; }

.alertBell span { position: relative; top: 7px; left: 19px; color: #255072; font-family: 'ClearSansbold', Sans-Serif; }

@media (min-width: 1200px) {
    .container { width: 100%; }
}


.showData { background-image: url("../images/showData.png"); width: 14px; height: 9px; display: inline-block; float: left; position: absolute; top: 23px; left: 10px; background-repeat: no-repeat; }

/************Common CSS*************/

input[type="text"] { height: 33px; border: 1px solid #dee2e6; color: #6a7276; font-size: 13px; }

input, select { font-family: 'ClearSansregular', Sans-Serif; font-size: 14px; min-width: 200px; padding: 0 0px 0 10px; }

.padding10 { padding-left: 10px !important; }

.glyphicon-menu-down:before { content: "\e259"; left: 91%; position: relative; top: 2px; cursor: pointer; color: #86939e; font-size: 12px; }

.glyphicon-bell:before { color: #439dd8; top: 10px; position: relative; left: 12px; }

select { -moz-appearance: none; -webkit-appearance: none; appearance: none; }

.navbar { margin-bottom: 0px; }

.navbar-fixed-bottom, .navbar-fixed-top { position: inherit; }

.row { margin: 0px; padding: 15px 0px; float: left; width: 100%; }


.panel-default > .panel-heading { position: relative; color: #000; background-color: #fff !important; border-color: transparent; border-radius: 0px; font-size: 17px; font-family: 'ClearSansregular', Sans-Serif; padding: 20px 10px; }


#wMapContainer { margin-top: 60px; }

.panel-default { border-color: #fff; }

.panel { position: relative; margin-bottom: 15px; border: 0px solid transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; background-color: transparent !important; }

.fa { float: right; color: #c1c5c7; line-height: 25px !important; }

.panel-body { padding: 0px; }

.panel-body-sec { float: left; clear: both; width: 100%; }

    .panel-body-sec .col-lg-6 { padding: 0px; width: 49.333%; margin-right: 10px; }

        .panel-body-sec .col-lg-6:last-child { margin: 0px; }

    .panel-body-sec .widgetBox { width: 100%; }

    .panel-body-sec .leaderBoard { margin: 0px; }





.leaderBoardtabs .tab-pane { margin: -1px 0 0 0px; border-top: 1px solid #dde1e5; width: 100%; max-height: 322px; overflow-y: auto; }
.bx_he { position: relative; }
.mapwidgetBox { width: 100%; clear: both; overflow: hidden; }

.map-widgetBox { margin: 16px 0 0 0; }

.fa-arrow-down:before { color: #e77060; }

.fa-dollar:before, .fa-usd:before, .fa-car:before { font-size: 25px; color: #a3bdcc; position: relative; top: 14px; left: -18px; }

.fa-car:before { left: -11px !important; }

.glyphicon-arrow-down:before { font-size: 10px; top: 0px; position: relative; padding-right: 0px; }

.fa-angle-down:before { position: relative; left: 22%; top: -3px; }

.Widget-all li div.width100 { width: 100%; }

.fa-angle-up:before { content: "\f106" !important; left: 6px; top: -2px; }

.refreshBtn .fa-fw { margin-top: 13px; }

.fa-eye { float: left; color: #000; }

.fa-refresh:before { color: #439dd8; }
/******Widget All CSS*************/
.Widget-all { display: inline; }

    .Widget-all > li:first-child { background-color: #f8fafb; display: inline-block; text-align: center; border-bottom: 1px solid #e6e9ec; border-top: 1px solid #e6e9ec; }

    .Widget-all li { float: left; padding: 20px 0px; }

    .Widget-all, .Widget-all li { list-style: none; width: 100%; font-family: 'ClearSansregular', Sans-Serif; }

        .Widget-all > li { border-bottom: 1px solid #e6e9ec; }

        .Widget-all li:last-child { border-bottom: 0px; }

        .Widget-all li:first-child > div { font-size: 12px; text-transform: uppercase; color: #6d7479; font-family: "ClearSansmedium", sans-serif; text-align: left; }

        .Widget-all li > div:first-child { }

        .Widget-all li > div { float: left; }

            .Widget-all li > div span { float: left; line-height: 40px; display: block; }

                .Widget-all li > div span.dollor-sign { background-color: #e9f3f9; border-radius: 50px; position: relative; display: inline-block; width: 50px; color: #bdd1dc; height: 50px; margin: 0px 5px 0px 10px; }

                .Widget-all li > div span.dollor-s { vertical-align: top; font-size: 17px; position: relative; top: -1px; }

                .Widget-all li > div span.price { font-size: 24px; }

                .Widget-all li > div span.growth { font-size: 14px; padding: 0 4px 0px 0px; position: relative; top: 0px; }

                    .Widget-all li > div span.growth.down { color: #e77060; }

                    .Widget-all li > div span.growth.up { color: #72d898; }

                    .Widget-all li > div span.growth.down > .fa { float: left; padding-right: 5px; }

.circle-arrow { background-color: #fff; width: 18px; border-radius: 18px; border: 1px solid #ccc; margin-top: 12px; height: 18px; position: relative; right: 7px; }

.canvasBar { width: 100%; display: inline-flex; float: left; clear: both; position: relative; left: 20%; }

.canvasBar { display: inline-block; width: 100% !important; left: 0%; text-align: center; margin-top: 15px; }

    .canvasBar label { font-family: 'ClearSansmedium', Sans-Serif; font-size: 13px; color: #343e45; text-transform: capitalize; padding-right: 12px; }

    .canvasBar > label > span.widget { background-color: #fff; width: 20px; border-radius: 19px; margin-top: 0px; height: 20px; position: relative; right: 4px; }

.cash span.widget { background-color: #ff83e9 !important; }

.credit span.widget { background-color: #56aee9 !important; }

.Charges span.widget { background-color: #fbcf49 !important; }

.toggeldata > ul { background-color: #f3f6f8; display: inline-block; width: 96.5%; margin-left: 15px; margin-right: 15px; margin-top: 28px; border: 1px solid #e5e9eb; padding: 0px; }

    .toggeldata > ul > li { width: 30%; float: left; }

        .toggeldata > ul > li:last-child { margin-left: 10px; }

        .toggeldata > ul > li span.title { font-family: 'ClearSansregular', Sans-Serif; font-size: 11px; text-align: center; color: #6d7479; width: 100%; text-transform: uppercase; padding-bottom: 10px; }

        .toggeldata > ul > li > ul > li span.dollor-s { font-size: 16px; top: 0px; }

        .toggeldata > ul > li > ul > li span.price { font-size: 20px; margin-right: 15px; }

        .toggeldata > ul > li > ul > li span.growth { font-size: 14px; padding-left: 0px; position: relative; top: 5px; line-height: 30px; }

            .toggeldata > ul > li > ul > li span.growth span { line-height: 30px; }

    .toggeldata > ul.innerList > li:first-child { width: 35%; margin-right: 10px; }

    .toggeldata > ul > li > ul { background-color: #fff; display: inline-block; padding-left: 0px; border: 1px solid #e5e9eb; }

        .toggeldata > ul > li > ul > li { border-bottom: 1px solid #e5e9eb; padding: 20px 0px 4px 10PX; }

            .toggeldata > ul > li > ul > li span.label { padding: 0 10px 0px 0px; }

            .toggeldata > ul > li > ul > li > p { margin: 0px; padding: 0px; }

                .toggeldata > ul > li > ul > li > p.label { font-family: "ClearSansmedium", sans-serif; font-size: 12px; color: #6d7479; text-transform: uppercase; }

            .toggeldata > ul > li > ul > li span { }

            .toggeldata > ul > li > ul > li:last-child { border-bottom: 0px; }

            /*.toggeldata > ul > li > ul > li:nth-child(even) {
                background: #f9fafb;
            }*/
            .toggeldata > ul > li > ul > li.grey { background: #f9fafb; }

            .toggeldata > ul > li > ul > li:first-child::after { content: ''; display: block; position: relative; top: -40px; left: 40px; width: 15px; height: 15px; background: #FFFFFF; border-right: 1px solid #CAD5E0; border-bottom: 1px solid #CAD5E0; -moz-transform: rotate(-136deg); -webkit-transform: rotate(-136deg); }

.border-top { display: none; }

.dot { display: none; }

.toggleDiv .fa { display: none; }

/*******Alert Bell Div Collaspable**************/
.alertBellDiv { position: absolute; right: 0px; top: 13.6%; background-color: rgb(255, 255, 255); min-height: 300px; width: 230px; z-index: 9999; }

.headPnl { background-color: #f6f9fa; display: block; width: 100%; line-height: 40px; height: 40px; padding: 0 10px; }

    .headPnl div { width: auto; float: left; }

.titlel { color: #255072; font-size: 14px; font-family: "ClearSansmedium", sans-serif; }

.title2 { font-size: 12px; font-family: "ClearSansregular", sans-serif; font-weight: normal; font-style: normal; color: #255072; }

.headPnl div:first-child { width: 44%; }

.notificationBlock .block { padding: 25px 20px; border-top: 1px solid #e6e9ec; border-bottom: 1px solid #e6e9ec; }

    .notificationBlock .block .datePnl { font-size: 12px; color: #72787d; font-family: "ClearSansregular", sans-serif; }

    .notificationBlock .block .descp { font-size: 13px; color: #343e45; font-family: "ClearSansregular", sans-serif; margin-top: 20px; }

.checked { background-image: url(../images/read.png); background-repeat: no-repeat; width: 12px; height: 13px; display: inline-block; float: right; position: relative; top: 7px; }


/*************Location Drop Down CSS****************/
.tab-content { background-color: #fff; display: inline-block; width: 100%; max-width: 100%; max-height: 400px; overflow: hidden; }

.LocationDropDown { margin-left: 47px; position: absolute; width: 300px; margin-top: -18px; z-index: 500; }

    .LocationDropDown ul,
    .LocationDropDown li { list-style: none; }

    .LocationDropDown .head-pill { padding: 0px; border: 1px solid #dee2e6; height: auto; line-height: 42px; border-top: 0px; background-color: #f6f9fa; padding: 0 10px; }

        .LocationDropDown .head-pill > li { float: left; }

            .LocationDropDown .head-pill > li > a { padding: 0 15px; color: #6a7276; font-family: "ClearSansregular"; }

            .LocationDropDown .head-pill > li.active > a { font-family: "ClearSansbold", sans-serif; font-size: 13px; color: #000; }




.box-zone { }

    .box-zone span { width: 93%; float: left; line-height: 36px; margin: 0 0 1px 10px; padding: 5px 10px; font-family: "ClearSansregular"; font-size: 13px; color: #5b6469; }

        .box-zone span > label { display: inline-block; max-width: 78%; line-height: 22px; margin: 0px; font-family: "ClearSansregular"; font-size: 13px; color: #5b6469; font-weight: normal; }

        .box-zone span:hover { background-color: #edf4fa; }

.allLoaction { width: 85%; float: left; line-height: 36px; margin: 0 10px; padding: 0 10px; }

.fontBold { font-family: "ClearSansbold", sans-serif !important; }

.box-zone span span.checked { background-image: url(../images/read.png); background-repeat: no-repeat; width: 12px !important; height: 13px; display: inline-block; float: right !important; position: relative; top: 12px; padding: 0px !important; }
/*.box-zone span.active
{
    background-color: #edf4fa;
  
}
.box-zone span[display=none]
{
    background-color:transparent;
}*/


.glyphicon-sort:before { color: #bbc1c3; font-size: 13px; }

.LocationDropDown .head-pill > li.active { border-bottom: 5px solid #5fb8f4; text-decoration: none; }

a:focus, a:hover { color: #23527c; text-decoration: none; }

.navbar-nav > li > .dropdown-menu { margin-top: 0; background-color: #388ac9; margin-top: 0px; border: 0px; padding: 10px 20px; line-height: 25px; }
/*************End of Location************/
/*******************/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fff; background-color: transparent; border-bottom: 6px solid #85b6df; }

.navbar-default .navbar-nav > li > a { color: #fff; padding: 0px; line-height: 58px; }

.navbar-default .navbar-right > li > a { line-height: 72px; line-height: 72px; margin-right: 15px; }


img { vertical-align: middle; width: 100%; }

.Widget-all { margin: 0px; padding: 0px; background-color: #fff; display: inline-block; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; background-color: transparent; }

@media (min-width: 768px) {
    .navbar-right { float: right !important; margin-right: 0px; }
}



@media (min-width: 1200px) {
    .container { width: 100%; padding: 0px; }

    .panel-body-sec .col-lg-6 { width: 49.1%; }
}

/*******************/
.btn-info { color: #000; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0px; font-family: "ClearSansregular", sans-serif; font-size: 13px; }

    .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover,
    .btn-info.focus, .btn-info:focus, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info:hover { color: #000; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0px; }

.btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; }

.selectdown .open > .dropdown-menu { display: block; max-height: 300px !important; height: auto; border-radius: 0px; top: 30px; border: 0px; }

.selectdown .bootstrap-select.btn-group .dropdown-menu li a span.text { font-family: "ClearSansregular", sans-serif; font-size: 13px; }

.selectdown .bootstrap-select.btn-group .dropdown-menu li { position: relative; width: 100%; padding: 0px 10px 2px 10px !important; }

.selectdown .bootstrap-select.btn-group .dropdown-menu > li > a { padding: 5px 0px 5px 10px; }

.selectdown .bootstrap-select.btn-group .dropdown-menu > li:last-child { float: left; right: 0px; }

.selectdown .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #edf4fa; border-radius: 0px; }

a:focus { outline: none; outline-offset: 0px; }

.selectdown .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { background-image: url(../images/read.png); background-repeat: no-repeat; width: 12px !important; height: 13px; float: right; position: relative; right: 5px; }

.glyphicon-ok:before { display: none; }

.selectdown .bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark { display: block; }

canvas { width: 100%; height: auto; }

#chartPaymentType,
#chartCountPaymentType { margin: 2em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; border: 0px solid #eee; box-shadow: 0 17px 31px rgba(0, 0, 0, 0.3); }

.bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #6a7276; font-size: 13px; }




.toggeldata > ul > li:first-child > ul > li:nth-child(1) { background-color: #f3f6f8; border: 0px; }

    .toggeldata > ul > li:first-child > ul > li:nth-child(1):after { display: none; }

.bootstrap-select > select { left: 0%; }

.caret { border: 0px; background-image: url(../images/downarrow.png); background-repeat: no-repeat; width: 12px !important; height: 13px; display: inline-block; position: relative; top: 0px; padding: 0px !important; }

.date:after,
.date:before { background-image: url(../images/downarrow.png); background-repeat: no-repeat; width: 12px !important; height: 13px; display: inline-block; position: relative; top: 0px; padding: 0px !important; }

.arrwoPosition { left: -9%; position: relative; top: 4px; }

.bootstrap-select.btn-group .dropdown-toggle .caret { right: 2px; }

.bootstrap-select.btn-group .dropdown-menu.inner { padding-top: 10px; }

#ucFooter_lblFooterText { font-size: 12px; text-align: center; display: block; line-height: 30px; color: #62707a; font-family: "ClearSansregular", sans-serif; }

#liCash::before,
#liCashCount::before { background-color: #ff78e7; content: ''; height: 12px; width: 12px; position: relative; top: 5px; left: 0; border-radius: 12px; display: block; float: left; margin-right: 5px; }

#liCredit::before,
#liCountCredit::before { background-color: #389fe5; content: ''; height: 12px; width: 12px; position: relative; top: 5px; left: 0; border-radius: 12px; display: block; float: left; margin-right: 5px; }

#liCharge::before,
#liCountCharge::before { background-color: #fbcf49; content: ''; height: 12px; width: 12px; position: relative; top: 5px; left: 0; border-radius: 12px; display: block; float: left; margin-right: 5px; }

.widgetBar { background-color: transparent !important; border: 0px !important; width: 100%; }

    .widgetBar > li:nth-child(even),
    .widgetBar > li { background: transparent !important; background-color: transparent !important; border: 0px !important; padding: 0px 0px 0px 10px !important; }

    .widgetBar li span.label { padding: 0 5px 0 0 !important; }

    .widgetBar li span.label,
    .widgetBar li span.dollor-s,
    .widgetBar li span.price,
    .widgetBar li span.growth { font-family: "ClearSansmedium", sans-serif; font-size: 13px !important; color: #343e45; }

.glyphicon-arrow-up:before,
.glyphicon-arrow-down:before { font-size: 10px; padding-right: 2px; }



.widgetBar li span.price { }

span.dollor-s,
span.price { font-family: "ClearSanslight", sans-serif; }

span.growth { font-family: "ClearSansregular", sans-serif; }

.toggeldata > ul > li > ul > li#liCash span.dollor-s { top: 0px; }

.sep { display: none; }
/**********Tabs CSS************/
.nav-tabs { position: relative; padding-left: 10px; border-bottom: 1px solid #dde1e5; background-color: #f6f9fa; border-top: 1px solid #dde1e5; padding-top: 10px; margin: 0 -10px; }

    .nav-tabs > li { margin-right: 5px; }

        .nav-tabs > li:last-child { float: right; line-height: 40px; margin-right: 15px; }



        .nav-tabs > li > a { border-radius: 0px; font-family: "ClearSansmedium", sans-serif; font-size: 14px; color: #b2b6b9; border: 1px solid #dde1e5; cursor: pointer; -moz-box-shadow: inset 0 0 10px #f4f5f6; -webkit-box-shadow: inset 0 0 10px #f4f5f6; box-shadow: inset 0 0 10px #f4f5f6; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfcfd+42,e0e0e0+98 */ background: #fbfcfd; /* Old browsers */ background: -moz-linear-gradient(top, #fbfcfd 42%, #e0e0e0 98%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fbfcfd 42%,#e0e0e0 98%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fbfcfd 42%,#e0e0e0 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfd', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ }

        .nav-tabs > li.active > a { font-family: "ClearSansbold", sans-serif; font-size: 14px; box-shadow: none; background: #fff; }

        .nav-tabs > li > div { float: left; }

            .nav-tabs > li > div:first-child { margin-right: 15px; }

            .nav-tabs > li > div span + span { font-size: 13px; color: #344d60; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }
/*************Year-To-Date-*/
.widgetBox { float: left; width: 48%; }

    .widgetBox .nav-tabs { margin-top: 22px; }

.year-to-Date { }

.leaderBoard { }


.current { background-color: #3093df; content: ''; height: 15px; width: 15px; position: relative; top: 14px; left: 0; border-radius: 12px; display: block; float: left; margin-right: 5px; }

.Count.active + li div span.current { background-color: #e53fc9; }

.Previous { background-color: #d7dde1; content: ''; height: 15px; width: 15px; position: relative; top: 14px; left: 0; border-radius: 12px; display: block; float: left; margin-right: 5px; }


/************CSS For iPAD devices******************/



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .content-wrapper { display: inline-block; min-height: 100%; width: 100%; max-width: 100%; }


    .Widget-all li > div:first-child { width: 37%; }

    .Widget-all li > div + div { width: 30%; }

    #liWidgetRevenueHeader .totalBox { position: relative; padding-left: 9.8%; }

    .Widget-all li > div span.price { width: 56%; }

    .Widget-all li > div span.growth { width: 74px; }

    .Widget-all li > div label.dollor-s { font-size: 12px; top: 10px; max-width: 6px; width: 6px; display: inline-block; float: left; font-family: 'ClearSanslight', Sans-Serif; font-weight: normal; position: relative; }

    .content-header li.border { margin: 0 20px 0; }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 130px !important; }

    .showData { display: none; }

    /*.content-header ul li:first-child { display: none; }*/

    input, select { width: 105px; min-width: auto; font-size: 13px; }

    .navbar-right li span.username { display: none; }

    .row { padding: 26px 0 0 0px; }

    .content-header ul { width: 100%; }

    .head-pill li.datashort { display: block !important; }

    .Widget-all li > div span.dollor-s { }

    .Widget-all li > div span.price { font-size: 20px; }

    .Widget-all li > div span.growth { top: 3px; }

    .toggeldata > ul > li > ul > li span.price { font-size: 17px; }

    .toggeldata > ul > li > ul > li span.growth { }

    .glyphicon-menu-down:before { left: 87%; font-size: 8px; }

    .Widget-all li > div span.dollor-sign { border-radius: 40px; width: 40px; height: 40px; margin-left: 10px; margin-right: 5px; }

    .fa-dollar:before, .fa-usd:before, .fa-car:before { font-size: 19px; top: 8px; left: -15px; }

    .alertBellDiv { top: 7%; }

    .arrwoPosition { left: -12%; }

    .LocationDropDown { width: 31%; }

    .box-zone span { width: 99%; line-height: 20px; }

    .container { width: 100%; max-width: 100%; padding: 0px; }

    .navbar-default .navbar-right > li > a { margin-right: 0px; }

    .dropdown-menu li { padding: 9px !important; }

    .navbar-right .toggleDiv { margin-right: 12px; }

    .widgetBar li span.price { width: 93px !important; }

    .toggeldata > ul > li > ul > li span.price { font-size: 16px; margin-right: 0px; width: 56%; float: left; }

    .widgetBar span.label { width: 35px; }
}

/*********End here***********************************/

/*********Media Screen CSS for Small Devices*************/


/************End Of Small Device CSS************/

.fa-question-circle-o:before { background-image: url(../images/help.png); width: 16px; height: 16px; display: inline-block; position: relative; top: 7px; background-repeat: no-repeat; content: '' !important; }

#liWidgetRevenueHeader .totalBox { position: relative; padding-left: 9.8%; }

@-moz-document url-prefix() {
    .toggeldata > ul > li > ul > li:first-child { padding-top: 0px; }

    .toggeldata > ul > li > ul > li { padding: 10px 0 4px 10px; }

    .toggeldata > ul > li > ul > li:first-child::after { top: -42px; }

    .selectdown .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { top: -15px; }
}

.canvasBar { background-image: url(../images/barShadow.png); width: 156px; height: 26px; background-repeat: no-repeat; left: 30px; position: relative; top: -10px; }

.claendar { position: absolute; right: 5px; top: 4px; margin-left: -22px; }

.fa-calendar-minus-o:before { color: #89aac4; font-size: 12px; }






.grid { margin: 0px; padding: 0px 0 0 10px; }

    .grid,
    .grid li { list-style: none; }

        .grid > li > span { width: 49.3%; display: inline-block; text-align: left; color: #343e45; }

        .grid > .revHead > span { font-size: 10px; font-family: "ClearSansmedium", sans-serif; }

        .grid > .revAmount > span { font-size: 20px; font-family: "ClearSansregular", sans-serif; }

.fa-eye:before { font-size: 15px; }

.selectBox select { width: 45px; line-height: 25px; padding: 0 0 0 3px; height: 26px; -moz-appearance: menulist; -webkit-appearance: menulist; appearance: menulist; }

.footerPnl { display: block; position: fixed; bottom: 0px; text-align: center; width: 100%; }

#spLoginMessage { margin-bottom: 10px; display: block; }



.leaderBoardtabs select { min-width: auto; -moz-appearance: menulist; -webkit-appearance: menulist; appearance: menulist; border: 0px; font-size: 10px; font-family: "ClearSansbold", sans-serif; padding: 0px; }

.leaderBoardtabs table tr th { font-size: 10px; padding: 5px 0px; border-bottom: 1px solid #e6e9ec; }

    .leaderBoardtabs table tr th:last-child { line-height: 25px; }

fa-sort-amount-asc:before { content: "\f160"; color: #000; font-size: 14px; }

.leaderBoardtabs table tr td { font-size: 12px; font-family: "ClearSansmedium", sans-serif; border-bottom: 1px solid #e6e9ec; color: #343e45; padding: 10px 3px; }

    .leaderBoardtabs table tr td + td { font-family: "ClearSansregular", sans-serif; }

        .leaderBoardtabs table tr td + td + td { font-family: "ClearSansregular", sans-serif; }

.leaderBoardtabs table tr th + th + th + th { text-align: right; padding: 10px 0px; }

.leaderBoardtabs table tr td + td + td + td { font-family: "ClearSansmedium", sans-serif; text-align: right; }

.leaderBoardtabs table tr:nth-child(even) { background-color: #f6f9fa; }

.leaderBoard .panel-heading { }

.leaderBoard .nav-tabs { }

.leaderBoardtabs #NoChange table tr th + th + th + th { padding: 10px 13px; }

.leaderBoardtabs #NoChange table tr th > span { font-family: "ClearSansregular", sans-serif; font-size: 12px; color: #6a7276; float: left; line-height: 32px; }

.leaderBoardtabs #NoChange table tr th .nochangeInput { width: 35px; float: left; min-width: 35px; margin: 0 5px; }

/******************resizing CSS************/
@media (min-width: 768px) {
    .container { width: 100%; }
}

@media (max-width: 767px) {
    /*.content-header ul li:first-child { display: none; }*/
    .box_dro > .dropdown-menu { left: 0 !important; }
        .box_dro > .dropdown-menu:before { left: 5px !important; }
}

@media (min-width: 768px) and (max-width: 979px) {
    /*.content-header ul li:first-child { display: none; }*/
}

@media (min-device-width: 980px) and (max-device-width:1199px) {
    /*.content-header ul li:first-child { display: none; }*/

    .widgetBar span.label { width: 35px; }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 200px !important; }

    .Widget-all li > div:first-child { width: 35.5%; }

    .Widget-all li > div { float: left; WIDTH: 31%; }

    #liWidgetRevenueHeader div + div { width: 31%; }

    .Widget-all li > div span.dollor-sign { }

    .Widget-all li > div label.dollor-s { max-width: 3%; width: 3%; float: left; font-size: 18px; top: 4px; font-weight: 400; position: relative; }

    .Widget-all li > div span.price { width: 56%; font-size: 24px; }

    .Widget-all li > div span.growth { width: 30%; font-size: 18px; }

    .toggeldata > ul > li { width: 30.6%; float: left; }

        .toggeldata > ul > li > ul > li span.price { font-size: 20px; width: 50%; }

    .widgetBar li span.price { width: 47% !important; }
}

@media (min-width: 1025px) {
    input, select { min-width: auto; }

    .Widget-all li > div:first-child { }

    .Widget-all li > div { }

        .Widget-all li > div label.dollor-s { max-width: 3%; width: 3%; float: left; }

        .Widget-all li > div span.price { width: 59.55%; }

        .Widget-all li > div span.growth { }

    .toggeldata > ul > li { }

        .toggeldata > ul > li > ul > li span.price { width: 56%; }

    .widgetBar li span.price { width: 35% !important; }


    #liWidgetRevenueHeader div,
    .Widget-all li > div:first-child { width: 37%; }

    .Widget-all li > div { width: 29%; }

    #liWidgetRevenueHeader div + div { width: 29%; }

    .widgetBar span.label { width: 42px; }

    .widgetBar label.dollor-s { font-size: 11px !important; top: -1px !important; padding-left: 3%; }

    .widgetBar li span.price { padding-left: 2%; }

    .nav-tabs > li > div:first-child { margin-right: 5px; }

    .nav-tabs > li { float: left; }

    .tab-content > .active { padding-top: 15px; }

    .leaderBoardtabs { /*  margin-left: -10px;
        margin-right: -10px;
        width: 107%;
        max-width: 107%;*/ }
}


@media screen and (min-device-width: 1200px ) {

    .Widget-all li > div label.dollor-s { font-size: 12px; top: 10px; max-width: 6px; width: 6px; display: inline-block; float: left; font-family: 'ClearSanslight', Sans-Serif; font-weight: normal; position: relative; }

    .Widget-all li > div span.price { font-size: 17px; }

    .widgetBar li span.price { width: 76px; }

    .Widget-all li > div span.growth { font-size: 13px; top: 2px; }

    .Widget-all li > div span.dollor-sign { border-radius: 40px; height: 40px; width: 40px; }

    .fa-dollar:before, .fa-usd:before, .fa-car:before { font-size: 17px; color: #a3bdcc; position: relative; top: 7px; left: -15px; }

    .Widget-all li > div span.dollor-s { padding: 0px; }

    .Widget-all li > div:first-child span.dollor-s { }

    .Widget-all li > div:first-child { }

    .Widget-all li > div { float: left; }

    .date { width: 100%; min-width: 110px; }

    .toggeldata > ul > li > ul > li span.dollor-s { font-size: 15px; top: -3px; }

    .toggeldata > ul > li > ul > li span.price { font-size: 16px; margin-right: 0px; float: left; }

    .toggeldata > ul > li > ul > li span.growth { font-size: 13px; float: left; }

    .Widget-all li li > div span { }

    .toggeldata > ul > li > ul > li span.growth .glyphicon-arrow-down:before { padding-right: 0px; }

    #liWidgetRevenueHeader div { width: 38%; }

        #liWidgetRevenueHeader div + div { width: 30%; }

        #liWidgetRevenueHeader div + div { width: 29%; }



    .Widget-all li { float: left; padding: 10px 0 10px 0px; }

    .fa-angle-down:before { position: relative; left: 24%; top: -3px; }

    .duration-stay .fa-angle-down:before { position: relative; left: 5% !important; top: -3px; }

    .widgetBar span.growth { }



    .canvasBar { left: 0px; }

    .nav > li > a { padding: 6px 8px; }

    .selectBox select { min-width: 30px; min-width: 30px; border: 1px solid #ccc; margin-left: 13px; }
    .nav-tabs > li.active > a { font-size: 12px !important; }
    /*.leaderBoardtabs {
        width: 105%;
        max-width: 105%;
    }*/
}

@media screen and (min-device-width: 1600px) {


    .Widget-all li > div label.dollor-s { font-size: 15px; top: 6px; }

    .Widget-all li > div span.growth { font-size: 19px; }

    .Widget-all li > div span.price { font-size: 20px; }

    .Widget-all li > div span.growth { }

    .Widget-all li > div label.dollor-s { width: 8px; left: -5px; }

    .toggeldata > ul > li > ul > li span.price { font-size: 20px; }

    .innerList li > div label.dollor-s { font-size: 14px; }

    .toggeldata > ul > li > ul > li span.growth { }

    .Widget-all li { padding: 20px 0 20px 0px; }

    .toggeldata > ul > li:last-child { margin-left: 15px; }

    #liWidgetRevenueHeader .totalBox { position: relative; padding-left: 7.8%; }

    #liWidgetRevenueHeader div { }

    .widgetBar span.price { }

    .toggeldata > ul > li > ul > li span.label { }
    .panel-body-sec { float: none; clear: both; width: 100%; }
}

#ddlDataOptions { width: 88%; line-height: 26px; border: 1px solid #ccc; height: 26px; }
.po_r { position: relative; display: inline-block; width: 37%; }
.po_r1 { position: relative; display: inline-block; }
/***********************/

@media only screen and (min-width: 320px) and (max-width: 767px), only screen and (device-aspect-ratio: 40 /71) {
    .content-header li span.label1 { width: 100%; }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important; }
    .date { width: 100%; min-width: 110px; }
    .main_bx_b { padding: 0 !important; margin: 0 !important; }
    .po_r input { width: 100%; }

    .navbar-default .navbar-nav > li:first-child { padding-left: 0px; }
    .navbar-default .navbar-nav > li { height: 39px !important; }
        .navbar-default .navbar-nav > li > a { line-height: 36px !important; }
    .circleImg { top: 3px; padding: 0; }
    .navbar-right .dropdown a span.glyphicon.glyphicon-chevron-down { top: 4px; position: relative; left: 10px; }
    .navbar-default .navbar-right > li > a { padding-right: 0 !important; margin-right: 0 !important; }
    .navbar-nav > li > .dropdown-menu { padding: 10px 0px; width: 100%; }
    .navbar-right .dropdown.open ul li:first-child { padding: 3px 10px 10px !important; border-bottom: 1px solid #5796c7; }
    .content-header ul li { width: 100%; background: #fff; margin-bottom: 4px; }

        /*.content-header ul li span.label { display: none; }*/
        .content-header ul li.widthIn .date { min-width: auto; font-size: 10px; }
        .content-header ul li.widthIn { width: 100%; }
    .locationBox { width: 100%; margin: 0 10px; }

    .arrwoPosition { position: relative; top: -17px; z-index: 9; float: right; left: 0; }
    .refreshBtn .fa-fw { float: inherit !important; margin-left: 20px; }
    .left-arrow { top: 65px !important; transform: rotate(-90deg); text-align: center; margin: auto; display: block; }

    .alertBell { float: left; position: absolute; right: -14px; top: -50px; width: 50px; border-radius: 0px; background-color: transparent; }

    .toggeldata > ul.innerList > li:first-child { margin-right: 0 !important; }
    .toggeldata > ul { margin: 0 !important; width: 100% !important; }

    .gnt .dollor-s { top: 0 !important; }


    .navbar-default .navbar-toggle .icon-bar { background-color: #d2e6f5; }

    .showData { display: none; }

    .navbar-toggle { margin-top: 22px; border: 0px; }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #286ea5; background: #2a73ac; background: -moz-linear-gradient(top, #2a73ac 0%, #2d7cb9 13%, #2989d8 100%, #7db9e8 100%); background: -webkit-linear-gradient(top, #2a73ac 0%,#2d7cb9 13%,#2989d8 100%,#7db9e8 100%); background: linear-gradient(to bottom, #2a73ac 0%,#2d7cb9 13%,#2989d8 100%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a73ac', endColorstr='#7db9e8',GradientType=0 ); }

    .navbar-default .navbar-nav > li { padding: 0px; font-size: 16px; }


    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { border-bottom: 0px !important; }

    .border-top { width: 100%; }

    .border-top-in { width: 8%; border: 3px solid #83b4dc; position: absolute; right: 30px; margin-top: -7px; }

    .border-top { display: block; }



    .navbar-default .navbar-toggle { z-index: 99; }



    .navbar-right li span.username { padding: 0px; }





    .glyphicon-bell:before { color: #d2e6f5; font-size: 16px; }

    .alertBell span { display: none; }

    .circleImg { background-color: transparent; }

    .glyphicon-user:before { color: #d2e6f5; }



    .content-header ul { float: inherit; }



        .content-header ul li span.label.in { display: inline-block; }

    .navbar-brand img { z-index: 9999; position: relative; width: 100%; height: 100%; }

    .navbar-nav { margin: 0 0 0px 0px; }

    #ddlDateOptions { width: 100%; min-width: auto; }

    #divDateControlPlaceHolder.glyphicon-menu-down:before { left: 83%; top: 21px; }

    .glyphicon-menu-down:before { left: 63%; }



    input, select { min-width: auto; }





    .row { padding: 20px 0px; }

    .Widget-all li > div span.dollor-sign { border-radius: 0px; width: 30px; height: 20px; background-color: transparent; }

    .Widget-all li > div span.dollor-s { font-size: 14px; top: 0; padding-left: 0; }



    .Widget-all li > div span.growth.up,
    .Widget-all li > div span.growth.down { clear: both; width: 100%; }
    .Widget-all li > div#divRevenueTotal span.growth.up,
    .Widget-all li > div#divRevenueTotal span.growth.down,
    .Widget-all li > div#divCountTotal span.growth.up,
    .Widget-all li > div#divCountTotal span.growth.down { padding-left: 20%; }
    .leaderboardwidget thead tr th { width: 25%; }

    #spMaxCount,
    #spMinCount { font-size: 12px !important; }
    #spMapLocationsCount { font-size: 13px; }
    #spMinCount { right: 25% !important; }
    .Widget-all li > div span.growth { font-size: 17px; }

    .fa-dollar:before, .fa-usd:before, .fa-car:before { font-size: 16px; top: 5px; left: -13px; }

    .content-header ul li.width100 { width: 100% !important; padding: 0px; margin: 0px; border-top: 1px solid #dee2e6 !important; }

    .content-header ul li.border { border: 0px; }

    .select { width: 100%; padding-left: 8%; padding-right: 8%; }

        .select select { width: 100%; max-width: 100%; }



    .Widget-all li > div span.growth { top: 0px; }

    .select.glyphicon-menu-down:before { left: 91%; top: 21px; }

    .alertBellDiv { top: 0% !important; }



    .Widget-all li > div span { line-height: 30px; }

    .Widget-all li > div:first-child { width: 38%; }

    .Widget-all li > div { width: 30%; float: left; }

    .dot { display: block !important; position: absolute !important; top: -18px !important; left: 23px !important; color: #fdaa9f !important; font-size: 33px !important; }

    /*.dropdown-menu li:first-child { border-bottom: 1px solid #5796c7; }*/

    .navbar-nav > li > .dropdown-menu { width: 100%; }

    .dropdown-menu li .username { font-family: "ClearSansmedium", sans-serif; font-size: 16px; }

    .toggleDiv .fa { display: none; }

    .fa-check:before,
    .fa-angle-right:before { color: #abcbe3; }

    input[ata-target="#divLocationDDL"] { width: 93%; margin: 0 10px; }

    .LocationDropDown { width: 93.4%; margin: -18px 0 0 10px; }

        .LocationDropDown .head-pill li:first-child { display: block; }

        .LocationDropDown .head-pill { display: inline-block; }

            .LocationDropDown .head-pill > li { float: left; width: auto; padding: 0 15px; }

    .glyphicon-sort:before { line-height: 42px; }

    .box-zone span { width: 94% !important; }

    .allLoaction { padding: 15px 0px 0 10px; }

    .checked { right: 15px; }


    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }

    .glyphicon.in { top: -2px; }

    .navbar-default .navbar-right > li > a { line-height: auto; height: 100%; }

    .sep { display: inline; border-left: 1px solid #dee2e6; padding-left: 11px; height: 33px; line-height: 1; font-size: 23px; position: relative; top: 5px; }

    .padding10 { padding: 0px 6px 0 10px !important; }

    input, select { padding: 0 0px 0 5px; }




    .Widget-all li > div label.dollor-s { font-size: 12px; top: 6px; max-width: 6px; width: 6px; display: inline-block; float: left; font-family: 'ClearSanslight', Sans-Serif; font-weight: normal; position: relative; }

    .col-lg-6 { padding: 0 10px; }

    .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 12px; }



    .leaderBoard { margin-left: 0px; }

    .widgetBox { float: left; width: 100%; }

    .Widget-all li > div#divCountTotal span.price { width: 60%; }

    .leaderBoardtabs { max-height: 350px; width: 100%; max-width: 100%; }



    .panel-body-sec .col-lg-6 { padding: 0px; width: 100%; margin-right: 10px; }

    #wMapContainer { width: 100%; max-width: 100%; }

    .snapwidget { margin-bottom: 0px; }

    .panel-default > .panel-heading { padding: 12px 10px; }

    .widgetBox .nav-tabs { margin-top: 14px; }

    .leaderBoardtabs .tab-pane { margin: 13px 0 0 0px; }

    .selectBox select { border: 1px solid #ccc; margin: 0 0 0 5px; }
}



.box-zoneSelected { background-color: #edf4fa; }

.map_wrapper { width: 100%; position: relative; margin: 20px 0 0 0; }

    .map_wrapper .map_inner { width: 50%; float: left; margin-top: 5px; padding-bottom: 20px; }

        .map_wrapper .map_inner.second { width: 25%; float: right; position: relative; right: 15px; margin-top: -15px; }

.center { text-align: center; }


.map_wrapper .map_inner select { -moz-appearance: menulist; -webkit-appearance: menulist; appearance: menulist; border: 0px; width: auto !important; color: #000; /*text-decoration: underline;*/ /*font-size:17px;*/ }

.leaflet-tooltip { background-color: #000 !important; border: 1px solid #000 !important; color: #fff !important; box-shadow: none !important; }

.leaflet-tooltip-left:before { border-left-color: #000 !important; }

.leaflet-tooltip-right:before { border-right-color: #000 !important; }

.leaflet-tooltip-top:before { border-left-color: #000 !important; transform: rotate(90deg); }

.leaflet-tooltip-bottom:before { border-right-color: #000 !important; transform: rotate(90deg); }
.leaflet-left { left: 100% !important; }
.leaflet-left { right: 11px !important; }

.panel-default * > .dropdown, .dropup { position: relative; width: auto; float: right; top: -7px; border: 0px; }

.panel-default * > .dropdown-menu { right: 0; z-index: 9999; left: initial; }

    .panel-default * > .dropdown-menu > li > a { padding: 3px 1px; line-height: 16px; color: #000; }

        .panel-default * > .dropdown-menu > li > a:hover { text-decoration: underline; background-color: transparent; border-radius: 0px; }

.panel-default * > .fa-photo:before, .panel-default * > .fa-image:before, .panel-default * > .fa-picture-o:before,
.panel-default * > .fa-file-excel-o:before,
.panel-default * > .fa-question-circle:before { color: #000; line-height: 20px; }

.map_pnl_wrapper { width: 38%; float: right; }

#spMinCount { width: 14%; float: left; word-break: inherit; font-size: 15px; position: relative; right: 7%; }

.map_wrapper .map_inner.second { width: 72%; float: left; margin-top: -15px; }

#spMaxCount { width: 14%; float: left; word-break: inherit; font-size: 15px; }

.widgetBar_pnl { width: 86%; left: 15%; position: relative; }

    .widgetBar_pnl > li p span,
    .widgetBar_pnl > li p label { line-height: 20px; text-align: left; }

@media screen and (min-width: 1025px) {
    .widgetBar_pnl > li p span.growth { top: -3px !important; }

    #wMapContainer { height: 705px !important; }
}

.panel-default * > .dropdown-menu span { float: left; }

    .panel-default * > .dropdown-menu span + span { float: left; padding-left: 10px; }

.panel-default * > .dropdown .dropdown-toggle { border: 0px; }

.panel-default * > .dropdown .btn-default:hover { background-color: transparent; border-color: transparent; color: #000 !important; }
.panel-default * > .dropdown .btn-default .fa:hover { color: #000 !important; }

.panel-default * > .dropdown .btn-default.active, .panel-default * > .dropdown .btn-default:active, .panel-default * > .dropdown .open > .dropdown-toggle.btn-default { color: #000 !important; background-color: transparent; border-color: transparent; box-shadow: none; }

.panel-default * > .btn-default.active, .panel-default * > .btn-default:active, .panel-default * > .open > .dropdown-toggle.btn-default { background-color: transparent; }
/********Spinner*************/

.w2ui-spinner { background-image: none !important; }
.w2ui-lock { height: 96% !important; opacity: .8 !important; }
.w2ui-lock-msg { display: block !important; /*left: 40%!important;*/ -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; background-color: transparent !important; padding: 0px !important; height: 60px !important; width: 60px !important; border: 6px solid #fff !important; border-right-color: #3588ca !important; border-top-color: #3588ca !important; border-radius: 100% !important; -webkit-animation: spin 800ms infinite linear; -moz-animation: spin 800ms infinite linear; -o-animation: spin 800ms infinite linear; animation: spin 800ms infinite linear; color: transparent !important; }


@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transition: rotate(0deg); }
    to { -webkit-transition: rotate(359deg); }
}

.fn_small_n { position: relative; left: -5px; margin-top: 5px; display: block; font-size: 18px; color: #c1c5c7; }
    .fn_small_n:before { position: absolute; right: 3px; top: 0px; content: "\f155"; font-size: 10px; font-family: FontAwesome; }
    .fn_small_n:after { position: absolute; left: 8px; top: 8px; content: "\f1b9"; font-size: 10px; font-family: FontAwesome; }
.leaflet-tooltip-pane .leaflet-tooltip { text-align: center; }
    .leaflet-tooltip-pane .leaflet-tooltip span.tooltio_ico { float: left; padding-left: 21px; position: relative; margin-top: -12px; width: 10px; text-align: left; }
        .leaflet-tooltip-pane .leaflet-tooltip span.tooltio_ico .fa { float: left; }
        .leaflet-tooltip-pane .leaflet-tooltip span.tooltio_ico .fa-automobile:before, .leaflet-tooltip-pane .leaflet-tooltip span.tooltio_ico .fa-car:before { content: "\f1b9"; top: -3px; }

        .leaflet-tooltip-pane .leaflet-tooltip span.tooltio_ico .fa.fa-car { margin: 10px 0 0 0; }

    .leaflet-tooltip-pane .leaflet-tooltip .redtext { color: #f44242; padding: 0 0 0 10px; float: right; position: relative; right: 10px; }
    .leaflet-tooltip-pane .leaflet-tooltip .greenText { color: #24a518; padding: 0 0 0 10px; float: right; position: relative; right: 10px; }


.main_g { position: relative; }








@media screen and (max-width: 1920px) and (min-width: 1200px) {


    .plr0 { padding-left: 0; padding-right: 0; }
}

@media screen and (min-width: 1300px) and (max-width: 1450px) {
}





@media screen and (min-width: 1200px) and (max-width:1300px) {
    .widgetBar_pnl { width: 100%; left: 0; position: relative; }
    #spMinCount { right: 14%; }


    .leaderBoardtabs table tr td { font-size: 11px !important; }
}

@media screen and (min-width: 1301px) and (max-width:1570px) {
    .widgetBar_pnl { width: 90%; left: 8%; position: relative; }
}

@media screen and (min-width: 1200px) and (max-width:1590px) {
    #wMapContainer { height: 704px !important; }
}





@media screen and (max-width: 1199px) and (min-width: 768px) {

    .plr0 { padding-left: 0; padding-right: 0; }
}

@media screen and (max-width: 1200px) and (min-width: 767px) {

    .tb_w { max-height: 328px; }
}


@media screen and (max-width:768px) {
    .tb_w { height: auto !important; }
}



.leaflet-tooltip { min-width: 160px; }

@media screen and (max-width:320px) {
    .chg_d { padding-left: 7.8%; }
    .map_wrapper .map_inner.second { width: 59% !important; }
}

@media screen and (min-width: 320px) and (max-width:470px) {
    .de_bx { width: 105px !important; }
    .de_bx1 { width: 82px !important; }
    .Widget-all li > div span.growth { width: auto !important; display: inline-block !important; clear: inherit !important; padding-left: inherit !important; }
        .Widget-all li > div span.growth.up { padding-left: 0 !important; }
    .Widget-all li > div:first-child, .Widget-all li > div { width: 100% !important; }
    #divRevenueTransient, #divRevenueMonthlies, #divCountTransient, #divCountMonthlies { padding-left: 46px; }
    .Widget-all li > div span.price { font-size: 20px; display: inline-block; }
}

@media screen and (max-width:480px) {
    .po_r { width: 31% !important; }
    .toggeldata > ul.innerList > li:first-child { width: 100% !important; }
    .toggeldata > ul > li { width: 47% !important; }
}



@media screen and (min-width: 480px) and (max-width:767px) {
    .Widget-all li > div:first-child { width: 33% !important; }
    .de_bx { width: 100% !important; overflow: inherit !important; }
    .de_bx1 { width: 100% !important; overflow: inherit !important; }
    .Widget-all li > div span.price { font-size: 16px; display: inline-block; margin-right: 0 !important; }
    .Widget-all li > div span.dollor-sign { float: left; }
    .main_g { float: left; width: 100px; }
        .main_g .glyphicon { float: left !important; display: inline-block !important; }
    .dfg { float: right !important; display: inline-block !important; font-size: 14px; }
    #liWidgetRevenueHeader .totalBox { padding-left: 68px !important; }
    #liWidgetRevenueHeader div + div { width: 30%; padding-left: 33px !important; }
}

@media screen and (min-width: 640px) and (max-width:767px) {
    .de_bx { overflow: inherit !important; }
}

@media screen and (max-width:767px) {
    .panel-default > .bx_he { height: 100% !important; }
    .tab-content { overflow: inherit !important; }
    .leaderBoardtabs .tab-pane { max-height: 100% !important; }
}

@media screen and (max-width:1200px) {
    .bx_he { height: auto !important; margin-bottom: 15px; }
}

.bx_he { height: 447px; }

@media screen and (min-width: 1200px) and (max-width:1310px) {
    #liWidgetRevenueHeader div, .Widget-all li > div:first-child { width: 37% !important; }
}




@media screen and (min-width: 640px) and (max-width:766px) {
    #liWidgetRevenueHeader div, .Widget-all li > div:first-child { width: 33% !important; }
    .Widget-all li > div span.price { width: 59.55% !important; }
}

@media screen and (min-width: 767px) and (max-width:1024px) {
    #liWidgetRevenueHeader div, .Widget-all li > div:first-child { width: 37% !important; }
    .Widget-all li > div { width: 30%; }
        #liWidgetRevenueHeader div, .Widget-all li > div:first-child { width: 32% !important; }
        .Widget-all li > div span.price { font-size: 18px !important; width: 37%; }
        .Widget-all li > div#divRevenueTotal span.price, .Widget-all li > div#divCountTotal span.price { width: 41% !important; }
        .Widget-all li > div span.growth { font-size: 16px !important; }
    .content-header li.border { margin: 0 187px 0 !important; }
    /*.content-header > ul > li:first-child { display: none; }*/
    .span.label { padding: 0 !important; }
    .locationBox { min-width: 100px !important; }
    .gnt .growth { width: 100px !important; display: block; clear: both; }
}

@media screen and (min-width:1300px) and (max-width:1600px) {
}

@media screen and (min-width: 767px) and (max-width:1200px) {
    .content-header li.border { border-left: inherit !important; border-right: inherit !important; margin: 0 !important; padding-right: 0 !important; }

    input[type="text"] { font-size: 10px !important; }
    .po_r { width: 31% !important; }

    .gnt .dollor-s { top: 0 !important; }

    .leaderBoardtabs .tab-pane { max-height: 347px !important; }
    .widgetBox { margin-bottom: 0 !important; }
    .bx_input { min-width: 100px; }
    .main_bx_b .label { padding: 0 10px 0px 9px; }
    .main_bx_b { padding: 25px 7px 25px 2px !important; }
}

.po_cld { position: absolute; top: 3px; right: 8px; font-size: 12px; }

@media screen and (min-width: 767px) and (max-width:1023px) {
    .chg_d { padding-left: 27px; }
    .cnfg { padding-left: 15px; }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 118px !important; }
    .in_bc { border: none; padding: 0px 0px !important; width: 46% !important; }
    .main_bx_b { margin: -48px 3px 0 !important; }
    .content-header li span.label1 { padding: 0px 19px; font-size: 10px; }
    .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 12px; }
    .main_bx_b .label { padding: 0 1px 0px 0px; }
    .po_r input { min-width: 121px; padding: 0 0px 0 4px; }
    .po_cld { right: -6px; }

    .widthIn .label { padding: 0 10px 0px 7px; font-size: 11px; }
    .bx_input { width: 10px; }
}

@media screen and (min-width: 767px) and (max-width:840px) {
    /*.main_bx_b { margin:  0 !important; padding:0px; }
    .box_dro{float:right;}*/
}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    .chg_d { padding-left: 40px; }
    .cnfg { padding-left: 18px; }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 181px !important; }
}


@media screen and (min-width: 1200px) and (max-width:1300px) {
    .Widget-all li > div#divRevenueTotal span.price, .Widget-all li > div#divCountTotal span.price { width: 46% !important; }
    .Widget-all li > div span.price { width: 55.55% !important; }
    .Widget-all li > div span.price { font-size: 16px !important; }
    .Widget-all li > div span.growth { font-size: 14px !important; }
    .cnfg { position: absolute !important; right: -67px; }
}




@media screen and (min-width: 1300px) and (max-width:1580px) {
    .Widget-all li > div span.price { font-size: 19px !important; }
    .Widget-all li > div span.growth { font-size: 14px !important; }
    .gnt .growth { width: 100px; display: block; }
}


@media screen and (min-width:320px) and (max-width:1024px) {
    .gnt .growth { width: 100px; display: block; line-height: 0px !important; top: 9px !important; }
        .gnt .growth span { top: -13px !important; }
    .gnt .growth { width: 100px; display: block; line-height: 0px !important; top: 9px !important; }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .pr0 { padding-left: 10px; padding-right: 10px; }
    .plr0, .ne_m { padding-left: 0; padding-right: 0; }
    .arrwoPosition { top: 23px; }
}

@media screen and (min-width:320px) and (max-width:1200px) {
    .mt0 { margin: auto !important; padding: 15px 0 !important; }
}

@media screen and (max-width: 1920px) and (min-width: 1200px) {
    .pr0 { padding-right: 0; }
    .bx_c { clear: both; }
}


@media screen and (min-width:768px) and (max-width:1500px) {
    .plr0 { padding-left: 0; padding-right: 0; }

    .ne_m { padding-right: 0 !important; }
}




@media screen and (min-width:1200px) and (max-width:1500px) {
}



@media screen and (min-width:1200px) and (max-width:1300px) {
    .leaderBoardtabs table tr .wi_3 { padding-left: 4px; }
}


@media screen and (min-width:1200px) and (max-width:1300px) {
    .leaderBoardtabs table tr td { padding: 10px 0px; }
    .wi_3 { text-align: left; }
    .wi_2 { text-align: left; }
}





.Widget-all li > div#divRevenueTotal span.price,
.Widget-all li > div#divCountTotal span.price { width: 48%; }

.de_bx { display: inline-block; width: 40%; float: left; text-align: right; margin-right: 19px; }
.in_p { display: inline-block; float: right; }
.de_bx1 { display: inline-block; width: 38%; float: left; text-align: right; margin-right: 14px; }
.tooltip1 { position: relative; display: block; }

    .tooltip1 .tooltiptext1 { visibility: hidden; width: 180px; background-color: black; color: #fff; text-align: center; padding: 5px 0; position: absolute; z-index: 1; margin-left: -72px; }

.tooltip-right { top: -5px; left: 69%; }

.tooltip1 .tooltiptext1::after { content: ""; position: absolute; top: 14px; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent; }

.tooltip1:hover .tooltiptext1 { visibility: visible; }
.he_c { height: 828px; }


.drop_d { position: absolute; top: 93px; right: 31.8%; }
.box_dro { display: inline-block; }
.at { float: left; margin-right: 6px; position: relative; top: 6px; }
.at1 { color: #3588ca; padding-left: 10px; }
.in_bc { border: none; padding: 7px 10px; width: 86%; }
.in_bc { color: #888383; font-size: 12px; font-weight: 600; }
.box_dro > .dropdown-menu { right: 98px; left: initial; padding: 10px !important; width: 284px; box-shadow: none; margin: 0; padding: 0; border: 1px solid #ddd; border-radius: inherit; margin-top: -3px; }
    .box_dro > .dropdown-menu:before { position: absolute; right: 5px; top: -10px; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #3b98e2; }
.ab_b { display: block !important; }
.box_ds ul li { position: relative; }
.snd_drop { display: none; position: relative; left: 0; }



.sidebar-nav { width: 100%; margin: 0; padding: 0; }
    .sidebar-nav li { width: 100%; float: left; }
        .sidebar-nav li a { font-weight: 400; display: block; color: #000; padding: 7px; font-size: 13px; }
    .sidebar-nav a.active { padding-left: 5px; border-left: 5px solid #1bbae1; background: url(../img/template/ie8_opacity_dark_30.png); background: rgba(0,0,0,.3); }
    .sidebar-nav li ul { display: none; padding: 0; margin: 0; }
        .sidebar-nav li ul li a { padding: 6px 0 6px 18px; display: block; }
    .sidebar-nav li a:hover { background: #62b110; }
.active_nav { color: #fff; background: #62b110 !important; }
.arrow:before { content: '\f104'; float: right; font-family: FontAwesome; }
.nav-active .arrow:before { content: '\f107'; float: right; font-family: FontAwesome; }



.in_tbs { padding-top: 0 !important; }

.drop_n .nav-tabs { border-bottom: none; padding: 10px; background: none; border: none; }
    .drop_n .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none !important; background: #3b98e2; border-radius: inherit; color: #fff; }
    .drop_n .nav-tabs > li > a { height: auto; font-size: 13px !important; transition: all .5s ease-in-out; border: none; background: #e7e7e7; border-radius: inherit; color: #000; }
        .drop_n .nav-tabs > li > a:hover { box-shadow: none; border: none !important; background: #3b98e2; color: #fff; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.drop_n .nav-tabs > li { width: 126px; text-align: center; }
    .drop_n .nav-tabs > li.active > a:after { position: absolute; left: 0; bottom: -10px; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #3b98e2; right: 0; text-align: center; margin: auto; }
    .drop_n .nav-tabs > li a i { float: initial; color: #000; }
.drop_n .tabs { }

#custom-search-input { border: solid 1px #E4E4E4; }
.search_value { line-height: 10px; padding: 4px 2px; display: block; margin-bottom: 10px; }
    .search_value span { color: #eb0606; }
#custom-search-input input { border: 0; box-shadow: none; }

#custom-search-input button { background: none; box-shadow: none; border: 0; color: #666666; padding: 1px 21px 0 22px; }

    #custom-search-input button:hover { border: 0; box-shadow: none; }
.box_ld { margin-bottom: 10px; }
#custom-search-input .glyphicon-search { font-size: 16px; color: #fff; }
#home { padding-top: 5px; }
#custom-search-input .input-lg { height: 33px; padding: 5px 10px; font-size: 12px; line-height: 1.3333333; border-radius: 6px; }
#custom-search-input .input-group-btn { background: #3b98e2 !important; z-index: 99999; }
    #custom-search-input .input-group-btn:before { position: absolute; left: -7px; top: 10px; bottom: 0; content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #3b98e2; border-bottom: 7px solid transparent; z-index: 9; vertical-align: middle; }
.boxscroll { height: 303px; overflow: auto; }
.scrollmenu { max-width: 500px; overflow: auto; white-space: nowrap; }
ul li { list-style: none; }
.so_clo { margin-right: 4px; background: #3b98e2; margin: 0; line-height: initial !important; padding: 6px 12px; cursor: pointer; color: #fff; height: 37px; }
    .so_clo i { color: #fff; margin-right: 2px; float: right; }
.icon_ex { transform: rotate(270deg) !important; color: #fff; }
.so_clo span { position: relative; top: -1px; line-height: 13px; float: left; }
.mr5 { margin-right: 5px; }
.ce_al { background: #eee; padding: 1px 22px; height: 38px; }
    .ce_al .radio, .checkbox { margin-top: 7px !important; margin-bottom: 7px !important; }
ul { margin: 0; padding: 0; }
.v_box { width: 212px; display: inline-block; float: left; padding: 8px 0px; position: relative; }
.v_box1 { float: right; width: 20px; z-index: 9999; }
.ul_li ul li a { color: #fff; font-size: 12px; padding: 0px 10px; overflow: hidden; display: block; background: #63b6f9; }
.ul_li ul li { line-height: initial; border-bottom: 1px solid #fff; }
.v_box1 .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #fff !important; border-color: #fff !important; }
.v_box2 .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #fff !important; border-color: #5cb85c !important; }

.v_box1 .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #30c403 !important; }
/*.v_box:before { position: absolute; left: 0; top: 8px; content: "\f101"; font-family: 'FontAwesome'; }*/
.nicescroll-rails { background: #393939; border-radius: 5px; margin-left: 7px; }
.nicescroll-cursors { background-color: #317fb8 !important; border-radius: 5px; }
.box_r { height: 110px; background: #fff; z-index: 99; }
.box_f { width: 263px; }
.sortli li { line-height: 0; }

.pt_ne1 { padding-top: 66px; overflow: initial; }
.in_design { width: 99%; margin-bottom: 10px; }
.drop_n .wid_c .nav-tabs > li { width: 88px; margin-right: 0; }
.wid_c .nav > li > a { text-align: center; text-decoration: none; position: relative; display: block; padding: 7px 4px; font-size: 12px !important; }
.pnfg .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; }
.drop_n .nav-tabs > li a:hover i { color: #fff; }
.pnfg .panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE; }

.pnfg .panel-title { font-size: 14px; }

    .pnfg .panel-title > a { display: block; padding: 15px; text-decoration: none; }

.pnfg .more-less { float: right; color: #212121; }

.pnfg .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; }

.in_sencd .scrollbox2 { overflow: auto; width: 262px !important; height: 56px !important; padding-right: 0px !important; }
.scrollbox1 { width: 262px !important; height: 290px !important; padding-right: 0px !important; z-index: 9; }

.scrollbox3 { overflow: auto; width: 262px !important; height: 288px !important; padding-right: 0px !important; }
.box_r1 { position: absolute; height: 62px; background: #fff; z-index: 9; }
.wid_c { min-width: 262px; width: 100%; }

.vertical-track2 { width: 5px; background: #e7e7e7; left: 7px; border-radius: 10px; }

.vertical-handle2 { width: 17px; }

    .vertical-handle2 .top { }

    .vertical-handle2 .bottom { width: 5px; height: 100%; position: absolute; bottom: 0; background: #317fb8; border-radius: 10px; }

.horizontal-track2 { width: 100%; height: 5px; background: #e7e7e7; margin-top: 15px; }

.horizontal-handle2 { height: 17px; }

    .horizontal-handle2 .left { }

    .horizontal-handle2 .right { width: 100%; height: 5px; position: absolute; right: 0; top: 0; background: #317fb8; border-radius: 10px; }

.corner2 { width: 17px; height: 17px; background: #e4e6e3; border: 1px solid #dfdfdd; }
.ce_u { position: absolute; top: 0; right: 0; width: auto; }
.lr_e { float: left; margin-top: 5px; font-size: 13px; line-height: 1.6; color: #fff; }
.cng_csa { float: left; margin-top: 5px; font-size: 13px; line-height: 1.6; color: #000; }
.lr_e1 { float: right; margin-left: 7px; }
.idr { display: block; color: #fff; }
.gw-nav-list > li > a { width: 226px; background: #3b98e2; padding: 0px 10px; }



.clo { cursor: pointer; transition: all .5s ease-in-out; line-height: 26px; position: absolute; right: -27px; top: 0; background: #d43b0e; padding: 2px 10px; color: #fff; }
.ce_al .checkbox label { padding-left: initial; line-height: 1.3; }

.drop_n .nav-tabs .pu_r { float: right; margin-right: 0; }

.wid_c .nav-tabs { padding: 0; margin: 0; }
    .wid_c .nav-tabs > li:last-child { float: left; line-height: 0; margin-right: initial; display: inline-block !important; }
.drop_n .nav-tabs > li.active > a i, .nav-tabs > li.active > a i:hover, .nav-tabs > li.active > a i:focus { color: #fff; }
.gw-nav-list > li .gw-submenu > li > a i { float: initial; color: inherit; line-height: initial; }
.pt0 { padding-top: 0 !important; }
@font-face { font-family: 'FontAwesome'; src: url('/fonts/FontAwesome.otf') format('opentype'); }
.dr_ds li { border-bottom: 1px solid #fff; }
    .dr_ds li a { background: #3b98e2; color: #fff; width: 226px; display: block; line-height: 2; padding: 2px 10px; font-size: 12px; }
.corner2 { background: none; border: none; }
.wrapper { width: 100%; }
.pd_g .panel-default > .panel-heading { padding: 0; margin: 0; line-height: 33px; }
.box_ds .panel-heading { padding: 0; border: 0; }
.box_ds .panel-title { position: relative; }
    .box_ds .panel-title > a, .panel-title > a:active { background: #eee; padding: 1px 10px; display: block; color: #555; font-size: 13px; text-decoration: none; }
.box_ds .panel-heading a:before { font-family: 'FontAwesome'; content: "\f107"; float: left; margin-right: 5px; transition: all 0.5s; }
.box_ds .panel-heading.active a:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.box_ds .panel-group .panel + .panel { margin-top: 3px; }
.box_dro a { font-size: 14px; }

.box_drop_show { border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; margin: 0 25px 0; padding-right: 30px; }

.wi_bc { padding-bottom: 10px; display: block; }
.pt10 { padding-top: 10px !important; }
.po_f { position: relative; }


@media screen and (min-width:1300px) and (max-width:1366px) {
    .he_c { height: 749px !important; }
    #wMapContainer { height: 625px !important; }
}


.clear { clear: both; }

.bg_switch.btn-lg.active { transition: background-color 0.25s; }
.bg_switch.btn-lg { margin: 0 2rem; padding: 0; position: relative; border: none; height: 1.6rem; width: 3.16rem; border-radius: 2.5rem; }
/*.bg_switch.active { background-color: #29b5a8; }*/
.bg_switch.active { transition: background-color 0.25s; }
.bg_switch.btn-lg.active:before { opacity: .5; }

.bg_switch.active:before { opacity: .5; }
.bg_switch:before, .btn-toggle:after { color: #6b7381; }

.bg_switch.btn-lg.active > .handle { /*left: 2.8125rem;*/ transition: left .25s; }
.bg_switch.btn-lg > .handle { position: absolute; top: 0.15rem; left: 0.325rem; width: 1.275rem; height: 1.275rem; border-radius: 1.875rem; background: #3588ca; transition: left .25s; }
.bg_switch.active > .handle { left: 1.6875rem; transition: left .25s; }
.bg_switch > .handle { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; background: #fff; transition: left .25s; }
.bg_switch.btn-lg.active:after { opacity: 0.5; }


.bg_switch.active:after { opacity: 0.5; }
.bg_switch:before, .btn-toggle:after { color: #6b7381; }
.bg_switch:before, .btn-toggle:after { line-height: 1.5rem; width: 3rem; text-align: center; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity .25s; }

.bg_switch.bg_AvgTot { margin: 0px; }
    .bg_switch.bg_AvgTot:after { font-family: 'sans-serif'; content: none !important; }

.bg_switch { outline: none !important; }

    .bg_switch.btn-lg:before, .btn-toggle.btn-lg:after { line-height: 1.85rem; width: 5rem; text-align: center; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity .25s; }
    .bg_switch:before, .btn-toggle:after { color: #6b7381; }
    .bg_switch:after { font-family: 'FontAwesome'; content: "\f1b9"; right: -4rem; opacity: .5; }


.switch_b { width: 166px; position: relative; bottom: 5px; }
.cng_txt1.btn-lg:before { font-family: 'FontAwesome'; content: "\f155"; left: -42px; opacity: .5; }
.cng_txt1.btn-lg:after { font-family: 'FontAwesome'; content: "\f1b9"; right: -49px; opacity: .5; }
.btn-text { font-size: 12px; opacity: .5; }

.cng_txt2.btn-lg:before { font-family: 'FontAwesome'; content: "\f017"; left: -35px; }
.cng_txt2.btn-lg:after { font-family: 'FontAwesome'; content: "KPIs"; right: -51px; opacity: .5; }
.box_upcoming { border-bottom: 1px solid #ddd; padding-bottom: 3px; position: relative; }
.box_up_txt { float: left; }
.rg_box { float: right; }
.clearfix:after { clear: both; content: ''; display: block; }
.hide_n { overflow: hidden; }

.wi_1 { width: 55%; }
.wi_1_n { width: 26%; }
.wi_2 { width: 17%; text-align: right; }
.wi_2_n { width: 34%; }


.wi_3 { width: 30%; }
.wi_3_n { width: 21%; position: relative; left: 10px; }


.wi_2 font { margin-left: 6px; }

.rev_heading:before { font-family: 'FontAwesome'; content: '\f155'; opacity: .4; font-size: 13px; margin-right: 3px; }
.cnt_heading:before { font-family: 'FontAwesome'; content: '\f1b9'; opacity: .4; font-size: 13px; margin-right: 3px; }
.cnt_user:before { font-family: 'FontAwesome'; content: '\f007'; opacity: .4; font-size: 13px; margin-right: 3px; }


@media screen and (min-width:1200px) and (max-width:1550px) {
    #ddlDataOptions { width: 81%; }
    .leaderBoardtabs table tr td + td + td { padding-left: 8px !important; }
}





.leaderBoardtabs table tr th:last-child { padding-left: 0px; }
.tooltip1 a { overflow: hidden; height: 16px; display: block; }

@media screen and (min-width:1200px) and (max-width:1300px) {
    .tooltip1 .tooltiptext1 { margin-left: -91px; }
    .wi_1_n { width: 31%; }
}

@media screen and (min-width:1200px) and (max-width:1250px) {
    .wi_3 font { padding-left: 1px !important; }
}

.fl_in { float: inherit; }

@media screen and (min-width:1200px) and (max-width:1250px) {
    .wi_2_n { width: 30%; }
}

.mr_cng { margin-left: 5px; float: inherit; }
.leaderBoardtabs table tr td + td + td { padding-left: 20px; }

@media only screen and (max-width: 767px) and (min-width: 320px), only screen and (device-aspect-ratio: 40/71) {

    .leaderboardwidget thead tr th { width: 39%; }
}


@media screen and (min-width:600px) and (max-width:768px) {
    .leaderBoardtabs table tr td + td + td { padding-left: 68px; }
}

@media screen and (min-width:500px) and (max-width:600px) {
    .leaderBoardtabs table tr td + td + td { padding-left: 47px; }
}


@media screen and (min-width:400px) and (max-width:500px) {
    .leaderBoardtabs table tr td + td + td { padding-left: 30px; }
}

@media screen and (min-width:320px) and (max-width:400px) {
    #ddlDataOptions { width: 82%; }
}

@media screen and (min-width:500px) and (max-width:768px) {
    .tooltip1 .tooltiptext1 { width: 296px; }
}

.mt0 { margin-top: 0; padding: 0; }
.prl0 { padding-left: 0; padding-right: 0; }
.clear { clear: both; }
.clearfix:after { clear: both; content: ''; display: block; }

.po_r input { height: auto; line-height: 0; padding: 8px 6px; }
.content-header > ul > li { float: left; list-style: none; margin: 0; padding: 0; line-height: normal; }
.content-header li span.label1 { height: 55px; line-height: 49px; }

.left-arrow { /*   width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    z-index: 999;
    position: absolute;
    margin-left: -9px;
    margin-top: 25px;*/ background-image: url(../images/leftarrow.png); width: 16px; height: 16px; display: inline-block; position: relative; top: 17px; background-repeat: no-repeat; left: -10px; }
.content-header > ul .pd_boxc { padding-top: 10px; padding-bottom: 10px; }

.content-header > ul { float: left; margin: 0px; background-color: #fff; width: 100%; line-height: 57px; padding: 0px; border-bottom: 1px solid #dce0e2; }
.content-header li span.label1n { height: 59px; line-height: 27px; }
.left-arrown { top: 10px; }
.main_bx_b { position: relative; top: -4px; }
.in_bc .bx_input1 { height: auto; line-height: 0; padding: 7px 6px; }

.in_frs { position: absolute; top: 26px; right: 13px; }
.drop_n .nav-tabs > li a i { float: none; }
/*.pt_ne { padding-top: 111px; }*/


@media only screen and (min-width: 1300px) and (max-width: 1400px) {
    .cn_width canvas { width: 370px !important; height: 210px !important; }
}


@media only screen and (min-width: 1500px) and (max-width: 1900px) {
    .cn_width canvas { width: 100% !important; height: auto !important; }
    #weekDayBreakDownChart{max-height:inherit !important;}
}

@media only screen and (min-width: 1100px) and (max-width: 1300px) {
    .cn_width canvas { width: 250px !important; height: 210px !important; }
}



@media only screen and (min-width: 1300px) and (max-width: 1499px) {
    .cn_width canvas { width: 300px !important; height: 182px !important; }
    #perDayRevenueChart { height: 160px !important; }
    #perDayCountChart { height: 160px !important; }
}

@media only screen and (max-width: 1200px) {
    .widgetBox { float: inherit !important; }
    .cng_dswa { width: auto !important; }
}

.cn_width { padding: 0; }

.cng_dswa { width: 143px; }
.in_hight { height: 400px; overflow: hidden; }
/*#rsvrRevenueChart, #rsvrCountChart { height: 200px !important;  width: 100% !important; }*/








#statsTable { width: 100% !important; }

@media screen and (min-width:600px) and (max-width: 767px) {
    .content-header > ul > li { padding: 10px 10px !important; }
    .in_frs { top: 6px !important; right: 4px !important; }
    .panel-default > .bx_he { height: 541px !important; }
    .content-header li span.label1n { height: 39px; line-height: 36px; }
    .tb_w { height: auto !important; max-height: initial !important; }
    #statsTable { width: 800px; }
        #statsTable tbody { width: 800px; }
    .reservationStatsWidget thead tr th { width: 130px !important; text-align: center; }
    .reservationStatsWidget tr td { text-align: center; }
    .reservationStatsWidget tfoot { width: calc(100% - 0px) !important; }
    #divTable { overflow: scroll; }
    .panel-default > .bx_he { overflow: hidden; }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .refreshBtn .fa-fw { width: 0.285714em !important; }
    .de_bx { width: 38% !important; }
    .tooltip1 .tooltiptext1 { width: 198px !important; margin-left: -17px !important; }
    #ddlDataOptions { width: 87% !important; }
    .leaderBoardtabs .tab-pane { max-height: 305px !important; }
    #reservation span { font-size: 13px; }
    .box_up_txt span { font-size: 13px; }
    .bg_switch.btn-lg { margin: 0px 2rem !important; }
    .reservationStatsWidget thead tr th { width: 130px !important; text-align: center; }
    .reservationStatsWidget tr td { text-align: center; }
    .reservationStatsWidget tfoot { width: calc(100% - 0px) !important; }
    #divTable { overflow: scroll; }
    #statsTable { width: 800px; }
        #statsTable tbody { width: 800px; }
    #rsvrRevenueChart { height: 100% !important; }
    #rsvrCountChart { height: 100% !important; }
    .tab-content { height: 100% !important; }
    .leaderBoardtabs .tab-pane { max-height: 345px !important; }
    .tb_w { max-height: 327px; }
    .leaderBoardtabs table tr td + td + td { padding-left: 24px !important; }
    .po_r input { min-width: 127px !important; }
}

@media screen and (max-width: 1024px) and (max-height: 600px) {
    .bx_he { height: 497px !important; }
}




@media screen and (max-width: 1024px) and (max-height: 768px) {
    #ytdRevenueLineChart { height: auto !important; }
    #statsTable { width: 100% !important; }
    .in_hight { max-height: 503px !important; }
    #rsvrLeadTimeChart { height: 255px !important; }
    #rsvrReservedChart { height: 255px !important; }
    #weekDayBreakDownChart { height: 100% !important; max-height: 100% !important; }
    #perDayRevenueChart { width: 100% !important; height: 89% !important; }
    #perDayCountChart { width: 100% !important; height: 89% !important; }
    .tb_w { max-height: initial !important; height: initial !important; }
    #weekDayBreakDownChart { height: initial !important; max-height: initial !important; }
    .leaderBoardtabs .tab-pane { max-height: 391px !important; }
    #dsTransientChart, #dsMonthlyChart, #dsBothChart { height: 100% !important; }
    #ytdCountBarChartTransient, #ytdCountBarChart, #ytdCountBarChartMonthlies { height: 100% !important; }
    #resourceChart { height: 100% !important; }
    .bx_he { height: 506px !important; }
    .widgetBox .tb_w { height: 380px !important; }
}

/*@media screen and (max-width: 1280px) and (max-height: 800px) {
    #ytdRevenueLineChart { height: auto !important; }
    #statsTable { width: 100% !important; }
    .in_hight { max-height: 503px !important; }
    #rsvrLeadTimeChart { height: 255px !important; }
    #rsvrReservedChart { height: 255px !important; }
    #weekDayBreakDownChart { height: 100% !important; max-height: 100% !important; }
    .tb_w { max-height: initial !important; height: initial !important; }
    #weekDayBreakDownChart { height: initial !important; max-height: initial !important; }
    .leaderBoardtabs .tab-pane { max-height: 334px !important; }
    #rsvrRevenueChart { height: 441px !important; }
    #rsvrCountChart { height: 441px !important; }
    .he_c { height: 827px !important; }
    #wMapContainer { height: 703px !important; }
    .tooltip1 .tooltiptext1 { margin-left: -25px !important; }
    .in_hight { height: 420px !important; max-height: 420px !important; }
    #reservation .tb_w { height: 466px !important; max-height: 466px !important; }
}

@media screen and (max-width: 1366px) and (max-height:768px) {
    #reservation .in_hight { height: 466px !important; max-height: 466px !important; }
}


@media screen and (max-width: 1366px) and (max-height: 768px) {
    #ytdRevenueLineChart { height: auto !important; }
    #statsTable { width: 100% !important; }
    .in_hight { max-height: 503px !important; }
    #rsvrLeadTimeChart { height: 255px !important; }
    #rsvrReservedChart { height: 255px !important; }
    #weekDayBreakDownChart { height: 100% !important; max-height: 100% !important; }
    .tb_w { max-height: initial !important; height: initial !important; }
    #weekDayBreakDownChart { height: initial !important; max-height: initial !important; }
    .leaderBoardtabs .tab-pane { max-height: 334px !important; }


    #rsvrRevenueChart { height: 441px !important; }
    #rsvrCountChart { height: 441px !important; }
    .he_c { height: 827px !important; }
    #wMapContainer { height: 703px !important; }
    .tooltip1 .tooltiptext1 { margin-left: -25px !important; }
}

@media screen and (max-width: 1440px) and (max-height: 900px) {
    #ytdRevenueLineChart { height: auto !important; }
    #statsTable { width: 100% !important; }
    .in_hight { max-height: 503px !important; }
    #rsvrLeadTimeChart { height: 255px !important; }
    #rsvrReservedChart { height: 255px !important; }
    #weekDayBreakDownChart { height: 100% !important; max-height: 100% !important; }
    .tb_w { max-height: initial !important; height: initial !important; }
    #weekDayBreakDownChart { height: initial !important; max-height: initial !important; }
    .leaderBoardtabs .tab-pane { max-height: 334px !important; }
    #rsvrRevenue #rsvrRevenueChart { height: 441px !important; }
    #rsvrCount #rsvrCountChart { height: 457px !important; }
    .he_c { height: 827px !important; }
    #wMapContainer { height: 703px !important; }
    .tooltip1 .tooltiptext1 { margin-left: -25px !important; }
}



@media screen and (max-width: 1680px) and (max-height: 1050px) {
    .tb_w { max-height: initial !important; height: initial !important; }
    #rsvrRevenueChart { height: 396px !important; }
    #rsvrCountChart { height: 410px !important; }
}


@media screen and (min-width:1900px) and (max-width:2000px) {
    .tb_w { max-height: initial !important; height: initial !important; }
    #rsvrRevenue #rsvrRevenueChart { height: 502px !important; }
    #rsvrCount #rsvrCountChart { height: 517px !important; }

}*/
.txt_none { height: 397px; text-align: center; font-size: 14px; color: #2c2c2c; }
    .txt_none span { transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; font-size: 18px; width: 100%; display: block; }



    @media screen and (min-width:1500px) and (max-width:1800px) {
    .he_c { height: 749px !important; }
    #wMapContainer { height: 622px !important; }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    #rsvrRevenue #rsvrRevenueChart { height: 377px !important; }
}


@media screen and (min-width:1367px) and (max-width:1500px) {
    .he_c { height: 828px !important; }
    #wMapContainer { height: 703px !important; }
}

@media screen and (min-width:1200px) and (max-width:1800px) {
    .tb_w { max-height: initial !important; height: initial !important; }
  
    #rsvrCount #rsvrCountChart { height: 411px !important; }
    .tooltip1 .tooltiptext1 { margin-left: -24px !important; }
}

@media screen and (min-width:1800px) and (max-width:1920px) {
    #ytdRevenueLineChart { height: 245px !important; }
    .tb_w { max-height: initial !important; height: initial !important; }
    #rsvrRevenue #rsvrRevenueChart { height: 387px !important; }
    #rsvrCount #rsvrCountChart { height: 402px !important; }
    .tooltip1 .tooltiptext1 { margin-left: -24px !important; }
    .he_c { height: 828px !important; }
    #wMapContainer { height: 703px !important; }
}

@media screen and (min-width: 2000px) and (max-width: 2800px) {

    #liWidgetRevenueHeader div + div { text-align: right; padding-right: 12% !important; }
    #liWidgetRevenueHeader .totalBox { padding-right: 11.8% !important; text-align: right !important; }
    .chg_d { padding-left: 0 !important; }
    .chg_d { padding-left: 27px; }
    .de_bx1, .de_bx { width: auto !important; }
    .main_g { position: relative; float: right; padding-right: 135px; }
    .bx_he { height: 615px !important; overflow: hidden; }
    .leaderBoardtabs .tab-pane { max-height: 508px !important; }
    .wi_1 { width: 66% !important; }
    .wi_3_n { width: 15%; }
    .ui-widget.ui-widget-content { margin: 7% auto !important; }
    .pr0 { padding-right: 0 !important; }
    .plr0 { padding-left: 0 !important; padding-right: 0 !important; }
    .tooltip1 .tooltiptext1 { width: 240px !important; }
    .he_c { height: 916px !important; }
    #wMapContainer { height: 790px !important; }
    #rsvrRevenueChart { height: 100% !important; }
    #rsvrCountChart { height: 100% !important; }
    .in_hight { height: 700px; max-height: 700px !important; overflow: inherit !important; }
    #rsvrLeadTimeChart, #rsvrReservedChart {  width: 98% !important; }
    #leadReservedCharts { height: 100%; max-height: 577px !important; overflow: inherit !important; }
    .reservationStatsWidget thead tr th { width: 130px !important; text-align: center; }
    .reservationStatsWidget tr td { text-align: center; }
    .reservationStatsWidget tfoot { width: calc(100% - 0px) !important; }
    .cn_width canvas { width: 100% !important; height: auto !important; }
    #dsMonthlyChart { height: 700px !important; }
    #dsTransientChart { height: 678px !important; }
    #dsBothChart { height: 700px !important; }
    .tb_w { max-height: 700px !important; height: 700px !important; }
    #resourceChart { height: 700px !important; }
    #ytdCountBarChart { height: 700px !important; }
    #ytdCountBarChartTransient { height: 700px !important; }
    #otherRevenueChart, #otherCountChart {
    width: 100% !important;
    height:auto !important;
}
    #weekDayBreakDownChart{max-height:inherit !important;}
}