.new-nav-container {
    /*height:50px !important;*/
    background:white !important;
    color: #85879c !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    
}
.notification i {
    color:#0d70fd;
}
.live-search-box{
    border-color: #0d70fd !important;
    border-radius:0px !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
}

#ctl00_noimghead {
    color:#0d70fd;
}
.cross-btn .fa {
    color:grey;
    font-size:12px ;
    position:relative;
    top:-3px;
}
#lblNotificationBell > a > i,#ctl00_noimghead:hover {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border:1px solid transparent;
}

.notifi-heading {
    background-color: white;
    color:black;
    border-bottom:2px solid #0d70fd;
    font-size:16px;
    font-weight:600;
}


.main-header .dropdown-menu {
    border-radius:5px;
    border-color: white;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px, rgba(0, 0, 0, 0.23) 0px 2px 3px, 
        rgba(0, 0, 0, 0.23) 0px 2px 3px, 
        rgba(0, 0, 0, 0.23) 0px 2px 3px;
}
.main-header .dropdown-menu li {
  border-bottom:0px;  
    
}
.main-header .dropdown-menu > li:hover {
    
    background-color: #f4f4f4; 
    
}
.main-header .dropdown-menu > li a{
   /*    #3b3b3b*/
   
     color:#5b5b5b;
}
.main-header .dropdown-menu > li:hover a:hover{
   /*    #3b3b3b*/
     color:#0d70fd;
}
.main-header .level3,label {
   
   color:#5b5b5b ;
}
.main-header .level3:hover {
   
   color:#0d70fd ;
}
#ctl00_mainMenu .dropdown-menu li:hover a.level2  {
    color: #0d70fd  ;
}
.main-header li.dynamic .fa {
   display:none;
}
.main-header .dropdown-menu li a {
   color:#5b5b5b;
   font-size:13px;
}

#ctl00_mainMenu .dropdown-menu li:hover  {
    background-color: #dedede; 
    
}

@media (max-width: 991px)  {
    #ctl00_mainMenu .dropdown-menu li > a {
       color:#5b5b5b !important; 
    }
    #ctl00_mainMenu .dropdown-menu li > a:hover {
       background-color: #dedede;
       color: #0d70fd !important;
    }
    #ctl00_mainMenu .dropdown-menu .level3 a {
        color:#5b5b5b !important; 
    }
    #ctl00_mainMenu .dropdown-menu .level3 a:hover {
        color:#0d70fd !important; 
    }
    
}

/*optional menu button*/

#optionalMenu {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: 1px solid transparent;
    border-radius:50%;
   
}
    
#optionalMenu .fa-th {
    font-size:14px;
    color:#0d70fd;
    width:20px;
    position:relative;
    left:3px;
    
}
    
#optionalMenu:hover,#optionalMenu:focus {
    border: 1px solid #0d70fd;
}


.main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.options-menu-list {
    width:400px ;
}
.options-menu-list {
    border-radius:10px;
    
}
.option-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    justify-content:center;
    padding: 15px 10px;
    column-gap:7px;
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, 
        rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, 
        rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
@media (max-width:550px) {
    .main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.options-menu-list {
    width:300px ;
}
    .option-grid {
        grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:400px) {
    .main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.options-menu-list {
    width:200px ;
}
    .option-grid {
        grid-template-columns:repeat(1,1fr);
    }
    .option-grid .option {
        display:flex;
        flex-direction:row;
        column-gap:5px;
        align-items:center;
    }
}
.option-grid .option {
    padding:10px;
}

.option-grid .option .icon {
    text-align:center;
}
.option-grid .option .icon i{
    font-size:25px;
    
}

.option-grid .option .icon .announcement{
    color:#7e57c2;
    
}
.option-grid .option .icon .dash{
    color:#e56b6f;
    
}
.option-grid .option .icon .stars{
    color:orange;
    
}
.option-grid .option .icon .links{
    color:#607d8b;
    
}
.option-grid .option .icon .collection{
    color:#0096c7;
    
}
.option-grid .option .icon .list{
    color:#1abb9c;
    
}


.option-grid .option .text {
    width:100%;
    display:block;
    color:#858796;
    font-size:15px;
    text-align:center;
}
.option-grid .option:hover .text {
    color:#0d70fd;   

}
.option-grid .option:hover {
    cursor:pointer;
}




/*collapsed navbar box shadow*/
.navbar-collapse pull-left collapse show {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, 
        rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, 
        rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}



    #menu1 li {
        padding:3px 5px;
    font-size:14px;
}
.notification-content {
    border-radius:10px;
}
.notification-content::before {
    border:7px solid transparent;
    border-left-color: #0d70fd;
    border-top-color: #0d70fd;
    
    right:10px;
}


#aspnetForm > div.wrapper > header > nav > div.navbar-custom-menu.mr-lg-3 > ul > li.dropdown.user.user-menu.show > ul {
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, 
        rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, 
        rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset !important;
}

#lblNotificationBell > a > i:hover ,#ctl00_noimghead:hover{
    
    border:1px solid #0d70fd;
}


.popout.level1.static {
    color:#5b5b5b !important;
}
#ct100_mainMenu ul.level1.nav > li:hover > a, ul.level1.nav > li:active > a{
    background-color:white;
}
.level2.dropdown-menu.dynamic {
    background-color:none;
}
.level2.dropdown-menu.dynamic > li {
    background-color:none;
}

#sidebar {
    width:250px;
}
.sub-tabs {
    width:100%;
}
.sub-tabs .nav-tabs li {
    
    margin:0;
    background: white !important;
    border-radius :0px;

}
.sub-tabs .nav-tabs li i {
   display:none;
    position:relative;
    left:210px;

}

.sub-tabs .nav-tabs li a {
   padding-left:25px;

}
.sub-tabs .nav-tabs > li a {
    color: #255282 ;
}
.sub-tabs .nav-tabs li a::before {
    content:"";
    height:32px;
    position:absolute;
    transform:translate(-15px,-6px);
    width:2px;
    background-color:#e8eaed;

}
.sub-tabs .nav-tabs li a:hover::before {
    background-color:#0d70fd !important;
    
}

.sub-tabs .nav-tabs li a.active::before {
    background-color:#0d70fd !important;
}

.sub-tabs .nav-tabs li:hover a, .sub-tabs .nav-tabs li:hover i{
    color:#0d70fd !important;
    
}
.fa.fa-star-o {
    font-size:16px;  
}
.sub-tabs .nav-tabs li a {
    position:relative;
    left:-7px;
}

.sidebar-brand {
    height:50px;
    padding-left:20px;
}
#sidebar > div > div.sidebar-brand > a {
    font-size:18px !important;
    
}
#close-sidebar {
    border-radius:50%;
    height:30px;
   /**/ 
}

#show-sidebar {
    margin-top:60px;
    color:white;
    background-color: rgba(13,112,253,0.5);
    border-radius: 50%;
    /*animation: ripple 2s linear infinite;*/
}

    @keyframes ripple {
      0% {
        box-shadow: 0 0 0 .7rem rgba(13,112,253, 0.2),
                    0 0 0 1.5rem rgba(13,112,253, 0.2),
                    0 0 0 5rem rgba(13,112,253, 0.2);
      }
      100% {
        box-shadow: 0 0 0 1.5rem rgba(13,112,253, 0.2),
                    0 0 0 4rem rgba(13,112,253, 0.2),
                    0 0 0 8rem rgba(13,112,253, 0);
      }
    }


#close-sidebar i{
    font-size:16px;
    
}
.breadcrumb-menu {
    
    display:none;
    margin-top:20px;
}
.breadcrumb-menu .breadcrumb li a i{
     display:none;
    color:#858796;
    font-size:12px !important;
}

.breadcrumb li{
    color:#858796;
    font-size:11px !important;
}

/*new design for all the notes */
.box-tools.pull-right div::before {
  content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
/*the note to the right side of the breadcrumb*/
.box-tools.pull-right div{
    display:none;
    position:relative;
    top:-2px;
    padding:5px 10px;
    font-size:11px !important;
   color:#bd717e !important;
   background-color:#f2dedf;
   border-radius:3px;
   
}

.label-dynamic {
color:#5b5b5b;
font-size:12px;
font-family: 'opensans', sans-serif;
}
input[type='text'],input[type='time'],input[type='date'],
input[type='number'],input[type='datetime-local'], select
,input[type='password'],
#picker {
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #ccc;
    /*height:30px !important;*/
    
}
input[type='text']:focus {
    box-shadow: none;
    border-color: #0d70fd;
    color: #495057;
    background-color: #fff;
    outline: 0;
}
.input-group-addon {
    border:none;
}
.input[type='text']:focus, input[type='time']:focus, input[type='date']:focus, 
input[type='number']:focus, input[type='datetime-local']:focus,select:focus,
.select2-selection.select2-selection--single:focus,
 #picker:focus{
    border-bottom:2px solid #0d70fd;  
    outline:none !important;
    box-shadow:none;
}


/*.select2.select2-container .select2-selection {
    border-top:none;
    border-left:none;
    border-right:none;
}*/
.select2.select2-container:focus .select2-selection {
    border-bottom:1px solid #0d70fd;  
}

.form-control:focus {
box-shadow:none;
border-color:#0d70fd;
}

.btn {
    border-radius:15px;
    text-transform:uppercase;
    font-size:12px;
}

.main-row {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, 
        rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
         rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    border-radius:20px;

}

.fix-menu .list-group .list-group-item{
    color:white;
    background:#1abb9c;
    border:1px solid #1abb9c;
    border-radius:50%;
    margin:5px;
}
.fix-menu .list-group .list-group-item:hover {
    background-color:white;
    color:#1abb9c !important;
}

.page-wrapper.toggled .page-content {
    /*padding-left:250px;*/
}

#aspnetForm > div.wrapper > div.fix-menu > ul > li.list-group-item.too-doo {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.box.box-primary {
    padding:5px;
    border-top:none;
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
    margin-top: 30px;
}

.box-title {
    width:100%;
    border-bottom:2px solid #0d70fd;
}
.box-title span::before {
    content: "\f006";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:orange;
    position: relative;
    /*left:7px;*/
    left:0px;
    padding-right: 5px;
    
}
.box.box-primary .box-header h3.box-title {
    display:flex;
    justify-content:space-between;
    padding:10px 10px 5px;
    font-size:18px !important;
}
.shortcut-btn {
    background:white;
    border:1px solid #0d70fd;
    color: #0d70fd;
    font-size:11px;
    padding:5px;
    border-radius:3px;
    position:relative;
    top:-5px;
}   
    .shortcut-btn i {
        font-size:14px;
    }
/*.box.box-primary .box-header h3.box-title::after {

    content:"Shift ^ CN";
    border:1px solid #0d70fd;
    padding:5px;
    position:relative;
    font-family:"opensans-semibold",sans-serif;
    font-size:12px;
    left:79%;
    color:#0d70fd;
    border-radius:5px;
}*/
.bg-light-blue {
    background-color :transparent !important;
    color:#5b5b5b;
    font-size:12px;
    font-family: 'opensans-semibold', sans-serif;
    
}

.pagination li {
    /*border:1px solid red; make it circular with box shadows and then make it so that the color is blue or green for the pagination*/
    border-radius:50%;
    background:white;
    margin:0 3px;
    box-shadow:0 1px 3px rgb(0 0 0 / 12%),0 1px 3px rgb(0 0 0 / 24%); 
}
.pagination li.previous {
    box-shadow:none !important;
}
.pagination li.next {
    box-shadow:none !important;
}
    .pagination li a {
        border:none;
    }

.paginate_button.page-item.active a {
    border-radius:50%;
    background-color:#0d70fd;
}

/*.sorting_1::after {
    content: "\f044";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    background:transparent;
    color:rgba(13,112,253,1);
   
    padding:2px;
    font-size:16px;
    position:relative;
    top:-2px;
}
.sorting_1:hover {
cursor:pointer;
}*/
/*need to get thje borders back in the table as per the design basis*/
.odd, .even {
    border-bottom:1px solid black !important;
}
.odd td, .even td{    
    /*color:rgb(112,115,132);*/
     /* color:#686a78; 
         #181616 */
     color:#858796;
}

.dataTables_wrapper > div.dt-buttons.btn-group.flex-wrap > div:nth-child(1) > button span:before {
    content: "\f00b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.dataTables_wrapper > div.dt-buttons.btn-group.flex-wrap > div:nth-child(2) > button span:before{
    content: "\f019";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
table.dataTable > thead .sorting:before {
    right: 0.5em !important;
}
table.dataTable > thead .sorting:after {
    right: 0.04em !important;
}

table.dataTable > thead .sorting:before,table.dataTable > thead .sorting:after {
  /*  border:1px solid red;*/
    color:#0d70fd;
    opacity:1 !important;
    bottom: .8em !important;
}
div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
    color: #000 !important;
}
table.table-bordered.dataTable tbody th, table.table-boinput[type='text'], input[type='time'], input[type='date'], input[type='number'], input[type='datetime-local'], select, input[type='password'], #pickerrdered.dataTable tbody td {
    border-bottom-width: 0;
    color: #000 !important;
}
/*.table-striped tbody tr:nth-of-type(odd) {
    border-bottom:1px solid black ;
    background-color: #e8effa  !important;
}
.table-striped tbody tr:nth-of-type(even) {
    border-bottom:1px solid #ccc ;
}*/

#ctl00_lblpath > strong > ul > li:nth-child(3) {
    color:rgba(13, 112, 253,0.7);
}
#sidebar > div > div.sidebar-brand > a {
    font-size:16px;
    color:#202124;
    text-transform:capitalize;
}


.modal .modal-dialog .modal-content .modal-header {
    color:#202124;
    background-color: white;
    border-bottom:2px solid #0d70fd;
    font-weight:600;
}

.modal.right ul.list-group > li a i{
    color:#858796;
    font-weight:500;
    font-style:normal;
    
}
.modal.right ul.list-group > li a:hover i{
    color:#18191c;
        
}

.modal.right ul.list-group > li.list-group-item::before {
    content:'\f0c9';
    color:#3c8dbc;
}

.modal.right ul.list-group > li.list-group-item::after {
    content:'\f005';
    font-family: FontAwesome;
    display: inline-block;
    height: 20px;
    width: 20px;
    color: orange;
    font-size: 14px;
    vertical-align: middle;
    position:absolute;
    right:5px;
}

@media (max-width: 991px)  {
    #ctl00_mainMenu .level1.nav > li {
        background-color:white;
        
    }
    a.popout.level1 {
        background-color:#f4f4f4;
       
    }
    .popout.level1.static {
         color:#0d70fd !important;
    }
    .navbar-collapse.pull-left {
        background-color:transparent;
        
    }
}

@media screen and (max-width: 767px) {
    .sub-tabs .nav-tabs > li {
        width:100% !important;
    }
    .option-grid .option .text {
        text-align:left;
    }
}