.loading{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999999;
}
.loading img{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
body{
    background: #f7f7f7;
    font-family: 'Muli', sans-serif;
    font-size:14px;
}
.tabTab.mt--20{
    margin-top:-20px;
}
.fs-16{
    font-size:16px;
}
.fs-15{
    font-size:15px;
}
.fs-13{
    font-size:13px;
}
.fs-11{
    font-size:11px !important;
}
h1,h2,h3{
    font-size:18px;line-height: 18px;
}
h4,h5{
    font-size:17px;line-height: 17px;
}
a{
    color:#3498db;
}
a:hover{
    color:#2980b9;
}
.fa.fa-check, .check{
    color:#27ae60;
}
.fa.fa-ban, .ban,.required{
    color:#c0392b;
}
a:hover,a:focus,button:focus{
    outline: none !important;
    text-decoration: none !important;
}
.alertify-logs{
    z-index: 999999999999;
}
.alertify-logs.top {
    top: 125px;
}
.br12{
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.t3s{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.left-0{
    left:0;
}
.left-a{
    left: auto;
}
ul{
    padding: 0;
    list-style: none;
}

/* HEADER */
header{
    background: #ffffff;
    padding: 10px 0 0;
    margin-bottom: 20px;
}

/* HEADER TOP */
header .top .left-section .logo img{
    max-width: 125px;
}
header .top .right-section .hsButton{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 10px;
    background: #313131;
    color: #e3e3e3;
    line-height: 32px;
    padding: 0px 13px;
}
header .top .right-section .hsButton a{
    color:#fff;
    font-weight: 700;
    display:  block;
}
header .top .right-section .hsButton .dropdown-menu a {
    color:#313131;
    font-size: 11px;
    padding: 0px 15px;
}
header .top .right-section .hsButton img{
    max-width:18px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
header .top .right-section .hsButton:hover{
    background-color: #525252;
}
header .top .right-section .userSettings{
    width: 32px;
    text-align: center;
    margin-right: 10px;
    padding: 0px !important;
}
header .top .right-section .userSettings:last-child{
    margin-right: 0;
}
header .top .right-section .userSettings img{
    max-width: 18px;
    margin:0;
}
header .top .right-section .userSettings .dropdown-toggle::after{
    display: none !important;
}
header .top .dropdown-menu.show{
    top: 15px !important;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(154, 154, 154, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 2px 0 rgba(88, 88, 88, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(183, 183, 183, 0.2);
}

/* HEADER BOTT */
header .bott{
    background-color: #313131;
    padding: 3px 0;
    width:  100%;
    margin-top:  5px;
}
.navbar{
    padding: 0;
}
.navbar .navbar-nav .nav-link{
    margin:0 5px 0 0;
    font-size: 14px;
}
.hsDropdown .dropdown-menu{
    top: 100%;
}
.hsDropdown ul{
    list-style: none;
    padding-left: 0;
}
.hsDropdown .grid{
    padding: 15px 30px;
    border-right:  1px solid #ddd;
}
.hsDropdown .row .grid:last-child{
    border-right: none;
}
.hsDropdown .grid h5{
    font-size:16px;
}
.hsDropdown .grid ul li a:after{
    content:"\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left:0;
    color: #797979 !important;
    top:0;
}
.hsDropdown .grid ul li a{
    padding-left:15px;
    position: relative;
    color: #797979;
    margin-bottom:  5px;
    display:  block;
}
.hsDropdown .grid ul li a:hover{
    color:#ffb301;
}
.dd3-content:hover{
    color:#ffb301 !important;
}
.hsDropdown.mdDropdown .dropdown-menu{
    min-width: 564px;
    font-size: 14px;
}
.hsDropdown .dropdown-menu{
    font-size: 14px;
}
.hsDropdown.lgDropdown{
    position: unset !important;
}
.hsDropdown.lgDropdown .dropdown-menu{
    left: 50%;
    right: auto !important;
    margin: 0;
    width: 90%;
    top: calc(100% + 2px ) !important;
    transform: translateX(-50%) !important;
}
.notificationNav .grid ul li a{
    padding: 0;
    margin-bottom: 10px;
}
.notificationNav .grid ul li a:after{display: none !important; }
@media(max-width: 1200px){

}
@media(max-width: 990px){
    .navbar .navbar-nav .nav-link {
        margin: 0 3px 0 0;
        font-size: 12px;
    }
    .hsDropdown.mdDropdown .dropdown-menu{
        min-width: 460px;
    }
    .hsDropdown .dropdown-menu{
        font-size: 13px;
    }
    .hsDropdown.lgDropdown .dropdown-menu {
        width: 100%;
        left:0;
        transform: unset !important;
    }
    .hsDropdown .grid{border:none !important;}
}
@media(max-width: 767.98px){

}
@media(max-width: 575.98px){
    .hsDropdown.mdDropdown .dropdown-menu {
        min-width: auto;
    }
    .hsDropdown .grid{
        width: 100% !important;
    }

}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(49,49,49, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler {
    border-color: rgb(49, 49, 49);
    border-radius: 0;
    padding: .15rem 0.55rem;
    position:  relative;
    z-index: 999999;
}


/* DEFAULT DROPDOWN */
.dfltDropdown .dropdown-menu{
    border-radius: 0;
    padding: 0;
    width: 100%;
    margin: 0;
    background: #ececec;
    float: left;
    border: none;
    top: 42px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(154, 154, 154, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 2px 0 rgba(88, 88, 88, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(183, 183, 183, 0.2);
}
.dfltDropdown .navbar-nav .dropdown-menu{
    top:40px;
    border-radius: 0;
}
.dfltDropdown .dropdown-menu .dropdown-item{
    font-size:13px;
}

/* hsTabs */
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.hsMovebleTabs.nav-tabs {
    border: 1px solid #ddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: -1px;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.hsDrpdwnTabs.nav-tabs {
    border: 1px solid #ddd;
}
.hsTabs .nav-link {
    color: #0e0e0e;
    padding: 7px 16px;
    border-radius: 0;
    border-right: 1px solid #ddd;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0e0e0e;
    margin-left: -1px;
    background-color: #ddd;
    border-color: #ddd;
    margin-top: -1px;
}
.tab-content>.active{
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: -1px;
}
.hsBox .tab-content>.active{
    background-color: #f7f7f7;
}
.hsDrpdwnTabsOpener{
    display: none;
}

/* hsBox */
.fullWidth .hsBox{
    padding:15px;
}
.hsBox{
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    padding:30px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(154, 154, 154, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 2px 0 rgba(88, 88, 88, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(183, 183, 183, 0.2);
    margin-bottom: 20px;
}

/* AUTHORITY*/

.authority .topSection{
    border: 1px solid #ddd;
    padding: 5px 0;
}
.authority .topSection label{margin:0;}
.authority .botSection{
    border: 1px solid #ddd;
    margin-top: -1px;
    padding: 5px;
    margin-bottom: 10px;
}
.authority .botSection label{
    margin:0;
}

/* FORMS */
.btn{
    padding: 5px 15px !important;
}
.btnAbsolute{
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 32px;
    border-radius: 0 !important;
}
.btn-ddd{
    background-color: #ddd;
}
.badge{font-size:11px !important;}
.dd{
    margin: 0 !important;
}
.siralamaList .dd3-content{
    height: auto;
    padding: 5px 5px 5px 35px;
}
.siralamaList .dd3-handle .fa{
    color: #313131;
    z-index: 1;
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
    line-height: 41px
}
.siralamaList .ui-sortable-helper .dd3-handle{
    top:5px !important;
}
.siralamaList .dd3-handle{
    left:0;
    height:100%;
}
.durumdegistir-4.btn-default{
    background: #ddd;
}
.custom-control-label{line-height:24px;}
.form-control{
    padding: 5px;line-height:  1;height: 2rem;font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.hsBtn{
    background: #ffb301;
    color: #fff;
    padding: 5px 15px;
    border: none;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.hsBtn:hover{
    background-color: #313131;
    color:#fff !important;
    cursor: pointer;
}
.btnDark{
    text-shadow: 0 1px 2px rgba(119, 119, 119, 0.65);
    background-color: #313131;
}
.btnDark:hover{
    background: #ffb301;
}
.input-group-text{
    border-radius: 0 !important;
    padding: 0.190rem .75rem;
}
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #ffb301;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* DATATABLE */
/*.dataTable{*/
    /*font-size:12px;*/
    /*text-align:center;*/
/*}*/
/*.dataTable .dataTables_paginate .paginate_button{*/
    /*font-size: 12px;*/
    /*padding: 5px !important;*/
/*}*/
/*.dataTable .process a{*/
    /*color:#fff;*/
    /*width: 27px;*/
    /*height: 27px;*/
    /*display: inline-block;*/
    /*text-align: center;*/
    /*position:  relative;*/
    /*margin: 0 2px;*/
    /*line-height: 27px;*/
    /*top: 1px;*/
/*}*/
/*.dataTable .process a.remove{*/
    /*background: #e74c3c;*/
/*}*/
/*.dataTable .productImg{font-size:18px;}*/
.dataTable thead tr, .dataTable tfoot tr{background: #ddd;}

/*.dataTable table.dataTable thead th,*/
/*.dataTable table.dataTable tfoot th{*/
    /*border-right: 1px solid #cacaca;*/
    /*border-left: 1px solid #cacaca;*/
    /*border-bottom: none;*/
    /*border-top:none;*/
/*}*/
/*.dataTable table.dataTable thead th:first-child,.dataTable table.dataTable tfoot th:first-child{*/
    /*border-left:none;*/
/*}*/
/*.dataTable table.dataTable thead th:last-child, .dataTable table.dataTable tfoot th:last-child{*/
    /*border-right:none;*/
/*}*/
/*table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1,table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{*/
    /*background-color: #fff !important;*/
/*}*/
/*.dataTable table.dataTable tbody tr:hover,*/
/*.dataTable table.dataTable tbody tr:hover .sorting_1{*/
    /*background-color: #ddd !important;*/
/*}*/
/*.dataTable table.dataTable tbody tr:hover td{*/
    /*border-color: #cacaca;*/
/*}*/

/*table.dataTable tbody th, table.dataTable tbody td{*/
    /*padding:3px 10px !important;*/
    /*border: 1px solid #f7f7f7;*/
/*}*/
/*.dataTables_wrapper .dataTables_processing{*/
    /*height: 100% !important;*/
    /*top: 0px !important;*/
    /*width: 100% !important;*/
    /*bottom: 0px !important;*/
    /*left: 0px !important;*/
    /*right: 0px !important;*/
    /*transform: unset !important;*/
    /*margin: 0px !important;*/
/*}*/
/*.dataSpin{*/
    /*font-size:32px;*/
    /*color:#ffc107;*/
/*}*/
/*.table td, .table th{*/
    /*vertical-align: middle;*/
/*}*/
/*.dataTable tbody tr td {*/
    /*border-right: 1px solid #ddd !important;*/
    /*border-bottom: 1px solid #ddd !important;*/
    /*border-top: none !important;*/
/*}*/
/*.dataTable tbody tr td:first-child{*/
    /*border-left: 1px solid #ddd !important;*/
/*}*/
/*table.dataTable tbody tr:hover td,table.dataTable tbody tr:hover .sorting_1{*/
    /*border-color: #b7b7b7 !important;*/
/*}*/
/*.hsTable thead tr td{*/
    /*border-right: 1px solid #b7b7b7 !important;*/
    /*border-bottom: 1px solid #b7b7b7 !important;*/
    /*border-top:1px solid #b7b7b7 !important;*/
/*}*/
/*.hsTable thead tr td:first-child{*/
    /*border-left: 1px solid #b7b7b7 !important;*/
/*}*/

/* CHART JS */
.chartjs{
    padding: 15px 20px;
}
.chartjs .chartContainer{
    width: 100%;
    height: 220px;
    max-width: 600px;
    max-height: 400px;
}

/* DASH*/
.dashInfo{
    position: relative;
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 20px;
}
.dashInfo .top i{
    font-size: 40px;
    line-height: 32px;
    color: #fff;
    padding: 15px 15px;
    background: #ffb301;
    width: 90px;
    text-align:  center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(154, 154, 154, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 2px 0 rgba(88, 88, 88, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(183, 183, 183, 0.2);
}
.dashInfo .top .desc label{
    font-size:14px;
    line-height: 18px;
    color: #969696;
    margin:  0;
}
.dashInfo .top .desc span{
    font-size:18px;
    line-height: 18px;
    font-weight:  700;
    color: #313131;
}
.dashCaption{
    margin-bottom: 20px;
}
.dashCaption label{
    font-size:13px;
    color:#969696;
    margin-bottom: 0;
}
.dashCaption span{
    font-size:18px;
    color: #656565;
}


/* OTHERS */
.disabledNav{
    color:#ddd !important;
}
.hFilterCollapse a.filterLink{
    border: 1px solid #ddd;
    padding: 10px 15px;
    width: 100%;
    display: block;
    margin-bottom: -1px;
    color: #010000;
}
.hFilterCollapse .card-body{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left:15px;
    padding-right: 15px;
}
.hCollapse .card-body{
    padding:5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border:none !important;
}
.hsNestable .hCollapse li ul{
    margin-left:15px !important;
}
.hCollapse li.list-group-item{
    padding-top:3px;
    padding-bottom:3px;
}
.hCollapse a.btn{
    padding-left:5px !important;
    color:#010000;
}
.hsDropdown .dropdown-menu{
    min-width: 11rem;
}
.hsBadge{
    background-color: #ffb301;
}
.notification a{
    font-weight: 400 !important;
    color:#9a9a9a !important;
}
.notification .readable{
    background: #ffb301;
    color: #f7f7f7 !important;
    font-weight:  700 !important;
}
.readable{
    color:#ffb301 !important;
}
.notification .readable:hover{
    background: #d89700;
}
.notification i{
    color:#9a9a9a !important;
    font-size:18px;
    position: relative;
    top:2px;
    color: #313131;
    margin-right: 10px;
}
.notification .readable i{
    color:#fff !important;
}
.nav-item .notificationLabel{
    line-height: 22px;
}
.notification label, .notificationLabel{
    top: -7px;
    right: -7px;
    color: #fff;
    border-radius: 55%;
    height: 20px;
    width: 20px;
    text-align: center;
    background: #ffb301;
    z-index: 1;
    font-size: 13px;
    line-height: 20px;
}
.btn{
    border-radius: 12px;
    font-size: 13px;
    text-transform: uppercase;
}
.hsBtnDefault{
    color: #101010;
    background-color: #ffb301;
    border-color: #ffb301;
}
.btn-secondary{
    background-color: #ddd !important;
    border-color: #ddd !important;
}
.hsTable thead{
    background-color: #f4f3f8;
    color:#424c55;
    border:none;
    font-size:15px;
}
.hsTable tbody tr:nth-child(even) td{
    background-color: rgba(0,0,0,.03);
}

.hsNestable ul{
    margin-bottom: 0;
}
.hsNestable ul li .nst{
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: -1px;
}
.hsNestable .nst .left{
    padding: 5px 10px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
}
.hsNestable ul li ul{
    margin-left: 33px;
}
.hsNestable ul li ul li .nst {
}


.ulInfo{
    list-style-type: decimal;
}
.ulInfo li{
    margin-bottom: 10px;
}
.ulInfo li:last-child{
    margin-bottom: 0;
}


/* PRODUCT PAGE */
.productPage{
    margin-top:-20px;
}
.productPage .leftSection{
    background-color: #ddd;
    position: absolute;
    left:0;
    top:0;
    height:100%;
    overflow: auto;
}
.productPage .leftSection, .productPage .rightSection{
    padding:15px;
}
.productPage h5,.tabTab h5{
    font-weight:700;
}
.embedFixed{
    position:fixed !important;
}

.tabTab .tab-content{
    background: #f9f8f8;
}
.tabTab .nav-tabs{
    width: 100%;
    background: #fff;
}
.tabTab .dividable{
    background: #fbaf02;
    color: #232323;
}
.tabTab .dropdown-menu{
    padding: 5px 0 0 0;
    border-radius: 0;
}
.tabTab .dropdown-item.active, .tabTab .dropdown-item:active{
    background: #232323;
}
.tabTab .nav-link{border-radius: 0; color: #575757; border-color: #ddd; margin-right: -1px;}
.tabTab .nav-tabs .nav-item.show .nav-link, .tabTab .nav-tabs .nav-link.active,.tabTab .nav-link:hover{margin-top:0;background-color: #ddd;border-color:#ddd;}
@media(max-width: 1199.98px){
    .dashInfo,.chartjs{
        padding:15px 10px;
    }
    .dashInfo .top i{
        font-size:25px;
        padding: 15px 15px;
        width: 60px;
    }
    .navbar .navbar-nav .nav-link{
        font-size:13px;
        padding:5px 7px;
        margin: 0;
    }
}
@media(max-width:990px){
    .dashInfo .top .desc label{
        font-size: 14px;
    }
    .dashInfo .top .desc span{
        font-size:14px;
    }
    .dashInfo .top i{
        font-size:22px;
        padding:10px 12px;
        width: 50px;
    }
    body{
        padding-top: 70px;
    }
    header{padding:0;margin:0;}
    header .top{
        position:fixed;
        z-index: 999;
        background-color: #fff;
        top:0;
        left: 0;
        width: 100%;
    }
    header .top .right-section{ display: none !important;}
    header .bott{
        padding:  0;
        position: fixed;
        overflow:  auto;
        z-index: 998;
        top:50px;
        margin: 0;
        height:calc(100% - 50px );
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        left: -100%;
    }
    header .bott .navbar .navbar-collapse{
        display: block !important;
    }
    header .bott .navbar-nav .nav-link{margin-bottom: 5px;margin-right: 0;}
    header .bott .navbar-nav .nav-item:last-child .nav-link{margin-bottom: 0px;}
    header .bott .navbar-nav{margin-top:15px;padding: 0 0;display: block !important;}
    header .bott .navbar-nav .active .nav-link, header .bott .navbar-nav .nav-link:hover{
        margin-right:0;
    }
    .dfltDropdown .dropdown-menu .dropdown-item{
        padding-left:15px;
    }
    .hsDrpdwnTabsOpener{
        display: block;
    }
    .hsDrpdwnTabsOpener a{
        color: #fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.65);
        background-color: #313131;
        border-color: #ffb301 #ffb301 #ffb301;
        padding: 7px 16px;
    }
    .hsDrpdwnTabs.nav-tabs{
        overflow: hidden;
        max-height:0;
        border-top-color: #0e0e0e;
    }
    .hsDrpdwnTabs.nav-tabs li{
        width: 100%;
        display: block;
    }
    .hsDrpdwnTabs .nav-link{
        border-bottom: 1px solid #ddd;
        border-right:  none;
    }
}
@media(max-width: 767.98px){
    .productPage .leftSection{
        position: unset !important;
        width: 100%;
    }


    .hsBox{
        padding:30px 15px;
    }

    .dashInfo .top i{
        font-size:22px;
        padding:15px 12px;
        width: 150px;
    }
    .dashInfo, .chartjs{
        padding:15px 10px;
    }
    .dashInfo .top .desc span{
        text-align: right;
    }
    .navbar .navbar-nav .nav-link{
        font-size:16px;
    }
}
@media(max-width: 575.98px){
    .dashInfo .top i{
        margin-top: 0;
        font-size: 28px;
        padding: 10px 12px;
        width: 25%;
    }
}



@media (min-width: 576px){
    .modal-lg {
        max-width: 550px;
    }

    .modal-dialog {
        max-width: 550px;
        margin: 1.75rem auto;
    }
}
@media (min-width: 992px){
    .modal-lg {
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    .modal-lg {
        max-width: 1180px;
    }
}