/*-----------------------------------------------------------------------------------------------------style.cssDefault styles for page (sections)Author:Szincsák András ------------------------------------------------------------------------------------------------------*/ /*global settings */ .popup-layout{background: #e5e5e5;} #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*/ #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;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{max-width:50%;width:46%;display:inline-block;margin:0px 3% 20px auto;;font-size:.75rem;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:#d7d7d7; color:#767676; margin:0 auto 20px 3%;} /*TableView*/ /*header*/ #headerMain{background:#fff;padding-bottom:0px;} #headerMain .logo{width:50%;margin:5px 0 0 5px} #headerMain .headerLine{text-align:right;width:100%;background:#d63031;color:#fff;text-transform:uppercase;font-size:.6em;padding:5px 0} #headerMenu{padding-bottom:10px;background:#fbfbfb;} #headerMain .nav-inner{text-align:right} #topMenu{margin:0;padding:0} #topMenu li{display:inline-block;padding:0;margin:0} #topMenu li a{display:block;text-align:center;padding:15px 20px 10px 20px;text-transform:uppercase;font-weight:bold} #topMenu li:hover a{color:#666; } #topMenu li.active a{background:#d63031;color:#fff;} /*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} .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:#fff; color:#666; height:100%;overflow:hidden;} .popup h1{color:#ef402f;text-align:center; font-size:1.5em;margin:20px 0 0 0; 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:20px 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;padding:12px 20px; border:none; border-radius:0;} .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;} .breadcrumb-block{ background: #dad9d9; margin-right: -9px; } .breadcrumb-block .breadcrumb{ background: transparent; padding: 15px 0 10px 10px;} .iconset{display:block;float:right;text-align:right; padding: 10px 10px 0 0;} .iconset a {display:inline-block;padding: .25rem .5rem; font-size: .875rem;border-radius: .2rem;outline: none;} .iconset a.details {color:#d63031;background: #c7c7c7;} .iconset a.new {color:#fff;background:#5cb85c} .iconset a.update {color:#fff;background:#d63031}