html {height:100%!important;}
body {height:100%!important;width:100%!important;padding:0;margin:0;overflow-x:hidden;} 
.linen {color: white; border-color: #929ba6; background: #a7b2be url(../img/fabric.png);background: url(../img/fabric.png), -webkit-gradient(linear, left top, left bottom, from(#5d656e), to(#a7b2be)) repeat-x, #a7b2be; background: url(../img/fabric.png), -webkit-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be; background: url(../img/fabric.png), -moz-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be; background: url(../img/fabric.png), -ms-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be; background: url(../img/fabric.png), -o-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be; background: url(../img/fabric.png), linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be;}

.logo-wrapper{height:75px!important}
#form-signin input{background-color:#333; color:#fff; border:1px solid #fff; margin-bottom:10px}
@-webkit-keyframes autofill {to {color: #fff; background: #333}}

#response{position: fixed; top:0; right:-500px; z-index: 97; width: 500px;}
#saving{position: fixed; background-color:rgba(0,0,0,0.80);width: 100%; height:100%;z-index: 999998; display: none}
#saving>div{ position: absolute;top: 30%;left: 50%; transform: translate(-50%, -50%); z-index: 999999; font-size: 50px;color:#fff; text-align: center}
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
#lNav a,#settingsPanel a{color:#212529}
#_cbhtml button:hover{color:#fff!important;fill:#fff!important}

#_cbhtml button:hover svg{color:#fff!important;fill:#fff!important} 
.is-rte-tool :hover{color:#fff!important;fill:#fff!important}
.is-rte-tool span:hover{z-index: 1029!important}
.hide-btn{position:fixed; top:0;z-index: 10002!important}
.is-sidebar-button:hover svg{color:#fff!important;fill:#fff!important} 
.is-background-transparent{background-color:transparent!important}

.spacer20{width:100%; height: 20px;}
.spacer50{width:100%; height: 50px;}
.spacer100{width:100%; height: 100px;}
.spacer150{width:100%; height: 150px;}
.spacer200{width:100%; height: 200px;}

#sidebarTitle{background-color:#343a40; color:#fff; font-size: 24px; text-align:center; }
.modal-header{font-weight:bold; color: #1D1D1D; text-transform:uppercase; font-size: 20px}
.modal-content{z-index: 999999!important}
.modal-footer{background-color:#343a40; }
.modal-backdrop{opacity:0.5 !important;}
.app-header{z-index:9!important;}
.app-sidebar{z-index:9!important;}

.dataTables_length{width:20%; float: left}
#listTable_filter{text-align:right;width:50%; float: right}
.dataTables_info{width:20%; float: left}
.dataTables_paginate{text-align:right;width:50%; float: right}
.pagination{float: right}

.tooltip {padding:1px 8px;font-size:11px;background:#333;border-radius:0px;color:#fefefe;z-index:100005; margin:4px}
.tooltip>.arrow{display:none}
.tooltip>.tooltip-inner{background:#333}

.dropdown-item{font-weight: normal!important; color:#000!important; -webkit-font-smoothing: antialiased!important; z-index: 999; background-color:#fff }


.bottomBar {z-index:1030!important; position:fixed;bottom:0;left:0;width:100%;height:57px;background:rgba(52,52,52,0.95);text-align:center;padding:10px 0 0;box-sizing:border-box; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75)!important;}
.bottomBar button{width:calc(100% - 40%)}
.btn{padding: .44rem .84rem!important;}
.btn-outline-default{border:0!important;}

#divImageResizer{z-index:999!important}
#divImageTool{z-index:1000!important}
b{color:inherit!important;}