html,body{margin:0;padding:0;}
a,.link{color:#08fc;font-weight:bold;outline:none;text-decoration:none;background-color:transparent;transition:0.3s;cursor:pointer;}
a:hover,.link:hover{color:#08f;}

input,select{width:100%;border:0;outline:none;box-shadow:none;}
input{filter:none;}
input[type="number"]{width:calc(100%-48px);-moz-appearance:textfield;appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;}
input[type="range"]::-moz-range-track{height:5px;border:none;border-radius:3px;background:#08f8;}
input[type="range"]::-moz-range-thumb{border:none;height:24px;width:12px;background:#08f;}
input[type="file"]{display:none;}

select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:none;flex:1;padding:0 4px;cursor:pointer;}
select::-ms-expand{display:none;}

textarea{width:100%;border:0;outline:0;resize:none;}
textarea:disabled{color:black;background-color:white;}

.hidden{display:none !important;flex:0 !important;}

.header{position:fixed;top:0;width:100%;background-color:#0e80fd;box-shadow:0 2px 5px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(0,0,0,0.125);z-index:2;}
.logo{float:left;padding:8px;}
.title{position:relative;float:left;float:left;width:auto;font-style:italic;}
.title1{color:#fff;font-weight:400;text-shadow:0px 0px 5px black;}
.title2{color:#fffc;font-weight:600;text-shadow:0px 0px 4px black;}
footer{position:fixed;bottom:0;width:100%;height:20px;text-align:center;}

.message,.error,.warning{font-weight:bold;margin:auto;}
.message{color:#08f;}
.error{color:red;}
.warning{color:orange;}

.spinner{float:right;margin-top:-44px;width:32px;height:32px;border:4px solid #eee;border-top:4px solid #08f;border-radius:50%;
         animation:spin 2s linear infinite;-webkit-animation:spin 2s linear infinite}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

.navitem{display:block}
.toprnavitem{color:#fffc;background-color:#333;border-radius:3px;}

nav{display:block;z-index:1;background-color:#ccc;}

.mainnav{position:fixed;}
.subnav{position:fixed;width:100%;padding:1px;border-left:1px solid #ddd;border-bottom:1px solid #aaa;}

nav ul{list-style-type:none;text-align:center;cursor:pointer;transition:0.5s;margin:0;padding:0;color:#444;
        user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
nav ul li{background-color:#fff8;}
nav ul li:hover{background-color:#fffc;}
nav ul li.active{background-color:white;}

.mainnav ul li{margin:8px;border:1px solid #fff;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);}
.mainnav ul li:hover{color:#04c;}
.mainnav ul li.active{color:#08f;font-weight:bold;border:1px solid #fff;}

.subnav ul {display:table;}
.subnav ul li {display:table-cell;vertical-align:bottom;background-position:center;background-repeat:no-repeat;border-radius:2px;}
.subnav ul li.active{color:black;border-top:1px solid #fff;}

.status_New,.status_Confirmed,.status_Unverified,.status_Approved,.status_Locked,.status_Rejected,.status_Deleted{
display:inline-block;padding-bottom:2px;width:100px;background:#fff;border-radius:5px;text-align:center;font-weight:bold;
}
.status_New{color:#0cc}
.status_Confirmed,.status_Approved{color:#080}
.status_Unverified{color:#c80}
.status_Locked,.status_Rejected,.status_Deleted{color:#c00}

.doc-header{text-align:center;}
.sub-section,.sub-sub-section{position:relative;}
.doc-body p{display:flex;width:95%;}
.doc-body p label{font-weight:bold;}