.formdiv {
  height: auto;
  margin: 0 auto;
}
.logo {
  height: 40px;
  /*box-shadow: 1px 1px 10px rgb(43, 43, 43);*/
}

.sidebarwrapper {
  box-shadow: 1px 1px 8px #b8b8b8;
  min-width: 200px;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}
.sidebarwrapper::-webkit-scrollbar {
  display: none;
}
.sidebardiv {
  padding: 0px;
}
.mainbodydiv {
  width: 88%;
  margin-left: 210px;
}
.main_header {
  z-index: 6;
  height: 150px;
  width: 100%;
  background-color: white;
  position: fixed;
}
.main_body {
  margin-top: 150px;
  height: 100%;
  width: 99%;
  /*background-color: grey;*/
  padding: 10px;
}

.page_title {
  width: 200px;
  background-color: #152656;
  height: 40px;
  border-radius: 0px 0px 10px 10px;
  padding: 5px;
  padding-top: 10px;
  text-align: center;
  margin-top: -2px;
  color: white;
  font-family: "Calibri";
  font-size: 14px;
}

.headerdiv {
  border: 0px solid black;
  padding: 3px;
  background-color: #152656;
}
.maindiv {
  margin-top: 55px;
}
.sidebartop {
  text-align: right;
  padding: 10px;
  border-bottom: 1px solid #b8b8b8;
  cursor: pointer;
  position: fixed;
  min-width: 200px;
  background-color: white;
  z-index: 1050;
}
.sidebarmenu {
  padding: 0px;
  margin-top: 40px;
}

.loginform {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 20px;
  width: 400px;
  margin: 0 auto;
  box-shadow: 3px 3px 10px grey;
}
.loginform_msg {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 5px;
  width: 350px;
  margin: 0 auto;
  color:grey;
}
.login-formitem{
  width:90%;
  margin-bottom: 10px;
  height:40px;
  border-radius: 10px;
  border:1px solid rgb(228, 228, 228);
  padding: 10px;
  color: rgb(99, 99, 99);
}


.titleform {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 5px;
  width: 350px;
  margin: 0 auto;
  /*font-family: "Fredoka One";*/
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #2c85d9;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.tabform {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 5px;
  width: 35%;
  margin-left: 20%;
  margin-bottom:32px;
  margin-right:320px;
  /*font-family: "Fredoka One";*/
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 10;
  font-size: 10px;
  color: #2c85d9;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tabform ul{
  border-bottom:0px solid rgb(201, 201, 201);
  background-color: #fcfcfc;
  padding:0px;

  
}
.tabform li{
  padding:0px;
  
}
.tab_under{
  border:1px solid rgb(201, 201, 201);
  width:70%;
  margin: 0 auto;
  border-radius: 5px;
  padding-bottom: 10px;
  box-shadow: 5px 10px 18px #888888;
}

.dncpro-btn-warning {
  background-color: rgb(255, 174, 0);
  color: white;
  padding: 5px 10px 5px 10px;
  box-shadow: 3px 3px 10px grey;
  border: 0px;
  border-radius: 10px;
}
.dncpro-btn-info {
  background-color: #b1b1b1;
  color: #23415e;
  padding: 5px 10px 5px 10px;
  box-shadow: 3px 3px 10px grey;
  border: 0px;
  border-radius: 10px;
}
.gradientblue_bg {
  background-image: linear-gradient(
    to right top,
    #8a85ff,
    #929dff,
    #a0b4ff,
    #b5caff,
    #cedeff,
    #dbe7ff,
    #e9f1ff,
    #f7faff,
    #fafbff,
    #fcfcff,
    #fefeff,
    #ffffff
  );
}
.darkblue_bg {
  background-color: #fcfcfc;
}
.table_style{
  width: 100%;
}
.table_style th{
   
  border: solid white 1px; background-color:#1d4581;
  color:white;
  padding: 10px;
  text-align: center;
}
.table_style td{
   
  border: solid rgb(202, 202, 202) 1px;
  padding: 10px;
  text-align: center;
  overflow-y: auto;
}

.table_freeze_head{
  width: 100%;
  border-collapse: collapse;
  
  
}
.table_freeze_head th{
  position: sticky; /* make the table heads sticky */
  top: 320px; /* table head will be placed from the top of the table and sticks to it */
}
/* .table_freeze_head tbody{
  
  

} */

.pagination {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tooltip {
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  max-width: 300px;
  height: 300px;

}

.hidden {
  display: none;
}
.fading_message {
  transition: opacity 1s ease-in-out;
}


.background-red {
  background-color: #ef7b7b;
}

.background-green {
  background-color: #28c64b;
}

.background-yellow {
  background-color: #c1c222;
}

.background-black {
  background-color: #1d1d1d;
}

.text-red {
  color: #e44949;;
}

.text-green {
  color: #28c64b;
}

.text-yellow {
  color: #c1c222;
}

.tooltip-wrapper {
  position: relative;
 
}

.tooltip-box {
  position: absolute;
  top: -120%;
  left: -120px;
  transform: translateX(-50%);
  background-color: #f9c7c7;
  color: #2b2b2b;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 100;
  display: none;
  max-width: 200px;        
  white-space: normal;     
  word-wrap: break-word;   
}

.tooltip-wrapper:hover .tooltip-box {
  display: block;
}


.icon-contact {
  font-size: 25px;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .loginform {
    /*border:1px solid rgb(121, 120, 120);*/
    padding: 20px;
    margin: 0 auto;
    box-shadow: 3px 3px 10px grey;
  }

}


@media only screen and (max-width: 1024px) and (min-width: 768px) {

  .loginform {
    /*border:1px solid rgb(121, 120, 120);*/
    padding: 20px;
    margin: 0 auto;
    box-shadow: 3px 3px 10px grey;
  }

  .icon-contact {
    font-size: 15px;
  }
}

@media screen and (max-width: 1280px) {
  .icon-contact {
    font-size: 18px;
  }
}


@media screen and (max-width: 1366px) {
  .icon-contact {
    font-size: 21px;
  }
}