/*================================================================================



	Item Name: Materialize - Material Design Admin Template



	Version: 5.0



	Author: Yatendra







================================================================================*/







.sidenav-active-rounded .sidenav li > a.active:after {



    right: 0;



    border: 8px solid transparent;



    content: " ";



    height: 0;



    width: 0;



    position: absolute;



    pointer-events: none;



    border-right-color: #141322;



    top: 50%;



    margin-top: -8px;



}







.sidenav-active-rounded .sidenav li > a.active {



    margin-right: 0rem;



    color: #fff;



    border-radius: 0 !important;



}











.sidenav-active-rounded.nav-collapsed li > a, .sidenav-active-rounded.nav-collapsed li a.collapsible-header {



    margin-right: 0px !important;



}







.brand-sidebar .logo-wrapper a.brand-logo img {



    height: 28px;



}















.sidenav-dark.sidenav-main .sidenav li.bold > a:not(.active):hover, .sidenav-dark.sidenav-main .sidenav li:not(.active).open {



  background-color: transparent !important;



}



.sidenav-dark.sidenav-main .sidenav li.bold:hover {



  background-color: rgba(0, 0, 0, .1) !important;



}



.sidenav-dark.sidenav-main .sidenav li:not(.bg-d-blue) {



  border-bottom: 1px solid #363561;



}



















.brand-sidebar .brand-logo {







    padding: 16px 12px 22px 12px;



}











.Header-menu ul#nav-mobile, .Header-menu, .Header-menu .dropdown-trigger i {



    height: 40px !important;



    line-height: 40px;



}



.navbar  .Header-menu {







    margin: 0px auto 0 48px;



}







.Header-menu li {



    position: relative;



}







.card-panel.blue-grey h4 {



    font-size: 25px;



}







.Header-menu  ul#nav-mobile > li + li::before , .login-nav  ul li + li::before {



    position: absolute;



    top: -2px;



    content: "|";



    color: #bdbdbd;



    left: -2px;



}







.Header-menu #nav-mobile a {



    font-size: 12px;



    letter-spacing: 0.5px;



}







.navbar .sideNav-lock .Header-menu {



    width: calc(100% - 228px);



    margin: 0px auto 0 235px;



}











.f-11{ font-size: 11.5px;}



.f-12{ font-size: 12px!important;}



.f-14{ font-size: 14px;}



.f-18{ font-size: 18px;}



.rounded-btn{ border-radius: 100px;}



.rounded-left{ border-top-left-radius: 100px; border-bottom-left-radius: 100px;}



.rounded-right{ border-top-right-radius: 100px; border-bottom-right-radius: 100px;}















.btn-small {



    padding: 0px 20px;



    font-size: 0.6em;



    line-height: 20px;



    height: 20px;



    letter-spacing: 0;



    font-weight: 300;



}











.gradient-45deg-light-blue



{



    background: #0f8bfe;







}



.gradient-45deg-light-d-blue



{



    background:#3751e4;







}







.gradient-45deg-light-blue:hover



{



    background: #0270d8;







}







.gradient-45deg-light-blue.gradient-shadow



{



    box-shadow: 0 6px 20px 0 rgb(15 139 254 / 0.5) !important;



}







.gradient-45deg-light-d-blue.gradient-shadow



{



    box-shadow: 0 6px 20px 0 rgb(55 81 228 / 78%) !important;



}







.waves-effect.waves-purple .waves-ripple {



    /* The alpha value allows the text and background color



    of the button to still show through. */



    background-color: #0f8bfe;



  }







  .bg-right {



    background: url(../../images/login-bg.png) bottom right no-repeat;



    background-size: 65%;



}











.w-50{ width:50%;}







.select-box select {



    border: none;



}







.select-box select {



    height: 38px !important;



    line-height: 38px !important;



}







.select-box select:focus {



    outline: 1px solid transparent;



}







.d-inline-block{display: inline-block;}







.box-list .card-panel.blue-grey p , .box-list .card-panel.blue-grey h4 {



    font-weight: 300;



    letter-spacing: 0.5px;







}



.box-list .card-panel.blue-grey p:first-child{ line-height: 15px;}



.box-list .card-panel{ transition: ease 0.5s;}



.box-list .card-panel:hover {



    background: #3d3b5d !important;



}



#dropdown1 a:hover{ color:#fff;}







#dropdown1.dropdown-content li > a:hover ,   #profile-dropdown.dropdown-content li > a:hover {







  background-color: #035198;



}







.box-head{background: #3d3b5d;



    padding: 10px;



    font-size: 14px;



    margin-top: 12px;



}







.header-search-wrapper .select2-selection--single {

  background: #000 !important;

  border: none !important;

}



.header-search-wrapper .select2-selection__rendered {

  color: #fff !important;

}

.header-search-wrapper .input-field {

  line-height: 38px;

}























  .footer-dark .footer-copyright {







    font-size: 12px;



}







.footer-dark .footer-copyright a , .login-footer span , .login-footer a{



    color: #a9a5e7;



}



.footer-dark .footer-copyright a:hover {



    color: #9892f1;



}



.login-footer span {



    font-size: 10px;



}







.check [type='checkbox'] + span:not(.lever):before, .check [type='checkbox']:not(.filled-in) + span:not(.lever):after{ border-color: #e4e4e4;}















.check [type='checkbox']:checked + span:not(.lever):before {



  top: -4px;



  left: -5px;



  width: 12px;



  height: 22px;



  -webkit-transform: rotate(



40deg



);



  -ms-transform: rotate(40deg);



  transform: rotate(40deg);



  -webkit-transform-origin: 100% 100%;



  -ms-transform-origin: 100% 100%;



  transform-origin: 100% 100%;



  border-top: 2px solid transparent;



  border-right: 2px solid #03a9f4;



  border-bottom: 2px solid #03a9f4;



  border-left: 2px solid transparent;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



}



.login-footer {



    position: relative;



    top: 30px;



}







.d-line {



    width: 9%;



    height: 3px;



}







.over-head {







    padding: 6px 20px;



    width: 20%;



    margin-top: -30px;



    position: relative;



    border-top-right-radius:10px;







}







ul#dropdown1 {



    top: 40px !important;



    width: 150px!important;



}







.font-weight-normal{ font-weight: 500;}



.font-weight-bold{ font-weight: 600;}











.sidenav li > a, .sidenav li a.collapsible-header{ font-size: 12px; font-weight: 300;     line-height: 50px;



  height: 50px;}



.sidenav li > a > i.material-icons, .sidenav li a.collapsible-header > i.material-icons {



margin: 0 5px 0 0;



}







.sidenav-active-rounded .sidenav li > a, .sidenav-active-rounded .sidenav li a.collapsible-header {







    padding: 0 0 0 10px !important;



}







.f-txt {



    min-height: 40px;



}















/* Small color box css */



.ico {



    line-height: 44px;



    height: 44px;



    float: left;



    width: 24px;



    margin: 0 5px 0 0;







}



.ico-bx {



    line-height: 35px;



    height: 35px;



    float: left;



    width: 35px;











}



.ico-bx-r {



    line-height: 44px;



    height: 28px;



    float: left;



    width: 28px;



    border-radius:2px;











}







.bg-d-blue{background: #3d3b5d;}







    .pin {



        background: url(../../images/icon.png);



        background-position: center;



        background-size: contain;



        background-repeat: no-repeat;



    }











.ico-1{



    background: url(../../images/split-ico.png);



    background-position: 1% -16%;



}



.ico-2{



    background: url(../../images/split-ico.png);



    background-position: 8% -16%;



}



.ico-3{



    background: url(../../images/split-ico.png);



    background-position: 14.5% -16%;



}



.ico-4{



    background: url(../../images/split-ico.png);



    background-position: 20% -16%;



}



.ico-5{



    background: url(../../images/split-ico.png);



    background-position: 26.4% -16%;



}



.ico-6{



    background: url(../../images/split-ico.png);



    background-position: 32% -16%;



}







 .ico-7{



    background: url(../../images/split-ico.png);



    background-position: 37% -16%;



}



.ico-8{



    background: #4d75ff url(../../images/split-ico.png);



    background-position: 46% 3%;



    border-radius: 5px;



}



.ico-9{







    background: #ffc400 url(../../images/split-ico.png);



    background-position: 54.5% 3%;



    border-radius: 5px;



}



.ico-10{



    background: #7f3edd url(../../images/split-ico.png);



    background-position: 63.5% 3%;



    border-radius: 5px;



}







.ico-11{



    background: #4d75ff url(../../images/split-ico.png);



    background-position: 73.3% 3%;



    border-radius: 5px;



}



.ico-12{



  background: url(../../images/review_checkgate_activity.png);



  background-position: 73.3% 3%;



  border-radius: 5px;



}



.ico-13{



  background: url(../../images/mcheck_review_activity.png);



  background-position: 73.3% 3%;



  border-radius: 5px;



}

.ico-14{



  background:  url(../../images/vehiclewise_e_notice_details.png);



  background-position: 73.3% 3%;



  border-radius: 5px;



}

.ico-15{



  background:  url(../../images/e_notice_summary_report.png);



  background-position: 73.3% 3%;



  border-radius: 5px;



}

.ico-16{



  background:  url(../../images/mcheck_activities.png);



  background-position: 73.3% 3%;



  border-radius: 5px;



}





.ico-5-r{



    background: #5c59a0 url(../../images/split-ico.png);



    background-position: 0.4% 1%;



}



.ico-6-r{



    background: #5c59a0 url(../../images/split-ico.png);



    background-position: 26% 4%;



}



.ico-7-r{



    background: #5c59a0 url(../../images/split-ico.png);



    background-position: 81.2% 6%;



}



.ico-8-r{



    background: #5c59a0 url(../../images/split-ico.png);



    background-position: 37.2% 6%;



}



.ico-9-r{



    background: #5c59a0 url(../../images/split-ico.png);



    background-position: 72.8% 6%;



}























/* Map css */



.gm-style-iw.gm-style-iw-c {



    border-radius: 20px;



    padding: 10px;



    box-shadow: 0 2px 7px 1px rgb(0 0 0 / 45%);



}







button.gm-ui-hover-effect {



    top: 4px !important;



    right: 10px !important;



}







#map {



    height: 47vh;



  }







/* Loging css */







nav.login-nav {



    background: #fff;



    box-shadow: none;



}



nav.login-nav ul a {



    color: #757575;



    font-size: 12px;



}







nav.login-nav  ul a:hover {



  background-color: rgb(0 0 0 / 0%);



}















.login-nav li {



    height: 20px !important;



    line-height: 20px;



    position: relative;



}







@media   (max-width:786px){







    .small-d {



        display: block !important;



    }







    .bg-right {



        background:none;







    }







    #login-page .login-about {



        padding: 15px !important;



    margin: 0px !important;



    background: #3751e4;



    }



}







@media (min-width:1200px){







    .box-list .card-panel {



        padding: 5px 20px;



        margin-bottom: 5px;



    }



}











/* Prelaoder */







 #preloader {



    position: fixed;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    z-index: 9999;



    overflow: hidden;



    background: #fff;



  }







 /* #preloader:before {



    content: "";



    position: fixed;



    top: calc(50% - 30px);



    left: calc(50% - 30px);



    border: 6px solid #f2f2f2;



    border-top: 6px solid #18d26e;



    border-radius: 50%;



    width: 60px;



    height: 60px;



    -webkit-animation: animate-preloader 1s linear infinite;



    animation: animate-preloader 1s linear infinite;



  }







  @-webkit-keyframes animate-preloader {



    0% {



      -webkit-transform: rotate(0deg);



      transform: rotate(0deg);



    }







    100% {



      -webkit-transform: rotate(360deg);



      transform: rotate(360deg);



    }



  }







  @keyframes animate-preloader {



    0% {



      -webkit-transform: rotate(0deg);



      transform: rotate(0deg);



    }







    100% {



      -webkit-transform: rotate(360deg);



      transform: rotate(360deg);



    }



  } */



































  #preloader {



    display: flex;



    height: 100vh;



    justify-content: center;



    align-items: center;



    background: #051344;



  }



  #preloader .wrapper {



    width: auto;



    height: auto;



  }



  #preloader ul {



    display: grid;



    grid-template-columns: repeat(5, 1fr);



    animation: rot 16s linear infinite;



  }



  @keyframes rot {



    100% {



      transform: rotate(360deg);



    }



  }



  #preloader  li {



      list-style: none;



    width: 40px;



    height: 40px;



    background: #651FFF;



    border-radius: 4px;



    box-shadow: 0 0 1px #fff, 0 0 5px #651FFF, 0 0 10px #651FFF, 0 0 15px #651FFF, 0 0 25px #651FFF, 0 0 55px #651FFF;



    animation: scale 0.8s linear alternate infinite;



  }



  @keyframes scale {



    100% {



      transform: scale(0.1);



      opacity: 0;



    }



  }



  #preloader li:nth-child(1) {



    z-index: 24;



  }



  #preloader li:nth-child(2) {



    z-index: 23;



  }



  #preloader li:nth-child(3) {



    z-index: 22;



  }



  #preloaderli:nth-child(4) {



    z-index: 21;



  }



  #preloader li:nth-child(5) {



    z-index: 20;



  }



  #preloader li:nth-child(6) {



    z-index: 19;



  }



  #preloader li:nth-child(7) {



    z-index: 18;



  }



  #preloader li:nth-child(8) {



    z-index: 17;



  }



  #preloader li:nth-child(9) {



    z-index: 16;



  }



  #preloader li:nth-child(10) {



    z-index: 15;



  }



  #preloader li:nth-child(11) {



    z-index: 14;



  }



  #preloader li:nth-child(12) {



    z-index: 13;



  }



  #preloader li:nth-child(13) {



    z-index: 12;



  }



  #preloader li:nth-child(14) {



    z-index: 11;



  }



  #preloader li:nth-child(15) {



    z-index: 10;



  }



  #preloader li:nth-child(16) {



    z-index: 9;



  }



  #preloader li:nth-child(17) {



    z-index: 8;



  }



  #preloader li:nth-child(18) {



    z-index: 7;



  }



  #preloader li:nth-child(19) {



    z-index: 6;



  }



  #preloader li:nth-child(20) {



    z-index: 5;



  }



  #preloader li:nth-child(21) {



    z-index: 4;



  }



  #preloader li:nth-child(22) {



    z-index: 3;



  }



  #preloader  li:nth-child(23) {



    z-index: 2;



  }



  #preloader li:nth-child(24) {



    z-index: 1;



  }



  #preloader li:nth-child(25) {



    z-index: 0;



  }



  #preloader  li:nth-child(1) {



    animation-delay: 0.1s;



  }



  #preloader  li:nth-child(7) {



    animation-delay: 0.3s;



  }



  #preloader li:nth-child(13) {



    animation-delay: 0.5s;



  }



  #preloader li:nth-child(19) {



    animation-delay: 0.7s;



  }



  #preloader li:nth-child(24) {



    animation-delay: 0.9s;



  }



  #preloader li:nth-child(2) {



    animation-delay: 0.2s;



  }



  #preloader li:nth-child(8) {



    animation-delay: 0.4s;



  }



  #preloader li:nth-child(14) {



    animation-delay: 0.6s;



  }



  #preloader li:nth-child(20) {



    animation-delay: 0.8s;



  }



  #preloader  li:nth-child(3) {



    animation-delay: 0.3s;



  }



  #preloader li:nth-child(9) {



    animation-delay: 0.5s;



  }



  #preloader li:nth-child(15) {



    animation-delay: 0.7s;



  }



  #preloader li:nth-child(4) {



    animation-delay: 0.4s;



  }



  #preloader li:nth-child(10) {



    animation-delay: 0.6s;



  }



  #preloader li:nth-child(5) {



    animation-delay: 0.5s;



  }



  #preloader li:nth-child(1) {



    animation-delay: 0.1s;



  }



  #preloader li:nth-child(6) {



    animation-delay: 0.2s;



  }



  #preloader li:nth-child(11) {



    animation-delay: 0.3s;



  }



  #preloader li:nth-child(16) {



    animation-delay: 0.4s;



  }



  #preloader li:nth-child(21) {



    animation-delay: 0.5s;



  }



  #preloader  li:nth-child(7) {



    animation-delay: 0.3s;



  }



  #preloader li:nth-child(12) {



    animation-delay: 0.4s;



  }



  #preloader li:nth-child(17) {



    animation-delay: 0.5s;



  }



  #preloader li:nth-child(22) {



    animation-delay: 0.6s;



  }



  #preloader  li:nth-child(13) {



    animation-delay: 0.5s;



  }



  #preloader li:nth-child(18) {



    animation-delay: 0.6s;



  }



  #preloader  li:nth-child(23) {



    animation-delay: 0.7s;



  }



  #preloader li:nth-child(19) {



    animation-delay: 0.7s;



  }



  #preloader li:nth-child(24) {



    animation-delay: 0.8s;



  }



  #preloader li:nth-child(25) {



    animation-delay: 0.9s;



  }









/* Absolute Center Spinner */



#ajaxloader {

    position: fixed;

    z-index: 9999999;

    height: 2em;

    width: 2em;

    overflow: visible;

    margin: auto;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}





/* Transparent Overlay */



#ajaxloader:before {

    content: '';

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);

}





/* :not(:required) hides these rules from IE9 and below */



#ajaxloader:not(:required) {

    /* hide "loading..." text */

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

}



#ajaxloader:not(:required):after {

    content: '';

    display: block;

    font-size: 10px;

    width: 1em;

    height: 1em;

    margin-top: -0.5em;

    -webkit-animation: spinner 1500ms infinite linear;

    -moz-animation: spinner 1500ms infinite linear;

    -ms-animation: spinner 1500ms infinite linear;

    -o-animation: spinner 1500ms infinite linear;

    animation: spinner 1500ms infinite linear;

    border-radius: 0.5em;

    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;

    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;

}





/* Animation */



@-webkit-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-moz-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-o-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}





/* end loader css */