/*#menu li{cursor:pointer; display:block;font-size:13px; float:left; margin-left:20px;}
#menu li:hover{color: cornflowerblue;} */
@media screen and (max-height:750px){
    #sub_nav1{margin-top: -140px;}
    
}
body{font-family: "Roboto"; font-size: 14px;}
table{font-family: "Roboto"; font-size: 14px;}
/*#menu{top:0px; left:0;position: fixed; padding: 10px; height: 50px;}*/
#nav{list-style: none; margin-left:-40px;}
#nav li{display: inline-block;}
#sub_nav, #sub_nav1,#sub_nav2,#sub_nav3{ position: absolute; margin-top:5px; margin-left: -15px;}
#sub_nav li,#sub_nav1 li,#sub_nav2 li,#sub_nav3 li{float: none; display: block;  margin-left:-40px; }
#sub_nav li:hover,#sub_nav1 li:hover,#sub_nav2 li:hover,#sub_nav3 li:hover{ color:white; background-color:black}
#img_bg{margin: 0; padding: 0; width: 100%; top:0;left: 0; position: fixed; height: 100%; z-index: -100; overflow: hidden;background:url(images/div.png) repeat-x ;}
#spinner{position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 9999;    background: url(images/loader.gif) 50% 50% no-repeat #fff;}
#loader{position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 9999;    background: url(images/loader.gif) 50% 50% no-repeat;}
.responsive-iframe {   top: 0;  left: 0;  bottom: 0;  right: 0;  width: 400px;  height: 100%;  border: none; padding:10px;}
.w3-box-s{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-box-ss{box-shadow: 2px 5px 3px 0 rgba(0,0,0,0.2),1px 2px 4px 0 rgba(0,0,0,0.19)}
.w3-btn-s{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-box-s-amber:hover{box-shadow: 0 8px 16px 0 rgba(255,87,34,0.2),0 6px 15px 0 rgba(255,87,34,0.2)}
.w3-box-s-blue:hover{box-shadow: 0 8px 16px 0 rgba(79,195,247,0.2),0 6px 15px 0 rgba(79,195,247,0.2)}
.w3-box-s-purple:hover{box-shadow: 0 8px 16px 0 rgba(133,9,128,0.2),0 6px 15px 0 rgba(133,9,128,0.2)}
.w3-box-s-green:hover{box-shadow: 0 8px 16px 0 rgba(133,9,128,0.2),0 6px 15px 0 rgba(0,230,118,0.2)}

#crmAjax{position: fixed; top:40px; left:0; min-width: 850px; min-height:450px; margin-left:20px; width: calc(100% - 40px); display: none; max-height: calc(100% - 80px);z-index: 11;}
#accounts{position: fixed; top: 40px; left: 50%; margin-left: -490px; width: 980px; display: none; max-height: calc(100%-90px); z-index: 13;}
#off_inv,#EMR{position: fixed; top: 40px; left: 0; margin-left: 60px; width: calc(100% - 60px); display: none; height: calc(100% - 90px); z-index: 13;}
.cur{cursor: pointer;}
.max-w{max-width: 100px;}   .mar{margin:10px 0;}
.mar-btm{margin-bottom: 10px;}  .mar-top{margin-top: 20px;}
#popup{top:25%; left:50%; width:500px; min-height:200px; margin-left:-250px; margin-top:-150px; position: fixed; display: none; z-index: 100;}
.lgt-blu{background-color: #4fc3f7; color:white;}
.db{min-width: 200px; overflow-x:scroll; -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ } 
.db::-webkit-scrollbar { display: none;}
#error{display: none; left: 50%; min-width: 300px; height: 50px; margin-left: -150px; position: fixed; top:30%; z-index: 101;}
#overlay{display: none; top:0; left: 0; width: 100%; height: 100%; position: fixed; opacity: .4; background-color: #fff; z-index: 10;}

.responsive-iframe {top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}

#wall{bottom:0; right:0; position: fixed; margin-bottom: 10px; margin-right: 10px; padding:15px;}
#quick{bottom:0; left:0; position: fixed; margin-bottom: 10px; margin-left: 10px; padding:15px;}
#t_nfr th, #t_nfr td{ text-align: center;}

/*SCROLLBAR for CRM */
#crmAjax::-webkit-scrollbar-track, #prd_list::-webkit-scrollbar-track, #bill::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
#crmAjax::-webkit-scrollbar, #prd_list::-webkit-scrollbar, #bill::-webkit-scrollbar{width: 5px;	background-color: #F5F5F5;}
#crmAjax::-webkit-scrollbar-thumb, #prd_list::-webkit-scrollbar-thumb, #bill::-webkit-scrollbar-thumb{background-color: #eb3809;}


::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
::-webkit-scrollbar{width: 5px; height: 0px; background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #eb3809;}

.responsive-iframe::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.responsive-iframe::-webkit-scrollbar{width: 6px;	background-color: #F5F5F5;}
.responsive-iframe::-webkit-scrollbar-thumb{background-color: #eb3809}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] { -moz-appearance: textfield;}