@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');

body{font-family: 'Open Sans', sans-serif;}
img{max-width: 100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.container-fluid{max-width: 1920px;}
.header-top-area {background: #071273;}
.logo-area img{max-width: 250px;}
.navigation-area{background: #434da4;}
.main-nav .nav-pills .nav-item{margin-right: 25px;}
.main-nav .nav-pills .nav-link{border-radius: 12px 12px 0 0;font-size: 20px;padding: 11px 30px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 500;background: #071273;color: #fff;}

.main-nav .nav-pills .nav-link.active,.main-nav .nav-pills .nav-link:hover{background: #fff;color: #071273;}

.dashboard-wrap{background: #eaebf9;}
.dashboard-search-inner > *{display: inline-block;}
.dashboard-search-inner > .search-icon{cursor: pointer;}
.ui-autocomplete{width: auto !important;list-style-type: none;background: #fff;padding: 15px;max-width: 250px; box-shadow: 0 7px 8px 0 rgba(0,0,0,0.2);}
.dashboard-search-inner .ui-autocomplete-multiselect.ui-state-default{display: inline-block; vertical-align: middle;border: 0;width: auto !important;}
.ui-autocomplete .ui-menu-item{padding: 5px;}
.dashboard-search-inner .ui-autocomplete-multiselect input{width: auto !important; display: inline-block;}
.dashboard-search-inner ul{margin-bottom: 0;}
.dashboard-search-inner ul li{display: inline-block; list-style-type: none;margin-right: 15px;}
.dashboard-search-inner ul li a{display: inline-block;padding: 11px 20px 12px 20px;border-radius: 10px;background-color: #e0e3fd;position: relative;
color: #000000;font-size: 22px;line-height: 1;}
.dashboard-search-inner ul li .close-icon{position: absolute;right: 1px;top: -2px;color: #fff;font-size: 8px;width: 12px;height: 12px;border-radius: 50px;background-color: #444ea5;padding: 1px 4px;text-align: center;}

.dashboard-search-inner .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item{display: inline-block;padding: 11px 20px 12px 20px;border-radius: 10px;background-color: #e0e3fd;position: relative;color: #000000;font-size: 22px;line-height: 1;}
.dashboard-search-inner .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon{position: absolute;right: 1px;top: -2px;color: #fff;font-size: 8px;width: 12px;height: 12px;border-radius: 50px;background-color: #444ea5;padding: 1px 4px;text-align: center;}

.serach_deta{margin-top: 20px;}
.serach_deta .table .thead-dark th{background: #434da4;border: 0;font-size: 19px;font-weight: 500;}
.serach_deta .table tr td,.serach_deta .table tr th{padding: 15px 20px;border-color: #eaecfa;border-width: 2px;cursor: pointer;}
.serach_deta .table tr td{color: #000;}
.serach_deta .table .arrows{display: inline-flex;flex-direction: column;align-content: baseline; margin-left: 5px;vertical-align: middle;cursor: pointer;}

.dashboard-right,.sidebar-wrap{background: #e0e3fd;}

.wb-traffic-inner {min-height: 220px;align-items: center;display: flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.wb-traffic-inner h3{text-align: center; font-size: 30px;color: #000; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 25px;width: 100%;}
.tarrif-btm > span{display: flex;margin-bottom: 10px; font-size: 28px; color: #000;line-height: 1;font-weight: 600;align-items: center;justify-content: center;}
.tarrif-btm > span.count{font-weight: 700; font-size: 60px;}
.tarrif-btm > span img{height: 40px;margin-right: 15px;}
.wb-traffic-inner.bg-purpul{background: #c6beec;}
.wb-traffic-inner.bg-blue{background: #c8caf9;}
.wb-traffic-inner.bg-pink{background: #d5cbe2;}
.wb-traffic-inner.bg-green{background: #cdd9e4;}


.left-sidebar-wrap{background: #dfe2fd;}
.left-sidebar .filter-head{padding: 0; position: relative; padding-left: 80px;margin-bottom: 30px;color: #071174;}
.left-sidebar .filter-head .fa{font-size: 42px;display: inline-block; position: absolute; left: 20px; top: 0;}
.left-sidebar .filter-head h4{color: #071174; font-size: 30px; font-weight: 700; }

.left-sidebar .card{border: 0; background: none;margin-bottom: 25px;}
.left-sidebar .card-header{padding: 0; border: 0;background: none;}
.left-sidebar .card-header h2{font-size: 22px;color: #071174; font-weight: 700;}
.left-sidebar .card-header .btn{font-size: 22px;color: #071174;font-weight: 700;padding: 10px 0 10px 80px;position: relative;text-decoration: none;border: 1px solid #071274;border-radius: 0 !important;}
.left-sidebar .card-header .btn img{position: absolute;left: 15px;max-width: 45px;top: 0;bottom: 0;margin: auto;height: 30px;}
.left-sidebar .card-header .btn .coll-arrow{position: absolute;right: 0;top: 0;bottom: 0;width: 60px;text-align: center;background: #071274;
display: inline-block;}
.left-sidebar .card-header .btn .coll-arrow:before{position: absolute;content: "";background: url(../images/up-arrow.png) no-repeat center center;width: 38px;height: 25px;display: inline-block;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-size: 30px;}
.left-sidebar .card-header .btn.collapsed .coll-arrow:before{position: absolute;content: "";background: url(../images/down-arrow.png) no-repeat center center;width: 38px;height: 25px;display: inline-block;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-size: 30px;}

.left-sidebar .card-body .field-title{font-size: 22px;color: #071174;font-weight: 700;margin-bottom: 20px;}


.left-sidebar .card-body .field-info{margin-bottom: 20px;}
.left-sidebar .card-body .fields-content .field-info:last-child{margin-bottom: 0;}
.left-sidebar .card-body .field-info label{position: relative;vertical-align: middle;display: inline-block;font-size: 17px;color: #000;}
.left-sidebar .card-body .field-info.radio-btn label{position: relative;vertical-align: middle;display: inline-block;width: 33.33%;margin-right: -4px;width: 33.33%;margin-right: -4px;font-size: 17px;color: #000;}
.left-sidebar .card-body .field-info.radio-btn label input[type="radio"]{-webkit-appearance: none;appearance: none;width: 20px;height: 20px;background: #fff; border-radius: 50px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);vertical-align: middle;margin-top: -6px;margin-right: 10px;position: relative; cursor: pointer;}

.left-sidebar .card-body .field-info.radio-btn label input[type="radio"]:before{background: #071174; width: 12px; height: 12px;content: ""; top: 0; bottom: 0; left: 0; right: 0; position: absolute;border-radius: 50px;margin: auto;opacity: 0;}
.left-sidebar .card-body .field-info.radio-btn label input[type="radio"]:checked:before{opacity: 1;}



.left-sidebar .card-body .field-info.checkbox-btn label{width: 100%;padding-left: 30px;margin-bottom: 15px;}
.left-sidebar .card-body .field-info.checkbox-btn label input[type="checkbox"]{-webkit-appearance: none;appearance: none;width: 20px;height: 20px;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);vertical-align: middle;margin-top: -6px;margin-right: 10px;cursor: pointer;position: absolute;left: 0;top: 10px;}

.left-sidebar .card-body .field-info.checkbox-btn label input[type="checkbox"]:before{background: #071174; width: 12px; height: 12px;content: ""; top: 0; bottom: 0; left: 0; right: 0; position: absolute;margin: auto;opacity: 0;}
.left-sidebar .card-body .field-info.checkbox-btn label input[type="checkbox"]:checked:before{opacity: 1;}

.left-sidebar .sidebar-btn{text-align: center;padding: 25px 15px 15px 15px;display: table;width: 100%;border-top: 1px solid #071174;border-radius: 0;}
.left-sidebar .sidebar-btn .btn{display: inline-block;background: #071174;font-size: 17px;font-weight: 600;padding: 10px 20px;border-radius: 5px;
color: #fff; border: 2px solid #071174;}
.left-sidebar .sidebar-btn .btn:hover{background: none;color: #071174;}

.left-sidebar .sidebar-btn .btn.btn-reset{background: none; color: #071174;  border: 0;}
.graphright-head .tarrif-btm.bg-blue{background: #cfc5e8; padding: 12px 20px;}
.graphright-head .tarrif-btm.bg-pink{background: #ded3df; padding: 12px 20px;}

.graphright-head .tarrif-btm > span.count{margin: 0;font-size: 42px;}
.graphright-head .tarrif-btm > span img{height: 25px;}
.graphright-head .title{font-weight: 600;}

.analytics-graph {}
.analytics-graph .calendar{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-align: center !important;
-ms-flex-align: center !important;align-items: center !important;margin-bottom: 15px;}
.analytics-graph .calendar .date-picker{background: #eff2f8; border-radius: 5px; float: left;cursor: pointer;}
.calendar .date-picker input#daterange{border: 0;background: none;font-weight: 500;}
.analytics-graph .graph-type{ margin-left: auto !important; }
.analytics-graph .graph-type ul{padding: 0; margin: 0;}
.analytics-graph .graph-type ul li{list-style-type: none;display: inline-block;padding: 4px 12px;background: #fff;border-radius: 5px;margin-left: 10px;font-weight: 500;font-size: 15px;cursor: pointer;}
.analytics-graph .graph-type ul li.active{background: #434DA4; color: #fff;}
.canvasjs-chart-credit{display: none;}

.left-sidebar .ui-autocomplete-multiselect.ui-state-default{display: inline-block;vertical-align: middle;border: 0;width: 100% !important;
border-radius: 50px;padding: 9px 30px;}
.left-sidebar .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item{display: inline-block;padding: 5px 12px 7px 12px;border-radius: 10px;background-color: #e0e3fd;position: relative;color: #000000;font-size: 15px;line-height: 1;}

.left-sidebar .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon{position: absolute;right: 1px;top: -2px;
color: #fff;font-size: 8px;width: 12px;height: 12px;border-radius: 50px;background-color: #444ea5;padding: 1px 4px;text-align: center;}

.left-sidebar .ui-autocomplete-multiselect input{width: 150px !important;display: inline-block;margin: 0 0 0 10px;}

.ui-autocomplete .ui-menu-item{cursor: pointer; }
.ui-autocomplete .ui-menu-item:hover{background-color:  #e0e3fd;}


.left-sidebar .card-body .field-info.two-column.number-input{margin: 0 -10px;margin-bottom: 20px;}
.left-sidebar .card-body .field-info.two-column.number-input label{width: 50%;margin-right: -4px;padding: 0 10px;}

.field-info.number-input label input{width: 50%;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);border: 0;height: 40px;}
.field-info.number-input label > span{width: 50%;display: inline-block; margin-right: -5px;font-size: 14px;}

@media screen and (max-width: 1399px) {
.wb-traffic-inner{min-height: 175px;}
.wb-traffic-inner h3{font-size: 26px;margin-bottom: 15px;}
.tarrif-btm > span.count{font-size: 45px;}
.tarrif-btm > span{font-size: 23px;}
.tarrif-btm > span img{height: 30px;}

.left-sidebar .card-header .btn,.left-sidebar .card-body .field-title{font-size: 17px;}

.left-sidebar .card-header .btn{padding-left: 50px;}
.left-sidebar .card-header .btn img{max-width: 30px;height: 20px;}

.left-sidebar .card-header .btn .coll-arrow{width: 40px;}
.left-sidebar .card-header .btn.collapsed .coll-arrow::before {background-size: 20px;}

.left-sidebar .card-body .field-info.radio-btn label{font-size: 14px;}
.left-sidebar .card-body .field-info.radio-btn label input[type="radio"]{margin-right: 5px}



}