/* public/css/admin.css */ :root { /* make the backend contents as wide as the browser window */ /*--body-max-width: 100%;*/ /* change the background color of the */ --body-bg: #002855; /* make the base font size smaller */ --font-size-base: 13px; /* remove all border radius to make corners straight */ /*--border-radius: 0px;*/ --text-color: #676767; --label-default-bg: #676767; --color-primary: #56B2FF; --color-info: #192844; --link-color: #56b2ff; --link-hover-color: #3f546d; --link-hover-decoration: none; /* Setting wrapper to full width */ --body-max-width: 100%; } body { background-color: #002855; font-family: "Nexa","Myriad Pro",Helvetica,Arial,sans-serif; /*overflow: scroll !important;*/ } .footer { position: fixed; left: 0; bottom: 0; width: 100%; color: white; text-align: center; } /* to try and fix sticky footer issue in landscape mode */ @media screen and (max-height: 400px) { body { overflow: scroll !important; } .body, .login-wrapper { position: static; transform: none; } .footer { position: relative; } } .login-wrapper { margin-top: 0 !important; margin-bottom: auto !important; } a { color: #56b2ff; } a:hover { color: #56b2ff; } .fa { color: #ffcc33 !important; } .user-name { color: #ffffff; } .sidebar-menu a { color: #ffffff; display: block; padding: 4px 5px 10px 0; font-size: 16px; } .sidebar-menu a:hover { color: #56B2FF; } .sidebar-menu .fa { filter: opacity(100%); font-size: 1.4em; margin-right: 8px; width: 20px; } /* tree view menu */ .sidebar-menu .treeview-menu li a { font-size: 15px; } .sidebar-menu .treeview-menu .fa { font-size: 1.2em; margin-right: 8px; } /* end tree view menu */ .btn-link { color: #7291bf; font-weight: 400; } .btn-link:hover { color: #3f546d; text-decoration: none; } .btn-link:focus, .btn-link.focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #666; pointer-events: none; } /* .btn-primary override */ *.btn-primary { color: #FFFFFF; background-color: #56B2FF; border-color: #56B2FF; } .btn-primary:hover { color: #FFFFFF; background-color: #56B2FF; border-color: #56B2FF; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5) } .btn-primary.disabled, .btn-primary:disabled { color: #FFFFFF; background-color: #56B2FF; border-color: #56B2FF; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #FFFFFF; background-color: #56B2FF; border-color: #56B2FF; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5); } .btn-outline-primary { color: #FFFFFF; background-color: transparent; background-image: none; border-color: #56B2FF; } .btn-outline-primary:hover { color: #FFFFFF; background-color: #56B2FF; border-color: #56B2FF; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #FFFFFF; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { color: #FFFFFF; background-color: #56B2FF; border-color: #56B2FF; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5); } /* End .btn-primary override */ .form-actions .btn-default { color: #7291bf; } .treeview .treeview-icon { top: 27px !important; } .nav-button { border-radius: 4px; background-color: rgba(232, 173, 73, 0.1); /*background-color: rgba(63, 84, 109, 0.3);*/ border: none; color: #fff; font-size: 28px; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; width: 200px; transition: all 0.5s; cursor: pointer; margin-bottom: 5px; } div.copyright { /*border-right: 1px solid #e8ad49;*/ float: left; padding-right: 5px; } /*.button span {*/ /* cursor: pointer;*/ /* display: inline-block;*/ /* position: relative;*/ /* transition: 0.5s;*/ /*}*/ /*.button span:after {*/ /* content: '\00bb';*/ /* position: absolute;*/ /* opacity: 0;*/ /* top: 0;*/ /* right: -20px;*/ /* transition: 0.5s;*/ /*}*/ /*.button:hover span {*/ /* padding-right: 25px;*/ /*}*/ /*.button:hover span:after {*/ /* opacity: 1;*/ /* right: 0;*/ /*}*/ #header-logo-layout { font-size: 21px; font-weight: 600; line-height: 1; margin: 0; width: 40%; }