@import url("css/all.min.css");
@media print
{
  
  table { page-break-inside:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }

}


@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .35em solid transparent;
	    border-right: 0;
	    border-bottom: .35em solid transparent;
	    border-left: .35em solid;
      position: absolute;
      left: 90%;
      top: 30%;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}


.print_font{
  font-size: 9.5px;
}

.active_select{
   background-color: #666;
   
 }
 .table_report{
  max-height: 75vh;
  overflow-y: scroll;
  
}

.phone_dash{
  max-height: 50vh;
  overflow-y: scroll;
  
}

 .work_class{
   max-height:45vh;
  overflow-y: scroll;
 }

 .hr_class{
  max-height:20vh;
 overflow-y: scroll;
}
 .work_type_class{
  max-height:75vh;
 overflow-y: scroll;
}
.login_style{
    background-color: rgba(135, 207, 235, 0.4);
}

.regisiter_style{
    background-color: rgba(255, 228, 196, 0.76);
}
.mrequired:after {
  content: "  *";
    color: red;
    font-weight: bolder;
    margin-left: 5px;
}

 #top_bar .bga{
    background-color:rgba(0, 128, 0, 0.7);
    color:white;
 }


 #top_bar .bgu{
    background-color:rgba(137, 43, 226, 0.8);
    color:white;
 }


 #menu_bar nav{
    background-color: rgba(128, 128, 128, 0);    
 }


 #menu_bar .nav-item .nav-link{
    color: black;  
  
 }


 #menu_bar .nav-item .active{
    color: blue;  
   
 }

 #his_table{
   max-height: 58vh;
  
 }


 .blink {
   animation: blinker 1s linear infinite;
 }
 
 @keyframes blinker {
   50% {
     opacity: 0;
   }
 }


 .dot {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
}