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


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/Roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/Roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/Roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto Black';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Roboto/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/Roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* ------------- Fonts CSS End ------------- */

/* ------------- Reset CSS Start ------------- */
*{margin: 0; padding: 0; border: 0;}
ol, ul {list-style: none;}
::selection {color: white;  background: #43b7ed;}
table {border-collapse: collapse;border-spacing: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
button:focus {outline: none;}
a:hover, a:focus {text-decoration: none;}
/* ------------- Reset CSS End ------------- */

body {font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 0.8125rem; background: #fff; color: #333333; line-height: 1rem;}
a {color: #2d4ba2;}
/* ------------- Navbar CSS Start ------------- */
#wrapper {padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#wrapper.toggled {padding-left: 200px;}
#sidebar-wrapper {z-index: 1000; position: fixed; left: 200px; width: 0; height: 100%; margin-left: -200px; overflow-y: auto; background: #fff;
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#wrapper.toggled #sidebar-wrapper { width: 200px;}
#page-content-wrapper {width: 100%; position: absolute; padding: 15px;}
#wrapper.toggled #page-content-wrapper { position: absolute; margin-left: 0px;}

/* Sidebar Styles */
.sidebar-nav {position: absolute; top: 0; width: 200px; margin: 0; padding: 0; list-style: none;}
.sidebar-nav li {text-indent: 20px; line-height: 40px;}
.sidebar-nav li a {display: block; text-decoration: none; color: #999999; transition: 0.3s;}
.sidebar-nav li a.active, .sidebar-nav li a:hover {text-decoration: none; color: #2d4ba2; font-weight: bold; background: #efefef; border-right: 3px solid #2d4ba2;}
.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav>.sidebar-brand {height: 50px; font-size: 18px; line-height: 50px;}
.sidebar-nav>.sidebar-brand a {color: #999999;}
.sidebar-nav>.sidebar-brand a:hover {color: #fff; background: none;}
/* ------------- Navbar CSS End ------------- */

.bold{font-weight: bold;}
.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px;}
.h-400{height: 400px;}
.text-light{color: #666666!important;}

.page-item.active .page-link {background-color: #2d4ba2; border-color: #2d4ba2;}
.page-link {color: #2d4ba2;}
.page-link:focus, .custom-select:focus, .form-control:focus{box-shadow: 0 0 0 0.05rem rgba(0,123,255,.25);}

#tabsJustified .nav-link {border: 1px solid #ccc !important; border-radius: 2px !important; margin: 0 5px; text-transform: uppercase; color: #666666; padding: 0.5rem 2.2rem;}
#tabsJustified .nav-item:first-child .nav-link{margin-left: 0;}
#tabsJustified.nav-tabs .nav-item.show .nav-link, #tabsJustified.nav-tabs .nav-link.active {color: #fff; background-color: #2d4ba2; border-color: #2d4ba2 !important;}
#tabsJustifiedContent .box {height: 188px;}
.smBlockCount{font-size: 24px; font-weight: bold;}
.blockHeading{text-transform: uppercase; color: #2d4ba2; font-weight: bold; letter-spacing: 0.04rem; word-spacing: 0.05rem;}
.highcharts-container .tilteCount{font-size: 27px; font-family: 'Roboto'; font-weight: bold;}
.highcharts-container .secondTitle{font-size: 17px; font-family: 'Roboto'; text-transform: uppercase;}
ul.chartLegends li{position: relative; color: #666;}
ul.chartLegends li:before{content: ""; width: 8px; height: 8px; border-radius: 100%; display: inline-block; position: absolute; left: -25px; top: 5px;}

ul.chartLegends.long li:before{content: ""; width: 4px; height: 25px; background: red; border-radius: 10px; display: inline-block; position: absolute; left: -12px; top: 10px;}

ul.chartLegends li.pink:before{background: #fb6097;}
ul.chartLegends li.blue:before{background: #4680fe;}
ul.chartLegends li.aqua:before{background: #64cce6;}
ul.chartLegends li.umber:before{background: #ffb64d;}
ul.chartLegends li.purple:before{background: #c160ee;}
ul.ulVariAudience li{font-family: 'Roboto Medium'; padding-left: 42px; position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
ul.ulVariAudience li:last-child{border-bottom: none;}
ul.ulVariAudience li.negative:before{content: url(../images/red_downArrow.png); position: absolute; width: 28px; height: 28px; left: 0; top: 0;}
ul.ulVariAudience li.positive:before{content: url(../images/green_upArrow.png); position: absolute; width: 28px; height: 28px; left: 0; top: 0;}
ul.ulVariAudience li.negative .posNegativeColor{color: #ff3a3a;}
ul.ulVariAudience li.positive .posNegativeColor{color: #0ca622;}

.bottomTabs.nav-tabs.border-bottom {border-bottom: 1px solid #e0e0e0 !important; padding: 0 15px;}
.bottomTabs.nav-tabs .nav-item{margin-bottom: 0px;}
.bottomTabs.nav-tabs .nav-item.show .nav-link, .bottomTabs.nav-tabs .nav-link.active{border: 0; color: #2d4ba2; font-weight: bold;}
.bottomTabs.nav-tabs .nav-link:after{content: ''; position: absolute; bottom: -2px; height: 3px; background: #2d4ba2; width: 0; left: 0; right: 0; margin: auto; transition: .2s;}
.bottomTabs.nav-tabs .nav-link.active:after, .bottomTabs.nav-tabs .nav-link:hover:after {width: 100%;}
.bottomTabs.nav-tabs .nav-link:focus, .bottomTabs.nav-tabs .nav-link:hover {border-color: transparent; color: #2d4ba2; font-weight: bold;}
.bottomTabs li .nav-link{padding: 20px 5px; color: #888888; position: relative; text-transform: uppercase; font-size: 14px; margin: 0 10px; letter-spacing: 0.04rem; word-spacing: 0.05rem;}
.bottomTabs li:first-child .nav-link{margin-left: 0;}
.bottomTabs .nav-link.stausRed:before{content: ''; width: 7px; height: 7px; background: #f2726f; position: absolute; left: 0; top: 16px; border-radius: 2px;}
.bottomTabs .nav-link.stausYellow:before{content: ''; width: 7px; height: 7px; background: #ffc532; position: absolute; left: 0; top: 16px; border-radius: 2px;}
.bottomTabs .nav-link.stausGreen:before{content: ''; width: 7px; height: 7px; background: #62b58f; position: absolute; left: 0; top: 16px; border-radius: 2px;}
.bottomTabs .nav-link.stausBlack:before{content: ''; width: 7px; height: 7px; background: #484848; position: absolute; left: 0; top: 16px; border-radius: 2px;}
.bottomTabs .nav-link.stausRed, .bottomTabs .nav-link.stausYellow, .bottomTabs .nav-link.stausGreen, .bottomTabs .nav-link.stausBlack{padding-left: 15px;}
.table-striped tbody tr:nth-of-type(odd) {background: #f4f4f4;}
.table-bordered td, .table-bordered th {border: 0; border-right: 1px solid #e5e5e5;}
.tblDataTable{color: #666666;}
.tblDataTable th{color: #333;}
.tblDataTable .greenTxt, .tblModalDataTable .greenTxt{color: #44be55;}
.tblDataTable .redTxt, .tblModalDataTable .redTxt{color: #ed5050;}
.tblDataTable .greenBlock{background: #44be55; color: #fff; padding: 4px 6px; border-radius: 20px; border-right: 0 !important; margin-left: -6px;}
.tblDataTable .blueBlock {background: #4d79d8;color: #fff; padding: 4px 6px; border-radius: 20px; border-right: 0 !important; margin-left: -6px;}
.tblDataTable .redBlock{background: #ed5050; color: #fff; padding: 4px 6px; border-radius: 20px; border-right: 0 !important; margin-left: -6px;}
.dataTables_filter input{position: relative; background: url(../images/searchIcon.png) no-repeat transparent; background-position: 97% center; padding: 16px 10px; width: 300px !important;}
.excelIcon{position: relative; border: 1px solid #ccc; width: 34px; height: 34px; padding: 5px; float: right; margin-right: 15px; border-radius: 3px; margin-left: 5px;}
.dataTables_length, .dataTables_info{padding-left: 15px;}
.pagination{padding-right: 15px;}
ul.ulDayData{border-bottom: 1px solid #ccc; width: 178px; padding: 22px 0 0 0;}
ul.ulDayData li{text-transform: uppercase; display: inline-block; margin-left: 8px; position: relative;}
ul.ulDayData li a{color: #666; padding: 0 5px 10px 5px; display: block; font-size: 12px;}
ul.ulDayData li a.active{color: #2d4ba2; font-weight: bold;}
ul.ulDayData li:first-child{margin-left: 0;}
.ulDayData li a.active:after{content: ""; width: 100%; height: 2px; background: #2d4ba2; position: absolute; bottom: 0; left: 0;}
.modal .modal-header h4{font-size: 20px; color: #2d4ba2;}
.modal .modal-header h4 span{font-size: 14px; color: #999999; display: block;}
.modal-dialog-scrollable .modal-content {overflow: unset;}
.modal-header .close {margin: -1.5rem -1.5rem 0 0; background: #ff6161; opacity: 1; color: #fff; text-shadow: none; width: 30px; height: 30px; border-radius: 20px; font-weight: normal; padding: 0 0 3px 3px; display: block;font-size: 22px;
    text-align: center;   padding: 0;}
.modal-backdrop.show {opacity: .7;}
.modal-body .dataTables_filter{margin: 0 15px 0 0 !important;}
.tblModalDataTable th{font-size: 13px; color: #333;}
.tblModalDataTable td{font-size: 13px; color: #666666;}
.table thead th {vertical-align: bottom; border-bottom: 1px solid #dee2e6;}
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {background-color: #3f50cb; width: 4px;}
.ps__rail-y{width: 8px;}
.ps__thumb-y {width: 4px;}
.ps__thumb-y {background-color: #2d4ba2;}
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {opacity: 1;}
.dataTables_filter label{margin-bottom: 0;}
#tblModalCampaingList_filter input{width: 100% !important;}
#tblModalAudienceDeatils td span.ready{font-weight: bold; color: #1da30b; font-size: 12px; letter-spacing: 0.03rem;}
#tblModalAudienceDeatils td span.pending{font-weight: bold; color: #ff7800; font-size: 12px; letter-spacing: 0.03rem;}
#tblModalAudienceDeatils td span.ready:before{content: url(../images/green_check.png); width: 20px; height: 20px; display: inline-block; margin-right: 10px; vertical-align: middle;}
#tblModalAudienceDeatils td span.pending:before{content: url(../images/error_icon.png); width: 20px; height: 20px; display: inline-block; margin-right: 10px; vertical-align: middle;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
.accountListBlock .ALheading{text-transform: uppercase; letter-spacing: 0.03rem; color: #333;}
.accountListBlock .ALcount{font-size: 24px; letter-spacing: 0.03rem; font-family: 'Roboto Medium';}
.accountListBlock .progress{height: 4px; border-radius: 20rem; background: #cccccc;}
.accountListBlock .progress-bar{background-color: #56c22b;}
.progressValue{font-family: 'Roboto Medium'; align-self: center; padding-left: 10px; font-size: 14px; color: #333333;}
.tbl-progressBar .progress {height: 1.5rem; background: transparent; border-radius: 2px;}
.tbl-progressBar .progress-bar{border-radius: 2px;}
.alBottomBlock{width: 100%;}
#tblAccountList_filter{height: 42px; margin-top: -40px; margin-bottom: 4px;}
.alBottomBlock .excelIcon {top: 17px;}
table.tblColBor td, table.tblColBor th {border-right: 1px solid #ccc;}
table.tblColBor td:last-child, table.tblColBor th:last-child {border-right: 0;}
.table-bordered {border: 0;}
.table-bordered tr:last-child td{border-bottom: 1px solid #e5e5e5 !important;}
.table-bordered th {border-top: 1px solid #e5e5e5 !important;}
.tbl-progressBar{margin-bottom: 0 !important;}
div.dataTables_wrapper {width: 100%; margin: 0 auto;}
.page-link {padding: .35rem .65rem;}
.scrollBox {max-height: calc(100% - 50px); overflow-y: auto; position: relative;}
.scrollBox .ps__rail-x{display: none;}
/*#loader{width:100%; height:100%; position:fixed; z-index:9999; background:url('../images/loader.svg') no-repeat center center rgba(0,0,0,0.91);
background-size: 60px;}*/


/* login page*/
body.loginBody{background: url(../images/loginBg.png) no-repeat #00183c !important;}
.loginWrapper{max-width: 1100px; margin: 10% auto 0 auto;}
.loginForm {width: 800px; margin: 10% auto 0 auto;}
.loginFormInner {padding: 50px; background: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.3); border-radius: 0 5px 5px 0;}
.loginBody h1{font-size: 18px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.3rem; letter-spacing: 0.05em; line-height: 1.8rem;}
.loginForm h2 {font-size: 18px; margin: 30px 0 50px 0; text-transform: uppercase; text-align: center; line-height: 28px;}
.form_row  input {width: 100%; border: none; border-left: 1px solid #b2b2b2; height: 28px; color: #666666; padding-left: 15px;}
.forgetPassword { margin: 10px 0; font-size: 12px; }
.forgetPassword a{color: #000;}
.forgetPassword a:hover, .loginSignUp a:hover{text-decoration: underline;}
input:focus{outline: none;}
.form_row.userNameRow{background: url(../images/user_icon.png) no-repeat 14px center; border-radius: 5px 5px 0 0;}
.form_row.passwordRow{background: url(../images/password_icon.png) no-repeat 14px center; border-radius: 0 0 5px 5px;}
.loginButton {background: #009de7; height: 36px; line-height: 36px; border: none; width: 122px; display: block; color: #fff; border-radius: 2px; margin-top: 40px;}
.loginWrapper{height: 100%;}
.NewUser .forgetPassword {text-align: center;}
.NewUser .loginButton {margin-top: 30px;}
.form_row .line_border {content: ""; height: 0; width: 5px; background-color: #009de7; display: inline-block; -webkit-transition: .5s width ease-in-out; -moz-transition: .5s width ease-in-out; transition: .5s width ease-in-out; position: absolute; bottom: -1px; right: 0;}
.form_row {position: relative; padding: 10px 0 10px 50px; border: 1px solid #e4e4e4; margin-top: 0;}
.form_row input:focus+.line_border {background-color: #009de7; height: 50px;}
.loginText{color: #fff; background: rgba(0, 0, 0, 0.5); border-radius: 5px 0 0 5px;}
a.forgot {display: block;margin: 0;font-size: 16px;font-weight: 600;color: #002a90;padding: 25px 20px;float: left;}
/*------ login page End -----*/

/********************************LOGIN*********************************************/
.login_page{background: #243982; min-height: 100vh;}
.left_side_login {background: #fff;float: left;width: 63%;margin-left: 0.5%; min-height: 100vh;}
.text_login h2 { font-size: 2.7em; font-weight: 600;}
.text_login p { font-size: 1.1em;}
.text_login {float: left;width: 60%; padding: 15% 3%;}
.image_login {width: 39%;background: url(../images/login_img.png) no-repeat -110px center;float: right;background-size: auto 100%;}

.right_side_login {float: right; width: 36%; display: table;height: 100%;}
.login_box_contaner { display: table-cell; vertical-align: middle;}
.login_box_outer {width: 72%; padding: 0;background: #fff;margin: 0 auto; box-shadow: 0px 0px 5px rgba(0,0,0,.5);max-width: 390px; overflow: hidden}
a.login_logo {width: 100%;float: left;padding: 25px 20px;background: #fff;}
input.input_field {width: 100%;border: 1px solid #ccc;padding: 9px;margin-bottom: 15px;font:small-caption;}
span.show_password {float: right;color: #59933b;font-size: 15px; cursor: pointer;}
.login_box_outer form {padding: 25px 20px;background: #f9f9f9;float: left; width: 100%;}
input.login_btn {width: 100%;padding: 9px;background: #009ce6;color: #fff;font-size: 17px;font-weight: 600;margin-bottom: 20px;    margin-top: 15px;}
a.forgot {display: block;margin: 0;font-size: 16px;font-weight: 600;color: #002a90;padding: 25px 20px;float: left;}

/********************************LOGIN*********************************************/

/* loader css start*/
.cust-loader2 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(256, 256, 256, 0.9);
    /*background:url('../images/loader.svg') no-repeat center center rgba(0,0,0,0.91);*/
    margin: auto;
    text-align: Center;
    overflow: hidden;
    z-index: 9999;
}

.loading-content {
    position: absolute;
    top: 45%;
    left: 40%;
    /* transform: translate(-60%, -60%);*/
    width: 300px;
    margin: 0 auto;
    /* background-color: white; */
    text-align: center;
}

.cust-loader2 i {
    /* position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 30px;
                height: 30px;*/
    margin: auto;
    z-index: 9999;
}

.loading-content h2 {
    font-weight: bold;
    font-size: 18px;
    margin-top: -75px;
}


/** Colors **/
ol.progress-track {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 2em 1em;
    table-layout: fixed;
    width: 100%;
}

    ol.progress-track li {
        display: table-cell;
        line-height: 3em;
        position: relative;
        text-align: center;
    }

        ol.progress-track li .icon-wrap {
            border-radius: 50%;
            top: -1.5em;
            color: #fff;
            display: block;
            height: 2.5em;
            margin: 0 auto -2em;
            left: 0;
            right: 0;
            position: absolute;
            width: 2.5em;
        }

        ol.progress-track li .icon-check-mark,
        ol.progress-track li .icon-down-arrow {
            height: 25px;
            width: 15px;
            display: inline-block;
            fill: currentColor;
        }

        ol.progress-track li .progress-text {
            position: relative;
            top: 10px;
            color: #177eb6;
        }

        ol.progress-track li.progress-done {
            border-top: 1px solid #177eb6;
            transition: border-color 1s ease-in-out;
            -webkit-transition: border-color 1s ease-in-out;
            -moz-transition: border-color 1s ease-in-out;
        }

            ol.progress-track li.progress-done .icon-down-arrow {
                display: none;
            }

            ol.progress-track li.progress-done.progress-current .icon-wrap {
                background-color: #0070c0;
            }

                ol.progress-track li.progress-done.progress-current .icon-wrap .icon-check-mark {
                    display: none;
                }

                ol.progress-track li.progress-done.progress-current .icon-wrap .icon-down-arrow {
                    display: block;
                }

            ol.progress-track li.progress-done .icon-wrap {
                background-color: #fff;
                border: 1px solid #177eb6;
            }

        ol.progress-track li.progress-todo {
            border-top: 7px solid #DDD;
            color: black;
        }

            ol.progress-track li.progress-todo .icon-wrap {
                background-color: #FFF;
                border: 5px solid #DDD;
                border-radius: 50%;
                bottom: 1.5em;
                color: #fff;
                display: block;
                height: 2.5em;
                margin: 0 auto -2em;
                position: relative;
                width: 2.5em;
            }

        ol.progress-track li.progress-done .icon-wrap span {
            color: #177eb6;
            font-weight: bold;
            font-size: 20px;
            position: absolute;
            margin-top: -5px;
            right: 11px;
        }

        .noteAbtScroll{color: #ff6161; font-weight: bold; font-size: 12px;}
.note {
    position: absolute;
    right: 3%;
    padding-top: 18px;
    /*font-weight: bold;*/
    color: #858585;
    font-size: 11px;
    overflow-wrap: break-word;
    max-width: 35%;
}

.note1 {
    font-weight: bold;
    color: #093aa7;
    font-size: 11px;
    text-align: right;
    padding: 21px;
}

.note2{
    position: absolute;
    right:3%;
    padding-top: 11px;
    font-weight: bold;
    color: #093aa7;
    font-size: 11px;
    overflow-wrap: break-word;
    max-width: 35%;
}
/*
::-webkit-scrollbar {width: 10px;} 
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6); border-radius: 20px; background: #2d4ba2;}
*/
@media only screen and (max-width:640px){.note, .note1, .note2{text-align:left !important;}}

.custom_select{ font-size: 12px; }
.btn_save{ background: #2d4ba2; font-size: 13px; text-transform: uppercase; margin:0 10px; }
.btn_clear{ font-size: 13px; text-transform: uppercase; margin:0 5px; }

.reports_sec .dataTables_filter{ display: none; }

.reports_sec .updated{ float: right;     padding-top: 11px;
    padding-right: 10px; margin: 0px; }
.reports_sec table.dataTable.nowrap th, .reports_sec table.dataTable.nowrap td{ white-space: normal; }
.reports_sec table tr td .form-control{ height: 30px; font-size: 11px; }






/* advance Search fiter start*/
/*
.reports_sec .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-left: 17px;
    font-size: 12px;
    text-transform: capitalize;
}
.reports_sec .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    font-size: 10px;
}

.reports_sec .btn-light{ background: #fff;  }
.reports_sec .bootstrap-select{ width: 100% !important; text-overflow: ellipsis; }
.reports_sec .bootstrap-select .bs-ok-default:after {
    font-size: 9px;
    font-weight: normal;
}
.reports_sec .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 7px;
    border: 1px solid #dfe2e6;
    width: 14px;
    height: 14px;
    padding: 0 3px;
    left: 8px;
    right: auto;
}

.reports_sec .bootstrap-select .bs-ok-default {
    top: 7px;
    border: 1px solid #dfe2e6;
    width: 14px;
    height: 14px;
    padding: 0 3px;
    left: 8px;
    right: auto;
}





.filter_section {
	-webkit-box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.08);
box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.08);
    width: 100%;
    padding: 10px;
    position: absolute;
	background: #fff;
	z-index:99;
	max-width: 300px;
    left: 0;
    top: auto;
}

.filter_section .checkbox_height{ max-height:150px;	height: 105px; overflow-y:auto; }

.filter_section input.form-control{ border: 1px solid #ced4da; margin-bottom: 15px; font-size: 13px; padding-right: 40px;  }
.filter_section .checkbox{ margin: 5px 0;     font-size: 11px; }
.filter_section .checkbox input{ margin-right: 5px; float:left; }
.filter_section .checkbox span{ float: left; width: 65%; }
.filter_section .checkbox label{ width: 100%; margin: 0px; cursor: pointer; 


}
.reports_sec table tr th{ cursor: pointer; }

.reports_sec table.dataTable th, .reports_sec table.dataTable td{ position: relative; }


.reports_sec table.dataTable th span{  }

.checkbox_height::-webkit-scrollbar {width: 4px;}
.filter_section  {
    width: 200px;
    margin-left: -40px;
}

.filter_section.filter_section1  {
    width: 270px;
    margin-left:0px;
}
.filter_section.filter_section10  {
    width: 150px;
    margin-left:-60px;
}
.reports_sec table.dataTable th span.click_area {
    background: red;
    width: 84%;
    height: 40px;
    z-index: 9999;
    display: block;
}




.sortMask {
    width:19px;
    height:19px;
    float:right;
    display:inline-block;
    z-index:9;
    margin-right: -19px;
	position: relative;

}





table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{ bottom: 17px; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{ bottom: 17px; }

.input_sec{ position:relative; width: 100%; }
.input_sec img{ position: absolute; right: 0px;  top: 7px; }



.btn_ok{ background: #324c9b; border-radius: 0px; color:#ffffff; border: 1px solid #324c9b; padding: 3px 15px; font-size: 12px; margin-right: 10px;  }
.btn_cancel{ background: #ffffff; border-radius: 0px;  border: 1px solid #a4a4a4; color:#a4a4a4;  padding: 3px 15px; font-size: 12px;  }


.search_icon {
    position: absolute;
    z-index: 9999;
    right: 20px;
    top: 16px;
}



.filter_section.filter_section1 .fs-wrap.multiple .fs-checkbox{ top: -4px; }
*/
/* advance Search fiter end*/


.report_form{ padding-left:0px; padding-right:0px; }
.report_form label{ margin:0px; padding-right:15px; font-weight:bold; }
.report_form label.report_type{ min-width:85px; }
.report_form .value_total {
    position: absolute;
    left:182px;
    top: 8px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}
#error {
    color: Red;
    font-weight: 200;
    font-size: 16px;    
}

div#ChartView .highcharts-figure, 
div#ChartView div#container {
    max-width:100%; width:100%!important;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 700px;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
/*--------------------------------------*/

.font-weight-bold {  font-family: 'Roboto Bold'; font-weight: normal; }
button.closeInBlue { margin: 0!important; color:#2680EB!important;  background-color: transparent!important;  padding: 0!important; line-height:normal!important;}
.daywisechartClick li a{ border: 1px solid #707070; color: #333333; font-size: 11px; overflow: hidden; }
.daywisechartClick li a.selected {	background: #2680EB; color: #fff!important; border: 1px solid #2680EB;}
.chartViewTab li a { border:none!important; height: 33px; border-radius: .25rem; padding: .5rem .7rem; color:#000!important;font-size:18px;}
.chartViewTab li { margin-bottom: 0!important; }
.chartViewTab li a.active {	background: #2680EB!important; color: #fff!important; }
.chartIcon { color: #2680EB!important;  font-size: 17px;}
body.reports_sec.modal-open { padding-right: 0!important; }
#lineChartModal { padding-right: 0!important; }
#lineChartModal .modal-dialog  { max-width: 800px;}
table.chartTable tr td {padding: 2px 5px;}
table.chartTable tr td > table tr td { border-bottom: 1px solid #eee;  padding: 7px 5px;}
table.chartTable tr   td.borderleftDashed {border-left: 1px dashed #ddd;}

/*
.graphBody {
    position: absolute;
    z-index: 1;
    top: 26px;
    min-width: 100px;
    margin-left: -50px;
    visibility: hidden;
    opacity: 0;
    display: block;
    transform-origin: top;
    transform: scale(1, 0);
	transition: .2s;
}
.displayGraph:hover .graphBody {
	 transform: scale(1, 1);  visibility: visible;
    opacity: 1;
}
.graphBody:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
}


.graphBody {
    position: absolute;
    z-index: 1;
    top: 26px;
    min-width:70px;
    margin-left: -25px;
    visibility: hidden;
    opacity: 0;
    display: block;
    transform-origin: top; border-radius:5px;  
    transform: scale(1, 0);
	transition: .2s;
}
*/


.displayGraph:hover .graphBody {
	 transform: scale(1, 1);  visibility: visible;
    opacity: 1;
}
.graphBody:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
}

.highcharts-container  {  margin-bottom: -10px; margin-top: -13px;} 
.graphIcon {  height:21px; width:23px; 	 background: url("../images/graphIconhover.png") no-repeat; display:block; } 
.displayGraph:hover .graphIcon {	background-position:-23px 0;} 

.modal-body .popover-body { padding: 0; }
.modal-body .popover {     border: none;    box-shadow: 0 5px 6px rgba(0,0,0,.2);}




/*.switcherBUtton.switcherBUtton 27 nov 2020*/
.switcherBUtton {
   left: 2%;
    position: absolute;.dataTables_length label select
    z-index: 1;
    padding-top: 8px;
}

.switcherBUtton span {
    display: inline-block;
    margin: 0 10px;
}

.onoff input[type=checkbox] { opacity: 0; }
.onoff {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
   
   
    position: relative;
    width: 55px;
    height: 29px;
    line-height: 30px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onoff label {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    height: 16px;
    cursor: pointer;
    background: #b3d7ff;
    border-radius: 30px;
    font-weight: bold;
    color: #FFF;
    transition: background 0.3s, text-indent 0.3s;
    text-indent: 27px;
}
.onoff label:after {
    content: 'NO';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    font-size: 12px;
    opacity: 0;
    color: #591717;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
    z-index: 1;
}
.onoff label:before {
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 30px;
    background: #28aceb;
    position: absolute;
    z-index: 2;
    top: -5px;
    left: 0px;
    display: block;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.onoff input:checked + label {
    background: #b3d7ff;
    text-indent: 8px;
    margin: 0;
}

.onoff input:checked + label:after {
 
  color: #091707;     background: #14a5e9;
}
.onoff input:checked + label:before {
    left: 32px;
    background: #14a5e9;
}

/*.switcherBUtton.switcherBUtton 27 nov 2020*/

.searchnote
{
    position: absolute;
    right: 12%;
    padding-top: 58px;
    font-weight: bold;
    color: #093aa7;
    font-size: 11px;
    overflow-wrap: break-word;
    max-width: 35%;
   /* top:-9px;*/

     top: 43px;
    font-size: 12px;
    background-color: #dce8f4;
    background-image: url(/Content/x.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding: 5px;
    border-radius: 5px 5px 5px;
}



.toggleSwitchWrap {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;background: #2d4ba2;
  border-radius: 16px;
  width: 55px;
  height: 22px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before, .toggle-switch:after {
  content: "";
}
.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 4px;
  transition: left 0.25s;
}
.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggle-checkbox:checked + .toggle-switch {
  background: #2d4ba2;
}
.toggle-checkbox:checked + .toggle-switch:before {
  left: 36px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

span.excelLebel {
    float: right;
    color: #858585;
    max-width: 111px;
    text-align: left;
    font-size: 11px;
    line-height: -1px;
    margin-top: 0px;
    margin-left: 29px;
}

span.excelLebelDv360 {
    float: right;
    color: #858585;
    max-width: 111px;
    text-align: left;
    font-size: 11px;
    line-height: -1px;
    margin-top: 0px;
    margin-left: 29px;
}



.dataTables_length label {
    position: relative;
    padding-right: 64px;
    padding-top: 2px !important;
}

.dataTables_length label select {
    position: absolute;
    top: -5px;
    right: 0;
}

.dataTables_length {
    padding-top: 6px;
}
/*=============================== Tabular Calendar Start ==========================================*/
.calanderTableWrapper td {
    background: #f7f7f7; border: 4px solid #fff;width:146px;
}
.calanderTableWrapper td em {
    font-style: normal;
}

.calanderInnerData span {
    display: block;    color: #545454;
}

.calanderInnerData em {
    display: block;
    text-align: right;    color: #a5a5a5;
}

.calanderTableWrapper td{
    border: 4px solid #fff;
}


.calanderTableWrapper th {
    background: #ebf4ff;
}
.calanderTableWrapper th,.calanderTableWrapper td {
    padding: 5px;
    font-size: 0.75rem;
}
.calanderMonthHeading {
    font-weight: bold;
    color: #a5a5a5;
    margin-bottom: 5px;
}

.calanderMonthHeading img {
    margin-left: 5px;
}

.calanderMonthsWrap + .calanderMonthsWrap {
    margin-top: 30px;
}

.calanderMonthsMainWrap {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
/*=============================== Tabular Calendar End ==========================================*/
.graphBody {
    position: absolute;
    z-index: 1;
    top: 26px;
    min-width: 380px;
    margin-left: -180px;
    visibility: hidden;
    opacity: 0;
    display: block;
    transform-origin: top;
    transform: scale(1, 0);
               transition: .2s;
}
.displayGraph:hover .graphBody {
               transform: scale(1, 1);  visibility: visible;
    opacity: 1;
}
.graphBody:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
}

.graphBody {min-width: 72px;
    width: 72px;
    padding: 0 !important;
    margin-left: -36px;
    left: 50%;border-radius: 4px;
    
}

.graphBody .highcharts-crosshair{display: none;}


.dataTables_wrapper table tbody tr:nth-child(7) td .graphBody,
.dataTables_wrapper table tbody tr:nth-child(8) td .graphBody,
.dataTables_wrapper table tbody tr:nth-child(9) td .graphBody,
.dataTables_wrapper table tbody tr:nth-child(10) td .graphBody,
.dataTables_wrapper table tbody tr:last-child td .graphBody
{top: -58px;}


.dataTables_wrapper table tbody tr:nth-child(7) td .graphBody:before,
.dataTables_wrapper table tbody tr:nth-child(8) td .graphBody:before,
.dataTables_wrapper table tbody tr:nth-child(9) td .graphBody:before,
.dataTables_wrapper table tbody tr:nth-child(10) td .graphBody:before,
.dataTables_wrapper table tbody tr:last-child td .graphBody:before
{display: none;}

.dataTables_wrapper table tbody tr:nth-child(7) td .graphBody:after,
.dataTables_wrapper table tbody tr:nth-child(8) td .graphBody:after,
.dataTables_wrapper table tbody tr:nth-child(9) td .graphBody:after,
.dataTables_wrapper table tbody tr:nth-child(10) td .graphBody:after,
.dataTables_wrapper table tbody tr:last-child td .graphBody:after
{
	
	
      border-left: 6px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #ffffff;
	 content: '';
    position: absolute;
    width: 0;
    height: 0;
      left: 50%;
    margin-left: -7px;
	   
	
}

.graphBody .highcharts-container {border-radius:4px;}

@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms;}
.loader__dot:nth-child(3) { animation-delay: 500ms }
.refresh{
    padding-left: 25px;
    opacity: .6;
    width: 11%;
    padding-bottom: 7px;
}
.loginrefresh {
   /* padding-left: 25px;*/
    opacity: .6;
    width: 11%;
    padding-bottom: 7px;
}
.maxchar span {
    display: inline-block;
    width: fit-content;
    white-space: break-spaces;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-height: 29px;
    margin-top: 0 !important;
    display: -webkit-box !important;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

}


.maxchar span {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}
.maxchar span[title]:hover:after {
  content: attr(title);
  position: absolute;
  top: -100%;
  left: 0;
  background:red;  
  
}
.tooltip-inner{max-width:500px; width:inherit;}

/**.................new css added 9aug 2023...................*/

.complienceCheckBtn {
    color: #fff !important;
    border-color: #9261c4 !important;
    background: #9261c4 !important;
}

span.complienceCheckIcon {
    background: url("../images/complienceCheckIcon.png") no-repeat;
    background-size: contain;
}

.innerFile {
    border: 2px dashed #d7d7d7;
    padding: .8rem;
}

.customFileUplod {
    background: #f0f0f0;
    border: 1px solid #c1c1c1;
    padding: .5rem !important;
    text-align: center;
    position: relative;
}

body.fileFocus .is-active .innerFile {
    border: 2px dashed #000;
}

span.fileIcon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/fileUploadIcon.svg) no-repeat;
    background-size: 100%;
    margin: 5px 0;
    cursor: pointer !important;
}

a.selectBtn {
    background: #00a8c1;
    color: #fff;
    padding: 9px 15px;
    position: relative;
    z-index: 1;
    display: inline-block;
    word-break: break-word;
}

.customFileUplod input.form-control {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 1;
}

.afterUpload {
    padding: .5rem;
}

.customFileUplod svg {
    width: 40px;
    display: block;
    margin: 20px auto 0;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .path.circle {
        -webkit-animation: dash 0.9s ease-in-out;
        animation: dash 0.9s ease-in-out;
    }

    .path.check {
        stroke-dashoffset: -100;
        -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
        animation: dash-check 0.9s 0.35s ease-in-out forwards;
    }

p.success {
    color: #00a8c1;
}


@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

.tooltip-inner {
    font-size: 11px;
}

.form-control {
    font-size: 12px;
}

.w-15 {
    width: 16% !important;
}

.dateRange {
    background: url(../images/calanderIcon.png) no-repeat 96% center;
}

.text_link_tb {
    text-decoration: underline;
    color: #666666;
}

.hide {
    display: none !important;
}
/**.................new css added 9aug 2023...................*/
.multiselect_wrap button.btn.dropdown-toggle, .multiselect_wrap button.btn.dropdown-toggle:focus {
    background: transparent;
    font-size: 12px;
    border-color: #dee2e6;
    outline: none !important;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #212529;
    padding: 6px 12px;
}

.multiselect_wrap .bootstrap-select .dropdown-menu li a {
    font-size: 12px;
}