@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); 
body{ max-width: 100%; } 
::-webkit-scrollbar {width: 8px;height: 8px;} 
::-webkit-scrollbar-track {background: #353535;} 
::-webkit-scrollbar-thumb {background: #a5baff;border-radius:10px;} 
::-webkit-scrollbar-thumb:hover {background: #7393fc;} 
input,button:focus{outline: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.tr_row_hover:hover{background-color: #dadada;} 
.tooltip > .tooltip-inner{background-color: #dc3545;} 
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {border-top-color: #dc3545;} 
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: #dc3545;} 
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {border-left-color: #dc3545;} 
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {border-right-color: #dc3545;} 
.hover_set_0:hover{ cursor: pointer; } 
.hover_set_1:hover{ color: gray; cursor: pointer; } 
.hover_set_2:hover{ color: #540000; cursor: pointer; } 
.hover_set_3:hover{ color: #2581b3; cursor: pointer; } 
#header_div{ width: 100%; height: 40px; font-weight: bold; font-size: 20px; float: left; color: gray; padding: 5px 20px; border-bottom-style: solid; border-color: #CCCCCC; border-width: 1px; background-image: linear-gradient(white,whitesmoke); font-family: 'Quicksand', sans-serif; } 
#index_login_text{ width: 96.5%; background-color: #3c97cf; color: white; padding: 1px; margin: 1.5%; float: left; text-align: center; font-size: 17px; font-weight: bold; } 
#footer_div{ width: 100%; position: absolute; bottom: 0; border-top-style: solid; border-color: #CCCCCC; border-width: 1px; text-align: center; font-size: 11px; padding: 15px; } 
.main_content_menu { background-color: #777; color: white; cursor: pointer; padding: 3px 5px 3px 5px; width: 100%; border: none; text-align: left; outline: none; font-weight: bold; font-size: 11px; } 
.active, .main_content_menu:hover { background-color: #555; } 
.main_content_menu:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px; } 
.active:after { content: "\2212"; } 
.sub_menu_content { max-height: 0; padding: 1px 2px 0px 2px; overflow: hidden; transition: max-height 0.2s ease-out; background-color: white; } 
#sub_menu_content_item{ width: 100%; color: #e75d00; font-size: 12px; padding: 1px 5px 1px 5px; border-bottom-style: solid; border-color: black; border-width: 1px; } 
#sub_menu_content_heading{ width: 100%; color: #291770; font-size: 11px; font-weight: bold; padding: 1px 3px 1px 3px; border-bottom-style: solid; border-color: black; border-width: 1px; }
.bar1, .bar2, .bar3 { width: 13px; height: 2px; background-color: black; margin: 2px 0; transition: 0.4s; } 
.menu_icons_container { cursor: pointer; float: left; margin-top: 6px; margin-left: 15px; }