body, * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-rendering: optimizeLegibility; font-weight: 350; } .hide { display: none!important } /*loader*/ #page-loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999 } #page-loader.fade { display: none } #page-loader.fade.in, #page-loader.fade.show { display: block } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(359deg) } } @keyframes rotation { from { transform: rotate(0) } to { transform: rotate(359deg) } } .spinner, .spinner-small { height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; border: 2px solid rgba(0, 0, 0, .5); border-top: 2px solid #fff; border-radius: 100% } .fade.in .spinner, .fade.in .spinner-small, .fade.show .spinner, .fade.show .spinner-small { -webkit-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear } .spinner-small { border: 2px solid rgba(0, 0, 0, .05); border-top: 2px solid #24B498; height: 30px; width: 30px; margin: -15px 0 0 -15px } /*multiselect*/ .ms-container { width: 100%; } /**/ .rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .input-group-text i { width: 20px; } .login { background-color: #2f4050; } @media (min-width: 768px) { .vertical-center { min-height: 100%; /* Fallback for vh unit */ min-height: 100vh; /* You might also want to use 'height' property instead. Note that for percentage values of 'height' or 'min-height' properties, the 'height' of the parent element should be specified explicitly. In this case the parent of '.vertical-center' is the element */ /* Make it a flex container */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* Align the bootstrap's container vertically */ -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* In legacy web browsers such as Firefox 9 we need to specify the width of the flex container */ width: 100%; /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers hence the bootstrap's container won't be aligned to the center anymore. Therefore, we should use the following declarations to get it centered again */ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } /*MENU*/ .menu-title span { color: #a7b1c2; font-weight: 600; padding: 14px 20px 14px 25px; display: block; font-size: smaller !important; } .nav-label { text-transform: uppercase; } .nav-header { background-image: none } .nav>li.active { border-left: 4px solid #f23600; background: #293846; } /*datatables*/ .dt-buttons { float: right; padding-bottom: 10px; } div.dataTables_filter { padding-top: 4px; text-align: right; /* padding-right: 100px;*/ float: left; padding-bottom: 5px; } .fit{ width:1%; white-space:nowrap; } .editavel tr td:last-child{ width:1%; white-space:nowrap; } .editavel tr th:last-child{ text-align: center; } .dropdown-item.active { color: #fff; background-color: #2f4050; } .agile-list li.success-element { border-left: 7px solid #57dc5d; } .agile-list li.danger-element { border-left: 7px solid #ed5565;; } .agile-list li.warning-element { border-left: 7px solid #f8ac59;; } .agile-list li.normal-element { border-left: 7px solid #30a3db;; } .agile-list li { background: #fff; } .agile-list li:hover { background: #ececec; } #lastacessos .feed-element { padding-bottom: 0px; } #side-menu { min-height: 100%; } input.error , select.error{ background-color:#f2dede; border: 1px solid #ebccd1; color: #ebccd1; } #dashboard .no_content { margin: 0; padding: 100px 0 0 0; } .no_dashboard_reservations, .no_turnovers { -webkit-animation: fadeIn 0.15s; -moz-animation: fadeIn 0.15s; animation: fadeIn 0.15s; } .no_content .img { background-size: 100% auto; background-repeat: no-repeat; background-image: url(../img/nodata.svg); } .no_content .img { width: 236px; height: 168px; margin-bottom: 25px; opacity: 1; display: inline-block; background-position: center bottom; } .modal-header { background-color: #2f4050; color: rgb(254, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; } .modal-header .close{ color: rgb(254, 255, 255); } .modal-title i , .page-heading i { margin-right:5px; } .navbar-form-custom { float: left; height: 50px; padding: 0; width: 100%; max-width: 250px; display: block; } .estadoterminais .success-element { border-left: 7px solid #57dc5d; padding-left: 10px; } .estadoterminais .danger-element { border-left: 7px solid #ed5565; padding-left: 10px; } /*FAST SEARCH */ .icon-search { position: absolute; /* left: 10px; */ top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* color: #fff; */ font-size: 1.4em; margin: 0; cursor: pointer; margin-left:15px; } #fastsearch { margin-left:30px; } .navbar-static-top .resultados { right: auto; left: 30px; box-sizing: border-box; box-shadow: rgb(179, 180, 182) 0px 1px 3px 2px, rgba(0, 0, 0, 0.1) 0px 1px 2px; padding: 20px; border: 1px solid #676a6c; } .resultados:after, .resultados:before { bottom: 100%; left: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .resultados:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; } .resultados:before { border-color: rgba(4, 5, 5, 0); border-bottom-color: #676a6c; border-width: 16px; margin-left: -16px; } .infolink-terminal { cursor: pointer; } /*loaging pesquisa */ .loading_search { } /*novas cores 26012021*/ .navbar-default { background-color: #0f619f; border-color: #0f619f; color:#ffffff; } .nav-header { padding: 33px 25px; background-color: #0f619f; /*background-image: url(patterns/header-profile.png);*/ } .menu-title span , .nav > li > a{ color: #ffffff; } .nav-tabs > li > a{ color: #A7B1C2; } .rounded-circle { border-radius: 10%!important; } .modal-header { background-color: #0f619f; } .hide_me {display: none;} .swal2-container.swal2-center { align-items: center; z-index: 25000; } .matricula-img img { transition: 0.5s all ease-in-out; } .matricula-img:hover img { transform:translateX(-15px) translateY(-1px) scale(1.5); } .modal-lg { max-width:1000px; } .spin-icon { background: #2f4050; position: absolute; padding: 7px 10px 7px 13px; border-radius: 0px 0 0 0px; font-size: 16px; top: 0; left: 0; width: 40px; color: #fff; cursor: pointer; } .theme-config-box { margin-right: -350px; position: relative; z-index: 2100; transition-duration: 0.8s; } .skin-settings { width: 350px; margin-left: 40px; background: #f3f3f4; } .btn { border-radius: 0px; font-size: inherit; } .select2-container--open { z-index: 2200 } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 0px; } .swal2-styled.swal2-cancel, .swal2-styled.swal2-confirm { border-radius: 0.0em; } .theme-config { position: absolute; top: 75px; right: 0; overflow: hidden; }