/*----------------------------------------------------------------------------------------------------- eLogin.css Default styles for page (sections) Author : Szincsák András ------------------------------------------------------------------------------------------------------*/ /*global settings */ body {font-family:'OpenSans', sans-serif;font-size:16px;line-height: 1em;overflow-x:hidden} p {padding:0;margin:0} b, strong { font-weight: bold} a, a:focus, link{outline:none;color:inherit;} a.pdf{display: block; text-indent: 100px;overflow:hidden;float: right;width: 40px;height: 40px; margin-top: -5px;background: url(../images/pdf.png) center center no-repeat} a:hover,link:hover {opacity:.8;color:inherit;text-decoration: none} .contain-wrapper{position:relative;height: 82vh;;} #countdown{background:transparent;color:#fff; text-align: center;transition:all .5s ease-in-out; padding:3px 7px;margin:5px 0px 0 10px;min-width:44px;min-height:23px;display:block;float:left} #countdown.active {background:#000;color:#fff; border: 1px solid #ffdbdb;} .menu div{display:block} .menu .userblock{ margin-bottom: 0px;} .menu .userblock li{display:block; list-style:none;cursor:pointer;padding:0;margin:0} .menu .userblock li.hasSubmenu {position:relative;padding-right:15px;font-weight:bold} .menu .userblock li.hasSubmenu:after {content:"▼";position:absolute;right:0px;top: 0;transition: all .5s ease-in-out} .menu .userblock li.hasSubmenu:hover:after {transform: rotate(-180deg);top: -2px;} .menu .userblock li.hasSubmenu:hover ul {max-height:200px;padding-top: 7px;} .menu .userblock li ul{max-height:0; margin: 0; padding: 0; overflow: hidden; position: absolute; right: 0; transition: max-height .5s ease-in-out; top: 15px; background: #d63031; z-index: 2; } .menu .userblock li ul li a{padding:5px; margin: 1px;;display:block;} .menu .userblock li ul li a:hover{background:#50585a;opacity: 1} /*loginForm*/ body.login {font-size: 16px;background:url("../images/bg.png") no-repeat;background-size: cover;overflow: hidden;} #formContainer {width: 60%;position: absolute;top: 0;bottom: 0;display: flex; z-index: 100;} #formContainer .logo {margin-bottom:50px} #imgContainer {float:right;opacity:.7} #imgContainer img {max-height: 100vh} #loginForm {margin:auto;min-width: 380px;text-align:center;} #loginForm .form-control {border:2px solid #ef402f;background:transparent;color:#fff;margin:0px 0 5px 0;text-align:center} #loginForm .form-control::placeholder {color:#fff;font-style: italic;text-transform: lowercase} #loginForm .controls{padding-bottom:18px} #loginForm .controls.error{padding-bottom:2px} #loginForm .errorMessage{color:#ef402f;font-size:.8em;font-style: italic} /*buttons*/ #loginForm .btn{min-width:250px;display:block;margin:0px auto 20px auto;font-size:.8rem;outline:none!Important;border-radius: 5px;text-transform: uppercase;text-align:center;} #loginForm .btn:hover {opacity:.6;cursor:pointer} #loginForm .btn_submit {background:#d63031;color:#fff;box-shadow: 1px 1px 4px #000000ab;} #loginForm .btn_reset {background:#636e723d; color: #767676;} /*TableView*/ /*header*/ #headerMain {background:#bbc6ca;padding-bottom:10px;} #headerMain .logo {width: 50%;margin-top:10px} #headerMain .headerLine {text-align: right;width: 100%;background:#d63031;color:#fff;text-transform: uppercase;font-size:.6em;padding:5px 0} #headerMain .nav-inner {text-align:right} #topMenu li {display:inline-block;padding:0;margin:0} #topMenu li a {display:block;text-align: center;padding:10px 20px;background:#333b3e;color:#fff;text-transform: uppercase;min-width: 130px} #topMenu li.active a {background:#636b6e;color:#fff;} #topMenu li a .icon {display:block;margin:0 auto 10px auto;} /*Table*/ #sectionDTable{float:left;position: relative;;margin-right:0px; width: calc(100% - 42px); height: 86vh; transition: all .3s ease-in-out; overflow-y: auto; overflow-x: hidden;} #sectionDTable .tTitle {text-align: center;padding:5px 0; height: 40px;border:none;border-bottom:1px solid #d63031} #sectionDTable thead tr {background:#465156;color:#fff;} #sectionDTable thead th {font-size: 12px;text-transform: uppercase;padding:10px;border-right:1px solid #868888;} #sectionDTable tr {cursor:pointer} #sectionDTable tr tr {max-height: 0;transition:all ease-in-out 1s} #sectionDTable tr.shown tr {max-height: 100%} #sectionDTable tr.shown {background:#ffeaa7!Important} #sectionDTable tr.odd {background:#b1bdc3} #sectionDTable tr.even {background:#dfe6e9} #sectionDTable tr.even td, #sectionDTable tr.odd td {position: relative;padding:10px 5px;text-align:left;font-size:.7em;border-right: 1px solid #969696;} #sectionDTable td.details-control { background: url('../images/details_open.png') no-repeat center center; cursor: pointer; } #sectionDTable tr.shown td.details-control { background: url('../images/details_close.png') no-repeat center center; } #sectionDTable thead th.sorting, #sectionDTable thead th.sorting_desc, #sectionDTable thead th.sorting_asc{font-size:13px;position :relative;line-height:1em;padding:10px 20px 10px 5px} #sectionDTable thead th.sorting{ color: #bbb; } #sectionDTable thead th.sorting::after, #sectionDTable thead th.sorting_desc::after, #sectionDTable thead th.sorting_asc::after{ font-size: 14px; line-height: 15px; text-align:center; width: 16px; height: 16px; position: absolute; right: 5px; top: calc(50% - 9px); padding: 0 2px 0 0; background:#f00; } #sectionDTable thead th.sorting::after, #sectionDTable thead th.sorting_asc::after{ content:"⯆"; } #sectionDTable thead th.sorting::after{ background:#a00; color: #aaa; } #sectionDTable thead th.sorting_desc::after{ content:"⯅"; padding-top: 1px; } .debug-info{ background: #ccc; padding: 5px; font-size: .8em; } .dataTables_processing{ position: absolute; top: 5px; left: 20px;background: #d63031;color: #fff;padding: 5px 10px; border-radius:0; text-transform: uppercase;font-size: 11px;padding: 3px 10px;} /*SubContent*/ #sectionDTable .subContainer {background:#dfe6e9;z-index:9999;} #sectionDTable .subContent {padding:0} /* Pagination */ #sectionDTable .pagination{margin-top:10px;font-size:12px} #sectionDTable .page-link {background-color: #ccc;border-color: #666;} .page-item.active .page-link {background-color: #485153!Important;border-color: #666;} #BIreport { border: none; width: 100%; background: #ccc;height: 82vh;} /*TABEL icons*/ td.detail-name{min-height:20px;word-break: break-all; line-height: 12px; padding-right: 30px!Important;background:url(../images/photo.png) right center no-repeat;} td.icon{width:25px;text-align:center!Important} td.icon-right{padding-right:24px!Important} /* icons*/ .fa {font-weight:300!Important} .fa.bigger{font-size:13px; width: 21px; height: 21px;text-align: center;} .fa-pull-right{position:absolute;top:calc(50% - 8px);right:5px; padding: 2px!Important; width: 16px; height: 16px;text-align: center;font-size: 11px!Important;} .fa.red{ background: #f00; color: #fff; border-color: #f666;} .fa.green{ background: #299656; color: #fff; border-color: #299656;} .fa.yellow{ background: #fdcb6e; color: #333; border-color: #cccc5a;} .fa.gray{ background: transparent; color: #ad6e6e; border-color: #ad6e6e; border-style: dashed;} .nav-tabs{ margin-left: 3px; overflow-x: auto; overflow-y: hidden;} .nav-item{ font-size: .7em; margin: 5px 2px -1px 2px;} .nav-item a{ line-height:1.1em} .nav-item .nav-link{ background: #636b6e; color: #fff;} .tab-content{border: 1px solid #aaa; margin: 0px 5px;} .itemData{cursor: default;padding: 0; margin: 0;} .itemData table{} .itemData td{font-size:.75em; padding: 4px; vertical-align: middle;word-break: break-all} .itemData td:nth-child(1){width: 150px; min-width: 150px;} .gmap{min-height:200px;height:70%;width:100%;bottom :0;position:absolute} .chart {padding: 10px;background:#fff6dc;transition:all 0s ease-in; border: 1px solid #aaa;margin-bottom: 2%; } #chart{ height: 25%; max-height:200px; width: 100%; cursor: zoom-in;} .chart.opened{position: absolute;transition:all .3s ease-out; z-index: 10000; right: 20px; top: 0; height: 60%!IMportant; width: 150%!IMportant; max-height: 600px!Important; cursor: zoom-out!Important; } .block-gray{background:#f9f9f9} .editors .btn-group{ width: auto; margin: 10px auto; display: block;} .editors .btn{font-size:.9em;text-transform: uppercase;padding: 8px 1rem; min-width: 29%; border: 2px outset #bdbdbd;;width: auto;border-radius:0px; box-shadow: none;} .editors .btn.active{opacity:.7; text-decoration: underline;font-weight:bold; color: #000000;border: 2px inset #d0d0d0; margin: 1px 1px 0 0;} .editors .btn:hover{opacity:.7;} button.multiselect {width:100%;overflow:hidden;text-align:left;padding: 5px 15px!Important;border-radius:0;;} span.multiselect-native-select .btn-group{width:100%;} .multiselect-container>li>a>label {padding: 3px 20px 3px 10px;} .dropdown-toggle::after {position: absolute;right: 5px; top: 44%;} .image-container{margin:0px -15px; position: relative; overflow: hidden; cursor: row-resize;} .image-container img{ cursor: row-resize;} .slick-lightbox-slick-item-inner{position: relative; overflow: hidden; cursor: row-resize;} .loadError{padding:20px;background:#fff} .btn-edit {width:155px;margin:10px auto; padding: 10px 0 10px 50px;;color:#fff;display:block;background:rgba(85, 111, 120, 0.8) url(../images/edit.svg)8px 4px no-repeat;background-size:28px} .btn-edit:hover, .btn-edit:focus{color:#eee;text-decoration: none} .editorform { font-size: .8em; padding: 5px;} .editorform td{vertical-align:middle} .editorform textarea{width:100%;border: 1px solid #ccc; margin: 0px -10px; padding: 5px 10px;} .error-block{color:#f00;min-height:25px} .error-block br{display:none} .editorform select{width:100%; padding: 10px 10px 10px 0; font-size: 1.1em; font-weight: bold; color: #666; border: 1px solid #ccc;} .editorform select option {padding:5px 0} /*.editorform .set-textarea{ width: 100%; min-height: 40px;}*/ .formtable thead{cursor:move} .formtable input {padding:5px;width:100%; font-size: 1.1em;} .swal2-input{margin:5px auto!Important} .btn-outline-.active{background: #d63031;color: #fff;} .infobox{position: relative;padding:20px;background: #333b3ed1;color: #d3d3d3; min-height: calc(100% + 20px); padding-bottom: 20px;} .infobox .info-text{height: auto;overflow-x:hidden;overflow-y:auto; padding-right: 20px; margin-right: -20px;} .infobox p{text-align:justify;font-size:.9em;padding-bottom: 8px;line-height:1em} .infobox .btn-bottom.abs{position:absolute;bottom:20px;;width:200px;left: 50%;margin-left: -120px; padding: 10px 20px;background-color: #d35a5b;;border-color: #d35a5b;} .infobox .btn-bottom{color:#fff;background-color: #d35a5b;width:200px;margin:20px auto 0px auto; display: block;border-color: #d35a5b;} .infobox{ scrollbar-face-color: #367CD2; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; } /* Let's get this party started */ .infobox::-webkit-scrollbar { width: 12px;} /* Track */ .infobox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .infobox::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .btn-section{padding:10px 0} .btn-section .btn{width: calc(100% - 20px)} .btn-section .btn-primary{background-color:#299656; width: calc(100% - 20px);border-color:#299656} .btn-popup, .btn-popup:active, .btn-popup:focus, .btn-popup:hover{background-color:#d63031; color: #fff;} .user td.detail-name{background:none} .popup{background:#6c7375; height: 100%;overflow: hidden;} .popup h1{color:#fff;text-align:center; font-size: 1.5em;margin: 20px; text-transform: uppercase;} .popup h1 small { display: block;text-transform: none;color: #bfc7ca;} .popup h2{ color: #fff; text-align: center; margin:40px auto 10px auto; font-size: 1.5em;} .popup p{ color: #d7d0d0; text-align: center; } .popup form {margin: 10px auto; color: #b3b3b3; padding: 40px;} .popup .btn-primary{color: #fff;border-radius:0; max-width: 80%;background-color: #ef402f; cursor: pointer; border: none;padding: 10px 20px; margin: 40px auto 5px auto;display: block;} .popup form .form-group{position:relative;margin-bottom: 1.5rem;} .popup form .form-label{text-transform: uppercase; font-size: .7em; margin: 0; color: #b3b3b3; display: block; position: absolute; bottom: 99%; opacity: 0;} .popup form .form-control {background:#dadfe1} .popup form .form-control:placeholder-shown + .form-label { visibility: hidden; z-index: -1; } .popup form .form-control:not(:placeholder-shown) + .form-label, .popup form .form-control:focus:not(:placeholder-shown) + .form-label{ visibility: visible; z-index: 1; opacity: 1;} .popup form .form-label{text-transform: uppercase; font-size: .7em; margin: 0; color: #b3b3b3; display: block; position: absolute; bottom: 99%; opacity: 0;} .errorMessage{color: #f6cece;margin-top: 3px;font-size: 15px;}