body{font-size:1rem;}

/* Headings */
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;}
h1{font-size:2rem;margin:18px 0;}
h2{font-size:1.75rem;margin:16px 0;}
h3{font-size:1.5rem;margin:14px 0;}
h4{font-size:1.25rem;margin:12px 0;}
h5{font-size:1.125rem;margin:0;}
h6{font-size:1.125rem;margin:12px 0;text-decoration:underline;}

input,select,textarea{font-size:0.875rem;}
input.otp{font-size: 1.25rem;}
.header{height:64px;}
.logo img{height:48px;}
.title{padding:4px 16px;margin-left:4px;top:4px;}
.title1{font-size:2rem;}
.title2{font-size:1.5rem;}
footer,.message,.error,.warning,.small{font-size:0.75rem;}
footer{margin-bottom:20px;}

.navitem{padding:14px 24px;}
.toprnavitem{position:relative;float:right;width:auto;margin-right:4px;top:6px;}

.mainnav{height:100%;top:64px;width:175px;padding-top:2px;border-right:1px solid #aaa;}
.subnav{top:64px;left:175px;height:92px;}

.mainnav ul {display:inline;}
.mainnav ul li{height:40px;padding-top:16px;}

.subnav ul li{padding:8px 0px 4px 0px;width:112px;height:80px;background-size:48px 48px;border-right:2px solid #eef;font-size:11px;}

.status_New,.status_Confirmed,.status_Unverified,.status_Approved,.status_Locked{font-size:0.95rem;}



/* Dialogs */
.dialog-wrapper{z-index:30;position:fixed;display:flex;width:100%;height:100%;justify-content:center;top:10px;}
.dialog-box{z-index:40;position:relative;max-height:90%;margin:auto;padding:2px;display:flex;flex-direction:column;background-color:white;
            border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(0,0,0,0.125);}
.dialog-control-bar{z-index:50;position:relative;width:100%;height:32px;display:flex;background-color:#40a6ff;cursor:move;}
.dialog-control-title{flex:1;padding:3px 6px;font-weight:bold;}
.dialog-control-buttons{padding:2px;}
.dialog-control-buttons button{margin-right:6px;}
.dialog-content{overflow-y:auto;z-index:50;position:relative;border:1px solid #ddd;}
.dialog-subtitle,.dialog-text{padding:0px 20px 10px;}
.form{display:flex;flex-direction:column;padding:0 20px;}
.form-input-row,.form-buttons-row,.form-message-row{display:flex;width:100%;margin-bottom:1rem;}
.label{flex:1;margin:auto 0;}
.form-input,.form-avatar{width:100%;}
.form-input{flex:2;}
.form-avatar{display:flex;}
.form-avatar img{height:128px;}
.file-upload{display:inherit;flex:1;height:32px;margin:auto 20px 0;padding:0 4px;font-size:1rem;cursor:pointer;}
.file-upload span{padding-left:8px;margin:auto 0;}

.text-input,.select-input{display:flex;align-items:center;padding:4px;margin-right:20px;text-align:left;border-radius:4px;transition:0.3s;}
.text-input input,.select-input select{width:calc(100%-48px);}
.text-input input{margin: 0 4px 0 6px;}
.text-input input:disabled,.select-input select:disabled{background-color:white;}
.iti{border:1px solid #8888;}
.iti:hover{border:1px solid #888;}
.iti-valid,.select-input{border:1px solid #08f8;}
.iti-valid:hover,.select-input:hover{border:1px solid #08f;}

.select-input{position:relative;height:1.875rem;}
.select-input::after{content:'\25BC';position:absolute;top:0;right:0;padding:7px 10px;color:#222;background:#08f8;cursor:pointer;pointer-events:none;
                     -webkit-transition:0.3s;-o-transition:0.3s;transition: 0.3s;}
.select-input:hover::after{color:#2228;}
.filter{width:280px;margin-right:20px;background-color:white;}
.submit{z-index:30;background-color:#ddd;padding:12px 20px;display:flex;}

/* Pages */
.page-wrapper{position:relative;top:160px;left:175px;width:calc(100% - 207px);height:calc(100% - 200px);padding-left:32px;overflow-y:auto;}

/* Toolbar */
.toolbar{display:flex;width:99%;height:76px;margin-bottom:4px;background-color:#eee;border-radius:4px;}
.toolbar ul{display:flex;width:100%;list-style:none;align-items:center;justify-content:space-between;margin:0;padding:6px 18px;}

/* Document */
.about-wrapper{width:calc(100% - 20px);height:calc(100% - 100px);display:flex;}
.about-wrapper section{flex:2;}
.about-wrapper section h3{margin:0;}
.slideshow{flex:3;height:100%;/*padding:2px;*/margin-left:20px;/*border:1px solid #08f;border-radius:4px;*/}
.slideshow img{width:100%;}
.slide{/*margin-bottom:-5px;*/-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;}
#slide-current{position:relative;opacity:1;}
#slide-next{position:absolute;top:76px;margin-right:20px;/*margin:2px 22px 0 0;*/opacity:0;}

.doc-wrapper{width:calc(100% - 50px);height:calc(100% - 100px);display:flex;flex-direction:column;}
.content-wrapper{width:calc(100% - 12px);height:calc(100% - 100px);display:flex;flex-direction:column;}
.doc-body{font-size:1.125rem;overflow-x:hidden;overflow-y:auto;}
.doc-body h3{margin:36px 0 18px;}
.sub-section,.sub-sub-section{left:75px;}
.doc-body p label{width:75px;}
.doc-body p span{width:calc(100% - 75px);}
.sub-sub-section p span{width:calc(100% - 150px);}