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

	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%;

}


.ico-10-r{

  background: #5c59a0 url(../../images/vehicle_block.png);
  background-size: cover;

  background-position: 26% 4%;

}










/* 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 */