@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold.woff2') format('woff2'),
         url('../fonts/poppins-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium.woff2') format('woff2'),
         url('../fonts/poppins-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular.woff2') format('woff2'),
         url('../fonts/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light.woff2') format('woff2'),
         url('../fonts/poppins-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold.woff2') format('woff2'),
         url('../fonts/poppins-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'poppinsextrabold';
  src: url('../fonts/poppins-extrabold.woff2') format('woff2'),
       url('../fonts/poppins-extrabold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsthin';
  src: url('../fonts/poppins-thin.woff2') format('woff2'),
       url('../fonts/poppins-thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body{font-family: 'poppinsmedium'; background-color: #eaecf3; font-size: 14px;}
html {scroll-behavior: smooth;}
.form-label{font-size: 15px; margin-bottom: 30px; margin-top: 5px;}

.deviderline{width: 100%; height: 1px; background-color: #cccccc; margin-top: 10px; margin-bottom: 20px;}
.uploadbutton{background-color:rgb(0, 108, 151); color: #ffffff; font-size: 13px;}
.uploadbutton:hover{color: #ffffff;}
.inputtext{font-size: 14px; margin-bottom: 20px; height: 35px;}
.mainhead h5{margin-top: 10px; font-size: 18px!important;}
.logo {text-align: center; width: 45%; margin-top: 7px;}
.logouttext{text-align: right; font-size:15px; color: #ffffff;}
.logouttext a{color: #ffffff; font-weight: normal; text-decoration: none; font-size: 15px;}
.bluebg{background-color: #2259bf; padding: 20px; height: 60px;}
.whitetopbg{background-color: #ffffff; height: 60px;}
.paddmargin0{padding: 0px; margin: 0px;}

.roundbox{padding: 10px; text-align: center; border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px; margin-top: 20px; margin-bottom: 10px; }
.roundbox h4{font-size: 22px; font-family: 'poppinssemibold';}
.whiteroundshape{background-color: rgb(255, 255, 255, 0.7); border-radius: 20px; padding:50px 80px; 
     margin-bottom: 40px; box-shadow: 0px 0px 10px 0px #c1cde7;}
.imgbg{position: fixed; right: 0px; bottom: 5%; width: 40%; z-index: -9;}
.driverbg{position: fixed; right: 0px; bottom: 0; width: 35%; z-index: -9;}

/* ----------------------indexpage-------------------- */

.leftnav{padding: 15px 30px; background-color: rgb(255, 255, 255, 0.8); height: 100vh; position: fixed; width: 20%;}
.leftnav ul li{list-style: none; margin-left: -20px; font-size: 14px; margin-bottom: 15px; 
     list-style-image: url("../images/arrow.png");} 
.leftnav ul li a{color: #4d4d4d; text-decoration: none; }
.leftnav ul li a:hover{color: #006ac0;}
.leftnav ul li a.active{color: #006ac0;}
.whiteouter{margin-left: -50px; padding: 20px; margin-top: 30px;}

.card1{background-color: #3a599c; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card1 h4{font-size: 18px; line-height: 25px;}


.card2{background-color: #1da1f3; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card2 h4{font-size: 18px; text-decoration: none; line-height: 25px; margin-top: 20px;}

.card3{background-color: #eb4d8a; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card3 h4{font-size: 18px; text-decoration: none; line-height: 25px;}

.card4{background-color: #0ebb52; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card4 h4{font-size: 18px; text-decoration: none; line-height: 25px;}

.card5{background-color: #ff9e51; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card5 h4{font-size: 18px; text-decoration: none; line-height: 25px;}

.card6{background-color: #ff014a; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card6 h4{font-size: 18px; text-decoration: none; line-height: 25px;}

.card7{background-color: #b017f7; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card7 h4{font-size: 18px; text-decoration: none; line-height: 25px;}

.card8{background-color: #555555; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card8 h4{font-size: 18px; text-decoration: none; line-height: 25px;}

.card9{background-color: #c1cde7; border-radius: 5px; padding: 30px; color: #ffffff; 
     text-align: center; text-decoration: none; height: 130px;}
.card9 h4{font-size: 18px; text-decoration: none; line-height: 25px;}


.dashboard-imgbg{background-image: url("../images/dashboard-img.jpg"); background-repeat: no-repeat; background-size: cover; height: 100vh;}

/* ----------------listing view---------------------- */
.listingtable{width: 100%; display: block; overflow: auto; margin-left: -30px; height: 100%; 
     background-color: rgb(255, 255, 255, 0.9); margin-top: 10px; border: 1px solid #a3a3a3; border-radius: 10px; } 
/* .listingtable table{width: 1200px;}
.listingtable2 table{width: 1800px;}
.listingtable3 table{width: 3200px;}
.listingtable4 table{width: 4500px;} */
.listingtable table tr th{padding: 10px!important; font-size: 14px!important;
font-weight: bold;}
.listingtable table tr td{ padding: 10px!important; font-size: 12px;}
.viewicon{color: #000000;}
.viewicon a{color: #000000; font-size: 16px;}
/* width */
::-webkit-scrollbar {
     width: 8px;
     height: 8px;
   }
   
   /* Track */
   ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px ffffff; 
     border-radius: 10px;
   }
    
   /* Handle */
   ::-webkit-scrollbar-thumb {
     background: rgb(207, 207, 207); 
     border-radius: 10px;
   }
   .listhead h2{margin-left: -30px; margin-top: 30px; font-size: 20px; color: #545454;}
   .tab{cursor: pointer;  }
   .tablinks{border-bottom: 1px solid #ccc; margin-top: 5px;}
   table tr td:last-child {
     text-align: center;
 }

 .viewwhitebg{background-color: rgb(255, 255, 255, 0.7); border-radius: 20px; padding:30px 40px; 
     margin-bottom: 40px; box-shadow: 0px 0px 10px 0px #c1cde7; margin-top: 10px;}
.viewwhitebg h6{font-size: 13px;}
.hrnew{height: 1px; background-color: #cccccc; margin:3px 0px 12px 0px;}
.backbutton{background-color:transparent; color: #000; font-size: 13px;}