@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
body{font-family: 'Open Sans', sans-serif;}
.clear{clear:both;display:block;width:100%;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
sup{vertical-align:0;position:relative;top:-0.25em;}
/******Form Fields******/
/**Error msg**/
.error{font-size:12px !important;line-height:14px !important;color:#f7003a !important;margin:5px !important;display:block;text-transform:none !important;font-weight:400 !important;text-align:left;}
/**Input text field**/
input[type="text"],input[type="password"],input[type="file"]{font-family: 'Open Sans', sans-serif;color:#3b525e !important;font-size:14px !important;border-radius:5px;border:1px solid #f0f0f0;padding:6.5px 10px 6.5px 10px;background:#ffffff;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;-webkit-appearance:none;margin:0 !important;}
input[type="text"]:disabled{background:#f0f0f0;border:1px solid #f0f0f0;-webkit-text-fill-color:#3b525e;opacity: 1;}
::-webkit-input-placeholder{color:#3b525e;opacity:0.5;}
:-ms-input-placeholder{color:#3b525e;opacity:0.5;}
::placeholder {color:#3b525e;opacity:0.5;}
/**TextArea**/
textarea{font-family:'Open Sans', sans-serif;color:#3b525e;font-size:14px;border-radius:5px;border:none;padding:6.5px 10px;background:#fffff;border:1px solid #f0f0f0;height:100px;resize:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;-webkit-appearance:none;}
textarea:disabled{background:#f0f0f0;border:1px solid #f0f0f0;-webkit-text-fill-color:#3b525e;opacity: 1;}
/**Input select field**/
select{font-family: 'Open Sans', sans-serif;color:#3b525e;font-size:14px;border-radius:5px;border:none;padding: 6.5px 25px 6.5px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/drop-down.svg) right no-repeat #ffffff;background-size:25px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border:1px solid #f0f0f0;width:100%;}
select::-ms-expand{display:none;}
select option{background:#ffffff;border:none;color:#3b525e;font-family:'Open Sans', sans-serif;padding:7.5px 0;font-size:14px;}
select option:disabled{background:#f5f7fa;color:#7e7e7e;}
select:disabled{background:url(../images/drop-down.svg) right no-repeat #eaeaea;background-size:25px;-webkit-text-fill-color:#3b525e;opacity:1;}
@media screen and (min-width:0\0){select {background:none\9;padding: 5px\9;}}
/**Input checkbox**/
.checkBoxStyle{display:block;position:relative;padding-left:20px !important;cursor:pointer;font-size:14px;line-height:14px;color:#3b525e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left !important;}
.checkBoxStyle input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:0;left:0;height:13px;width:13px !important;border-radius:5px;background-color:#ffffff;border:1px solid #f0f0f0;}
.checkBoxStyle:hover input ~ .checkmark {background-color:#ffffff;border:1px solid #27aae1;}
.checkBoxStyle input:checked ~ .checkmark {background-color:#27aae1;border:1px solid #27aae1;}
.checkmark:after {content:"";position:absolute;display:none;}
.checkBoxStyle input:checked ~ .checkmark:after{display: block;}
.checkBoxStyle .checkmark:after{left:4px;top:2px;width:3px;height:6px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.formFields .checkBoxStyle{line-height:16px;}
/*Input radio*/
[type="radio"]:checked, [type="radio"]:not(:checked){position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position:relative;padding-left:20px;cursor:pointer;line-height:15px;display:inline-block;color:#3b525e;font-size:14px;font-weight:400;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before{content: '';position: absolute;left: 0;top: 0;width: 12px;height: 12px;border: 1px solid #e9edf3;border-radius: 100%;background: #ffffff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after{content: '';width:5px;height:5px;border:5px solid #27aae1;background:#ffffff;position: absolute;top:0;left:0;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/**Submit Button**/
input[type=submit],input[type=button],input[type=reset]{cursor:pointer;-webkit-appearance:none;border-radius:5px;width:auto;border:none !important;font-family: 'Open Sans', sans-serif;}
/**Note msg**/
.note{font-size:10px;line-height:12px !important;color:#ffffff;margin:0 5px 5px 5px;display:block;}
/**Buttons style**/
.commonBtn{background:#0061af;color:#ffffff;text-align:center;font-size:14px;line-height:14px;padding:10px 15px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;margin-bottom:5px;}
.upload{width:100%;position:relative;overflow:hidden;font-size:0;}
.upload input[type=file]{width:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;background:none !important;border:none !important;}
.upload input[type=text]{background:none !important;border:none !important;display:inline-block;}
.upload .commonBtn{display:inline-block;vertical-align:middle;width:100px !important;background:#27aae1;}
.upload label{display:inline-block;font-size:14px;line-height:18px;color:#3b525e;vertical-align:middle;width:calc(100% - 101px);}
/**Popup**/
@-webkit-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
.modal-open{overflow: hidden;}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display: none;overflow:auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;outline: 0;-webkit-animation:popupAnim 2s;-moz-animation:popupAnim}
.modal-dialog:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden;}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.vertical-alignment-helper{display:table;height:100%;width:100%;pointer-events:none;}
.vertical-align-center{display:table-cell;vertical-align:middle;pointer-events:auto;}
.modal-dialog{position:relative;width:auto;}
.modal-content{position:relative;background-color:#ffffff;background-clip:padding-box;width:95%;max-width:475px;height:auto;margin:0 auto;border-radius:5px;
outline: none;z-index:2998;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2999;background-color: #000;}
.modal-open .modal-backdrop{backdrop-filter: blur(5px);background-color: rgba(0, 0, 0, 0.8);opacity: 1 !important;}
.modal-backdrop.fade{filter:none;opacity: 0;}
.modal-backdrop.in{filter:none;opacity: .8;}
.modal-body{position: relative;width:100%;padding:20px 0;}
.closePopUpBtn{display:block;position:absolute;top:24px;right:20px;}
.closePopUpBtn img{width:22px;}
.modal-body .modal-header{width:100%;border-bottom:1px solid #e8ebf0;padding-bottom:14px;margin-bottom:14px;}
.modal-body h1{color:#3b525e;font-size:20px;line-height:24px;text-align:left;width:calc(100% - 40px);margin:0 20px;}
.modal-body h1.center{text-align:center;}
.modal-body .container{width:calc(100% - 40px);margin:0 20px;color:#3b525e;font-size:13px;line-height:18px;}
.modal-body .container .fieldName{color:#3b525e;font-weight:600;margin:5px 0;padding:0;font-size:14px;line-height:18px;display:block;text-align:left;}
.modal-body .container p{margin:0 0 10px 0;color:#3b525e;font-size:14px;line-height:18px;text-align:left;}
.modal-body .container p.center{text-align:center;}
.modal-body .container .groupBtn{font-size:0;}
.modal-body .container .groupBtn .col{display:inline-block;width:49.5%;vertical-align:top;margin-bottom:10px;margin-right:0.5%;}
.modal-body .container .groupBtn .col:nth-of-type(even){margin-left:0.5%;margin-right:0;}
.modal-body .container .commonBtn{display:block;}
/**Main Menu**/
/****LEFT SLIDER MENU****/
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper #show-sidebar{display:block;}
.page-wrapper #close-sidebar{display:none;}
/*----------------page-wrapper----------------*/
.page-wrapper{height: 100vh;}
.page-wrapper .theme{ width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px;}
.page-wrapper .theme.chiller-theme{background:#aaaaaa;}
/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .sidebar-wrapper{left:0px;}
.page-wrapper.toggled #show-sidebar{display:none;}
.page-wrapper.toggled #close-sidebar{display:block;}
@media screen and (min-width: 800px) {
  .page-wrapper.toggled .page-content{padding-left:295px;width:calc(100% - 295px);}
  .page-wrapper.toggled .page-content .header{width:calc(100% - 355px);}
}
@media screen and (max-width: 800px) {
  .page-wrapper.toggled .page-content{margin-left:294px;width:100%;}
  .page-wrapper.toggled .page-content .header{width:calc(100% - 60px);}
}
/*----------------sidebar-wrapper----------------*/
.sidebar-wrapper{ width:295px;height:100%;max-height:100%;position:fixed;top:0;left:-295px;z-index:999;}
.sidebar-wrapper a{text-decoration: none;}
/*----------------sidebar-content----------------*/
.sidebar-content{max-height: 100%;height: 100%;overflow-y: auto;position: relative;}
.sidebar-content.desktop{overflow-y: hidden;}
/*--------------------sidebar-brand----------------------*/
.sidebar-wrapper .sidebar-brand{padding:10px 20px;display:flex;align-items:center;}
.sidebar-wrapper .sidebar-brand > a {text-transform: uppercase;font-weight: bold;flex-grow: 1;}
.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size: 20px;}
.companyLogo{display:inline-block;width:calc(100% - 13.75px);}
/*--------------------sidebar-Account----------------------*/
.sidebar-wrapper .sidebar-account{padding:15.5px 20px;position:relative;}
.sidebar-wrapper .sidebar-account p{color:#ffffff;font-size:14px;line-height:20px;width:calc(100% - 25px);}
.sidebar-wrapper .sidebar-account p strong{color:#ffe600;font-size:16px;font-weight:600;}
.sidebar-wrapper .sidebar-account .editAcct{position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.sidebar-wrapper .sidebar-account .editAcct img{width:22px;}
/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu{padding:20px 0;}
.sidebar-wrapper .sidebar-menu ul{width:100%;}
.sidebar-wrapper .sidebar-menu ul li{display:block;width:calc(100% - 40px);border-left:4px solid rgba(255,255,255,0);padding:0 20px 0 15px;margin-bottom:5px;}
.sidebar-wrapper .sidebar-menu ul li a{display:block;font-size:16px;line-height:20px;padding:12.5px 0;color:#aaaaaa;width:100%;}
.sidebar-wrapper .sidebar-menu ul li a::before{content:'';padding-left:35px;}
.sidebar-wrapper .sidebar-menu ul li.iconDashboard a::before{background:url("../images/icon-dashboard.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconDashboard:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconDashboard.active a::before,
.DASHBOARD .sidebar-wrapper .sidebar-menu ul li.iconDashboard a::before{background:url("../images/icon-dashboard-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconDownload a::before{background:url("../images/icon-download.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconDownload:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconDownload.active a::before,
.DOWNLOADS .sidebar-wrapper .sidebar-menu ul li.iconDownload a::before{background:url("../images/icon-download-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconUsers a::before{background:url("../images/icon-users.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconUsers:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconUsers.active a::before,
.USERS .sidebar-wrapper .sidebar-menu ul li.iconUsers a::before{background:url("../images/icon-users-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.dd a{background:url("../images/menu-dd.svg")no-repeat right center;background-size:22px;}
.sidebar-wrapper .sidebar-menu ul li.dd:hover a,
.sidebar-wrapper .sidebar-menu ul li.dd.active a{background:url("../images/menu-dd-mo.svg")no-repeat right center;background-size:22px;}
.sidebar-wrapper .sidebar-menu ul li .subMenu{display:none;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li{width:100%;border-left:none;padding:0;margin-bottom:0;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a::before{background:none !important;padding-left:0;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a{background:none !important;padding:5px 0;font-size:14px;color:#fff !important;font-weight:400 !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a:hover{color:#ffe600 !important;font-weight:600 !important;}
/*--------------------------side-footer------------------------------*/
.sidebar-footer{position:absolute;width:100%;bottom:0;display:flex;}
.sidebar-footer p{color:#ffffff;font-size:10px;line-height:14px;width:calc(100% - 20px);padding:10px;}
/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content {display:inline-block;width:100%;padding-left:0px;padding-top:0;}
/*-----------------------------chiller-theme-------------------------------------------------*/
.chiller-theme .sidebar-wrapper{background:#0061af;}
.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-menu{border-top: 1px solid #0061af;}
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a{color:#fff;}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li.active a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i,
.DASHBOARD .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconDashboard a,
.DOWNLOADS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconDownload a,
.USERS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconUsers a{color:#ffe600;font-weight:600;}
.page-wrapper.chiller-theme.toggled #close-sidebar{color:#3b525e;}
.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#ffffff;}
.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i{color:#ffffff;text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div{background:#3a3f48;}
.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88;}
.chiller-theme .sidebar-footer{background:#3a3f48;border-top:1px solid #464a52;}
.chiller-theme .sidebar-footer>a:first-child{border-left:none;}
.chiller-theme .sidebar-footer>a:last-child{border-right:none;}
.USERS #relUsers{display:block;}

/**CHARTS**/
#container {
    height: 450px;
}
.highcharts-figure,
.highcharts-data-table table {
    width: 100%;
    margin: 1em auto;
}
.highcharts-data-table table {
    font-family: 'Open Sans', sans-serif;
    border-collapse: collapse;
    border: 1px solid #e6e6e6;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #666;
}
.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 tbody tr:nth-child(even) {
    background: #f7f7f7;
}
.highcharts-description {
    margin: 0.3rem 10px;
}