/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css') ;  */
    
.mobile-select select{
    appearance:none; 
    -webkit-appearance:none;
       -moz-appearance:none;
    appearance:none; 
    position: relative;
}
.mobile-select::after {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    color: #fff;
    right: 13px;
    top: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-weight: 900;
}

/* dashboard pagee start */
.dashboard_section{padding:33px 35px;}
.dashboard_section .flex-row a.link,.link{color: #97144d}
.dashboard_section .card{border:0; border-radius: 0;}
.dashboard_section .card-header{border:0; background: none;padding: 0}
.dashboard_section .card-body{padding: 0;margin-top: 23px;}

.dashboard_section .main_content {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border: 1px solid #CBBFBF; padding: 43px 23px;
}
.main_content_heading{margin: 0 0 34px 0}
.dashboard_section .table_content {margin-top: 0px;width: 100%;}
.dashboard_section #report .table_content {border: none;margin-top: 0;}
.dashboard_section .table_content .table-container{margin-top: 30px;}
.dashboard_section #report .table_content .select2-container{width: 100% !important;}
.dashboard_section #report .delete button {width: 80%;margin: 0px auto;display: inherit;text-align: center;     margin-top: 10px;}
.dashboard_section .sidebar {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border: 1px solid #CBBFBF;padding: 30px 18px;margin-bottom: 24px;}
.dashboard_section  .sidebar h2{margin-bottom: 13px;}
.dashboard_section .sidebar ul li ul h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-bottom: 10px;
}
.dashboard_section .sidebar .nav.expired li a {
    text-decoration: none;
    color: #000;
}
.dashboard_section  .sidebar .nav>li>a:hover, 
.tabbable-panel  .sidebar .nav>li>a:focus {text-decoration: underline;background-color: transparent;} 
.dashboard_section .fontsize {font-size: 28px;}
.dashboard_section .fontsize i{font-size: 18px;}
.dashboard_section .fontsize[ aria-expanded="true"] i{
    transform: rotate(180deg);
}
.dashboard_section  .sidebar nav {margin-top: 11px;}
.dashboard_section  .sidebar .nav>li>a{padding-left: 0;color: #97144D;}
.dashboard_section  .sidebar .nav>li>ul li{border-bottom: 1px solid #eee;}
.dashboard_section  .text_heading {display: inline-block;}
.dashboard_section .text_heading h2{font-size: 20px;margin: 0;color: #000000;}
.dashboard_section .button_text {float: right;align-items: center;margin: 0px 0 0;}
.dashboard_section .goole_chat_button .button_text {float: right;align-items: center;margin: 0px 0 0;position: relative;z-index: 1;}
.dashboard_section  .button_text a{color: #333333; margin-left: 2px;}
.dashboard_section .button_text a:hover{text-decoration: none;}
.dashboard_section  .button_text a i{font-size: 20px;height: 36px;width: 36px;border: 1px solid #97144D;border-radius: 5px;line-height: 34px;text-align: center;color: #97144D;}


.dashboard_section .dropdown_list button {border: none;background-color: transparent;text-decoration: none;position: relative;width: 100%;text-align: left;font-size: 17px;border-bottom: 1px solid #656565;padding: 0px 0px 3px;}
.dashboard_section .dropdown_list button:focus{outline: none;}
.dashboard_section .dropdown_list button ins{text-decoration: none;}
.dashboard_section .dropdown-toggle::after {text-align: right;position: absolute;right: 0;top: 50%; transform: translateY(-50%);
    border: 0; content: "\f078"; font-weight: 900; font-family: 'Font Awesome 5 Free'; right: 0;
}

.dashboard_section .dropdown-item i{font-style: normal;}
.dashboard_section .dropdown-menu ul{list-style: none;padding: 0;}
.dashboard_section .dropdown-menu {
    min-width: 100%;
    padding: 13px 16px;
    border-radius: 4px;
}
 .dashboard_section  .dropdown.show .dropdown-toggle::after {
    transform: translateY(-50%) rotate(180deg);
}
 .dashboard_section .dropdown-item {
    cursor: pointer;  
    padding: 0;
      font-size: 17px;
    color: #000;
    line-height: 25px;
    background-color: transparent;margin-bottom: 15px;}
.dashboard_section .dropdown-item:last-child{margin-bottom: 0}
.dashboard_section  .dropdown-item i{font-style: normal;}


.dashboard_section .dropdown-menu ul li a{color: #000; display: block;}
.dashboard_section .dropdown-menu ul li a:hover{text-decoration: none;}
.dashboard_section .dropdown-menu ul li:hover{background-color: #9a0049;}
.dashboard_section .dropdown-menu ul li:hover a{color: #fff;}



.dashboard_section  .sidebar nav {margin-top: 11px;}
.dashboard_section  .sidebar ul {padding: 0px;margin: 0px;list-style: none;}
.dashboard_section  .sidebar ul li a{ color: #333333;display: block;}
.dashboard_section  .sidebar ul li ul li{line-height: 18px;font-size: 15px;margin-bottom: 20px;}
.dashboard_section  .sidebar ul li ul li a{font-size:15px; line-height: 18px; text-decoration: underline; }
.dashboard_section .sidebar ul li ul li:last-child {
    margin-bottom: 0;
}
.dashboard_section .sidebar ul li ul li:hover a{/* opacity: 0.5; */text-decoration: underline;}
.dashboard_section  .sidebar ul li ul{border: 1px solid #eee;padding: 20px;margin-top: 20px;}
.dashboard_section  .sidebar ul li ul h1{font-size: 18px;}
.dashboard_section  .sidebar ul li a:hover, .tabbable-panel aside .sidebar .nav>li>a:focus {text-decoration: none; background-color: transparent;}
select::-ms-expand {
        display: none;
      }

/* GraphContent */
.label1 {font-size: 17px;font-weight: 700;fill: #5A6872;text-anchor: middle;}
.graph-container svg.graph{width: 100%}
.bx--graph-header {font-weight: 300;font-size: 24px;}
.overlay {fill: #3d70b2;opacity: .1;display: none;pointer-events: none;}
.line { stroke-width: 2;stroke: #FF00FF;fill: none; pointer-events: none;}
.axis path {stroke: #5A6872;}
.tick line {stroke: #5A6872;}
.tick text {fill: #5A6872;}
.graph-container {  position: relative;}
.tooltip {font-weight: 700;padding-left: 1rem 2rem;background-color: #fff;position: absolute;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);  border: 1px solid #DFE3E6;padding: .25rem .5rem;pointer-events: none;display: none;}
.y path {display: none;}
.label2 {display: none;}
/* dropdown Radio */
.days. radio .dropdown-item {position:relative;overflow:hidden;cursor:pointer; }
.days .radio input {visibility: hidden;position:absolute; left: -30px; }
.days .radio i {font-weight:normal; font-style:normal;  display:block; }



/* TableContent */
.dashboard_section .table thead{
        background: #9a0049;
    color: white;
    border-color: #8c0545;
}
.dashboard_section .table thead tr th{
        border-right-color: #8c0545; border-color: #8c0545;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;color: #FFFFFF;
}
.dashboard_section .table.table-custom thead tr th:first-child{
    width: 5%;
}
.dashboard_section .table  tbody td{
    background-color: #f4f2f1;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}

.dashboard_section .table  thead .custom-control-label::before {
    background: transparent;
    border: 1px solid #fff;
}
.dashboard_section .table  tbody .custom-control-label::before {
    border-color: #444849;background: transparent;
}
.dashboard_section .table  tbody  .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    border: 1px solid #97144d;background-color: #97144d;
}


.dashboard_section .table_content {display: block;width: 100%;margin-top: 30px;}
.dashboard_section .table_content .add_button{text-align: right;}
.dashboard_section .table_content .add_button button{background-color: #9b2f4a;color: #fff;height: 45px;text-transform: uppercase;padding: 0 30px;}
.dashboard_section .table_content .add_button button i{padding-left: 10px;}
.dashboard_section .flag-icon {margin-right: 0.1em;}
.dashboard_section .page_navigation{float: right;}
.dashboard_section .pagination {margin-top: 26px;}
.dashboard_section .pagination li {}
.dashboard_section .pagination .active a {color: #fff;background-color: transparent;font-weight: 600;background-color: #000;border-radius: 9px;}
.dashboard_section .pagination .active a:hover {background-color: transparent;color: #143361;border: 0px;}
.dashboard_section .pagination .active a:focus {background-color: transparent;color: #143361;outline: none;}
.dashboard_section .pagination li a {border: 1px;color: #707070; margin-right: 10px;
    width: 30px;height: 30px; 
 display: block;  text-align: center;  line-height: 30px;}
.dashboard_section .pagination li a:hover {  background-color: transparent;color: #fff;padding-bottom: 2px;border-bottom: 1px solid;text-decoration: none;  background-color: #000;  border-radius: 9px;}
.dashboard_section .pagination li a:focus {outline: none;background-color: transparent;/*color:#707070;*/}

.dashboard_section .pagination li:first-child a, .pagination li:last-child a {border: 2px solid #f4f2f1 !important;
  border-radius: 29%; border: 2px solid;font-size: 14px;color: #143361;height: 35px;width: 35px;
  display: inline-block;text-align: center;background-color: #f4f2f1;line-height: 33px;
  margin-top: -2px;}
 .pagination li:last-child a{margin-right: 0;}
.dashboard_section .pagination li:first-child a:hover, .pagination li:last-child a:hover {text-decoration: none !important;color: #fff;background-color: #9b2f4a;}
.dashboard_section .pagination li:first-child a:focus, .pagination li:last-child a:focus {outline: none;}
.dashboard_section .row_page {text-align: right;margin-top: 28px;padding-right: 72px;}
.dashboard_section .row_page h2 {font-size: 14px;display: inline-block;margin-right: 23px;color: #000;}
.dashboard_section .page_list {width: 82px;border: none;display: inline-block;}
.dashboard_section .page_list .form-control {border: 1px solid #dcd8d8 !important;padding: 0px 6px;height: 31px;border-radius: 5px;}
.dashboard_section .custom-checkbox .custom-control-label::before {border-radius: 0;}


#zoomModal .modal-body{padding-top: 32px;}

/* drop off tabe*/

.tracker_bar h2{color: #000000; font-size: 24px; line-height: 25px; margin-bottom: 30px;}

.tracker_bar .multi-steps {display: table;table-layout: fixed;width: 100%;}
.tracker_bar .multi-steps > li {counter-increment: stepNum;text-align: center;  display: table-cell; 
 position: relative;  }
.tracker_bar .multi-steps > li:last-child:after {display: none;}

 .tracker_bar .multi-steps > li  span {margin-top: 11px;display: block;color: #000;line-height: 22px;font-size: 14px;}
.tracker_bar .multi-steps > li  span:last-child{margin-top: 0px;}
.tracker_bar .activebox {height: 9px;width: 9px;background-color: #ffffff;position: absolute;top: 11px;left: 0;right: 0; margin:auto; z-index: 999999999;border-radius: 50%;}
.tracker_bar .multi-steps > li:last-child:after {display: none;}

.tracker_bar .multi-steps > li:after {content: "";height: 2px;width: 75%;background-color: #E2E2E2;
position: absolute;top: 16px;  left: 50%;z-index: 1;margin-left: 29px; z-index: 1;}

.tracker_bar .multi-steps > li:before {
    content: ''; display: block;color: #fff;  top: -5px;  
    position: relative; border-radius: 50%;
    background-color: #ededed;border-color: #ededed;
    width: 16px;height: 16px; margin: auto; z-index: 2;
}

.tracker_bar .multi-steps > li.completed:before{
    content: "\f00c";
    font-family: "font Awesome 5 free";
    width: 30px;  height: 30px;
    line-height: 30px;text-align: center;
    font-weight: bold; z-index: 2;
    background-color: #1FC24E; position:absolute; left: 0; right: 0; margin: auto; top: 0;
}

.tracker_bar .multi-steps > li.is-active:before {
    background-color: #1FC24E;
    border-color: #1FC24E;
    top: 0;
    position: relative;    font-family: inherit;
    font-weight: 700;
    color: transparent; width: 30px;
    height: 30px; z-index: 2;
}
.tracker_bar .multi-steps > li.is-inactive:before{
    background-color: red;
    border-color: red;top: 0;
    position: relative;    font-family: inherit;
    font-weight: 700;
    color: transparent; width: 30px;
    height: 30px; z-index: 2;
}

.tracker_bar .activebox {
    height: 9px;
    width: 9px;
    background-color: #ffffff;
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999999999;
    border-radius: 50%;
}

.google-chart-btn span {vertical-align: middle;}
.google-chart-btn span i{font-size: 20px; vertical-align: middle;}
.icon-success{color: #97144d}
.icon-failure{color: #575757}
.delete{display: none;}

@media only screen and (max-width: 768px){
.dashboard_section .row_page {padding-right: 2px;}
.dashboard_section .sidebar #dropdown-lvl1{position: absolute;z-index: 1;background-color: rgb(255, 255, 255);width: 300px;right: 17px;}
    
}
@media only screen and (max-width: 767px){
    .dashboard_section .sidebar #dropdown-lvl1{position: absolute; right: 15px;    width: 90%;    left: 17px;}
    .tracker_bar .multi-steps > li:after{    width: 100%;
    left: 30%;    margin: 0 20px;}
    .graph-container svg{width: 100%}    
     .dashboard_section .main_content {margin-left: 0;margin-right: 0;padding: 35px 0px 0 15px;}
    .dashboard_section .table_content .add_button button{width: 100%;}
    .dashboard_section .table_content{margin-left: 0px;margin-right: 0px;}
    .delete_ip_popup .modal-body button {padding: 10px 46px;margin-right: 5px;}
    .dashboard_section {
        padding: 33px 15px;
    }
    .ip-report-table table.admin-table tbody tr td:first-child{display: none;}
    .dashboard_section .main_content .select2-container {
    width: 100% !important;
}
    
    .dashboard_section .ticket-report-table table td:nth-child(2){
    line-height: 31px;
    }
    .ip-report-table .dashboard_table tbody tr td:first-child {
        display: block;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        /* border-top: 1px solid rgba(0, 0, 0, 0.12); */
        width: 100%;
        position: absolute;
        z-index: 1;
        background: none;
        padding-left: 0;
    }
    .ip-report-table .dashboard_table tbody tr td:nth-child(2) {
       border-top: 0;
       border-radius: 0;
       padding-left: 42px;
       padding-top: 8px;
    }
    .ip-report-table .dashboard_table tbody tr td:last-child{
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
         /* border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
    }
    .ip-report-table .dashboard_table tbody tr.responsive-td td{
        border: 0; border-radius: 0;
    } 
    .ticket-report-table tbody tr td:first-child{ display: none !important;}
    .google_chart {margin-top: 40px;}
    .google-chart-btn{margin-bottom: 20px}
    .delete {display: block;}
}

.google_chart div[dir='ltr']{
        overflow: scroll;
        overflow-y: hidden;width: 100%!important;
}

.google_chart div[dir='ltr']::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;border-radius: 50px;
}

.google_chart div[dir='ltr']::-webkit-scrollbar
{
    width: 6px; height: 8px; border-radius: 50px;
    background-color: #F5F5F5;
}

.google_chart div[dir='ltr']::-webkit-scrollbar-thumb
{
    background-color: #97144d;border-radius: 50px;
}
/* dashboard pagee end */