.navbar{ background: #f8f8f8; }
.footer{ background: #e4e4e4; padding: 4px; }
.footer a{ color:navy; }
body,.table,.form-control,.btn{ font-size: 11px; }
.table th,.table td{ line-height: 1; }
.login-form .body,.login-form .table,.login-form .form-control,.login-form .btn{ font-size: 15px; }
.navbar{ padding: 0px 10px; }
.navbar-header{ width: 250px; }
.navbar .dropdown-menu a:hover{ color:red; }
.sidebar{ position:fixed; width: 250px; border-right: 1px solid #ced4da; background: white; z-index:100; height: 100%; overflow: auto; padding-bottom: 80px; }
.content{ margin-left: 250px; }
.menus li>a{ padding: 5px 10px; display: block; line-height: 20px; border-bottom:1px solid #c4c4c4; }
.menus ul li a{ padding-left: 25px; }
.menus li>a:hover{ background: #00c8d4; color: white; transition:all 0.3s ease; }
.menus .collapsed{ background: white; }
.menus li,.menus ul{ border:0px; padding:0px; list-style: none; margin:0px; }
.menus .arrow{ margin-top: 3px; }
.body{ margin-top: 50px; }
input[type=button],input[type=submit]{ cursor:pointer; }
.search,.module-header{ background: #f1eec7; padding: 8px; height: 38px; }
.module-title{ padding: 5px; font-weight:bold; }
a{ color:#646464; text-decoration:none; }
a:hover{ text-decoration:none; }
.box{ padding: 10px; border:1px solid silver; border-radius: 5px; margin-top: 15px; }
.box table td{ padding: 5px; }
.form-control:focus{ box-shadow:none; background: #fdfd90; }
.table-list td,.table-list th,.table-field-list td,.table-field-list th{ padding: 2px; overflow: hidden; text-overflow: ellipsis; }
.table-list th,.table-field-list th{ white-space: nowrap; }
.table-field-list{ width:auto; }
.table-field-list .form-control{ border:0px; }
.module-body{ padding: 5px 15px 5px 10px; }
.module-body .box a:not(.btn){ color:#0056b3; text-decoration:none; }
.module-body .box a:hover:not(.btn){ color:maroon; text-decoration:underline; }
.module-body .form-control{ padding:2px 4px; }
.module-body select.form-control:not([size]):not([multiple]){ height: auto; }
.module-body .btn{ padding: 0px 6px; }
.module-body .form-control[readonly]{ border: 0px; padding: 0px 3px 0px 0px !important; color:#212529; }
.module-body .datepicker.form-control[readonly]{ text-align: left !important; }
.module-body .datepicker.form-control[readonly]+.input-group-append{ display:none; }
.table-hover tbody tr:hover{ background-color: #00000013 !important; }
.ui-selectable-helper { position: absolute; z-index: 10000; border: 1px solid #000; background: #1e90ff; opacity: 0.3; }
.print-design .print-element:hover { background: #f9ffbe; }
.print-design .print-element:hover .ui-resizable-handle{ display:block !important; }
.print-design .print-element .ui-resizable-handle{ display:none !important; }
.print-element.ui-selecting { background: #f7f5a4; }
.print-element.ui-selected,.print-element-active { background: #dadada; }
.print-design .print-element{ word-wrap:break-word; outline:none; }
.print-element table td{ border:1px solid black; padding: 2px; vertical-align: middle; font-size: inherit; }
.print-element table td:empty:after{ content: "\00a0"; }
.print-design p{ margin-bottom:0px; }
.dropdown-menu .active .dropdown-item{ color: #16181b; background-color: #f8f9fa; }
.module-body [readonly]{ background: #ebebeb !important; }
.modal-body [readonly]{ background: none !important; }
textarea[readonly]{ resize: none; }
.statusbar{ padding: 5px; }
.table-responsive{ overflow-x:unset; }

@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url(password.ttf);
}

.password{ font-family:"password"; }

/*blink*/
@keyframes blink { 50% { opacity: 0.0; } }
.blink { animation: blink 0.5s step-start 0s infinite; }

@keyframes blink2 { 50% { opacity: 0.3; } }
.td-link-edit:hover { animation: blink2 0.5s step-start 0s infinite; }
.table-hover tbody tr{ opacity: 1; transition: 0.3s; }
.table-hover tbody tr:hover{ opacity: 0.6; }

/*mCollapsed*/
.mCollapsed .navbar-header{ width: auto; }
.mCollapsed .content{ margin-left: 34px; }
.mCollapsed .sidebar{ width: 34px; }
.mCollapsed .sidebar .menus li,.mCollapsed .sidebar .menus li>a{ white-space: nowrap; }
.mCollapsed .search{ display: none; }
.mCollapsed .toggleMenu{ float: left !important; margin: 9px 6px 0px -6px !important; }
.mCollapsed .sidebar .menus>li:hover .submenu{ display: block; z-index: 1; width: 210px; position: fixed; background: white; margin-left: 33px; margin-top: -31px; border: 1px solid silver; }
.mCollapsed .sidebar .menus>li .submenu{ transition:display 0.5s ease; }
.mCollapsed .sidebar .menus>li:hover .submenu li a{ padding-left: 5px; }
.mCollapsed .sidebar .dropdown .text,.mCollapsed .sidebar .dropdown .toggle{ display: none; }
.mCollapsed .sidebar::-webkit-scrollbar { display: none; }
.mCollapsed .submenu.collapse { display: none; }

/*mobile*/
@media only screen and (max-width: 600px) {
  .navbar .nav-item .text,.module-header-right .text,.mobil-hide{ display:none; }
  .navbar .topbar{ margin-top: -7px !important; width: 100%; }
  .user-image{ height:35px; }
  .user-image-link{ height:auto !important; padding-right:5px !important; border-radius:0px !important; margin-top: 5px; }
  nav.navbar{ padding-bottom:5px; }
  .module-header{ height:auto; padding:2px; }
  .content .form-search{ width: 100% !important; }
  .module-header-right{ float: left !important; width: 85%; }
  .table-filters .filter .btn { width: 80px; margin-bottom: 5px; }
  .module-header-right .buttons{ margin-top: -48px; display: block; float: right; }
  .module-header-right .buttons .btn{ font-size: 7px; }
  .navbar-right{ position: absolute; top: 0px; right: 105px; }
  .user-menu{ left:-30px; }
  .module-title{ width:150px; }
  .mCollapsed .navbar-right{ right:-5px; }
  .user-fullname{ width: 80px; display: inline-block; overflow: hidden; max-height: 32px; text-overflow: ellipsis; position: relative; vertical-align: middle; }
  .table-responsive{ overflow-x:auto; }
}