/**
 * @file
 * Subtheme specific CSS.
 */


 #page nav.sidemenu {
    /* background-color: red; */
    border-color: transparent;
    background-color: unset;
}

.sidemenu a.nav-link.nav-link--.is-active, 
a.nav-link.active.is-active,
.page-view-frontpage a.nav-link.nav-link-- {
    color: white!important;
    background: #f00810db;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, #f00810db 0%, rgba(0, 0, 0, 0) 90%) !important;
}






.sidemenu a.nav-link {
    background: black;
    padding: 1em 2em;
    margin: 0.5em 1em;
    border-radius: 14px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgb(25 25 25) 0%, rgba(0, 0, 0, 0) 90%);
}

.navbar-brand img {
    height: 2em;
}

.page-user-login main#content {
    max-width: 20em;
    margin: 10em auto 0;
    box-shadow: black 1px 1px 2px;
    padding: 1em 2em;
    border-radius: 1em;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 60%, rgb(49 48 46) 100%);
}

.page-user-login #page, 
.page-user-login #main-wrapper, 
.page-user-login .region-primary-menu .menu-item a.is-active, 
.page-user-login .region-primary-menu .menu-item--active-trail a {
    background: unset;
}

body.page-user-login {
    /* background: url('/themes/custom//cepheus/css/cf2.jpg');
    background-size: cover; */
    background: url(/themes/custom/cepheus/css/cepheus-signin-bg-100.jpg);
    background-size: cover;
}

body.page-user-password {
    /* background: url('/themes/custom//cepheus/css/cf2.jpg');
    background-size: cover; */
    background: url(/themes/custom/cepheus/css/cepheus-signin-bg-100.jpg);
    background-size: cover;
}

.page-user-login ul.nav.primary.nav-tabs {
    display: none;
}

.page-user-login .site-footer {
    display: none;
}

button.navbar-toggler.collapsed {
    /* background: #ffffff70; */
    background: white;
    /* margin-right: 1em; */
}

#navbar-main {
    padding: 10px 1em;
}


/* Webform DIALOG */
.webform-options-display-buttons .form-check-input:checked ~ .form-check-label {
    background: #0074bd47;
}



/* Sidebar */
div#sidebar_first {
    background: #313030;
    box-shadow: black 0 0 7px;
    /* background-image: url(ground.png); */
}

a.nav-link.nav-link--:hover {
    background: #c3c3c3;
    color: black !important;
    
}

/* div#block-cepheus-content input {
    background: #fff00024;
} */

div#block-cepheus-content small {
    display: none;
}

div#block-cepheus-content h1.title {
    color: #bbb;
}

a.button.wbutton {
    text-decoration: none;
    text-transform: uppercase;
    background: black;
    color: white;
    padding: 5px 15px;
    border-radius: 1em;
}

.view.view-button-blocks p {
    margin: 0;
}



.clients-page thead {
    background: #c3131a;
}

a.use-ajax.fa {
    text-decoration: none;
}


#page-wrapper #page nav#navbar-top {
    background: black !important;
}

.clients-detail th.views-field {
    background: #c3131a;
}

.clients-detail td.views-field {
    background: #fff;
}

.clients-detail th {
    padding: 1em;
    max-width: 3em;
}

.clients-detail .view-content.row {
    display: inline;
}

.clients-detail tr td, .clients-detail tr th {
    border: 1px solid #00000070;
}

.clients-detail tbody{
    font-size: 1.2em;
}

.clearfix.text-formatted.field.field--name-field-link p,
.clearfix.text-formatted.field.field--name-field-link {
    display: inline;
}

.view-header {
    /* margin-bottom: 2em; */
    margin-top: 2em;
}

a.button.wbutton:hover {
    background: green;
}

input#edit-bill-of-quantity-add-more-items {
    display: none;
}


/* ---------------------- */

.vtable-block thead {
    background: black;
}

.vtable-block .row {
    display: unset;
}

.vtable-block th {
    background: #b71b21;
    /* max-width: 5em; */
}



#block-cepheus-content {
    margin-bottom: 3em;
}

#page .site-footer {
    background-color: #292929;
    background-image: url(ground.png);
}

div#block-cepheus-lorem img {
    max-width: 100%;
}

div#block-productpage img {
    max-width: 100%;
}


/* FORM Modal */

#drupal-modal button.btn {
    background: #0d6efd;
    color: white;
}

.ui-dialog-titlebar {
    background: #b71b21;
}

.ui-dialog.ui-corner-all {
    border: solid #b71b21 6px;
}

button.ui-dialog-titlebar-close {
    background: black;
}

html .ui-widget-overlay {
    opacity: 0.85;
}

span.ui-dialog-title {
    color: white;
}

.block-spacer-down {
    margin-bottom: 4em;
}

.offcanvas-body {
    background: black;
}

/* main#content {
    background: #696868;
} */

.path-frontpage main#content, 
.path-sgmd main#content {
    background: #696868;
}

figure#sgmdGauge h3 {
    background: black;
    color: white;
    display: inline-block;
    padding: 0.2em 0.4em;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.horizontal-tabs.clearfix {
    background: white;
}

section.meter {
    background: black;
    padding: 6px;
    margin: 1em;
    border-radius: 17px;
    box-shadow: #454545 0px 15px 21px 3px;
}

.page-user-login .btn-primary {
    color: black;
    border-color: #452f1c;
    width: 100%;
    border-radius: 2em;
    background: linear-gradient(90deg, rgba(192, 133, 85, 1) 0%, rgb(196 109 40) 50%, rgba(192, 133, 85, 1) 100%);
}

.page-user-login .form-control, .page-user-login .form-control:focus {
    background-color: #000000 !important;
    border-color: #3d3d3d !important;
    color: #a8a8a8;
    border-radius: 2em;
}

.page-user-login label {
    display: none;
}

.page-user-login .form-type-password {
    margin: 0 !important;
}

.page-user-login #block-cepheus-content {
    margin-bottom: 1em;
}

.page-user-login .form-submit::before {
    display: none;
}

.page-user-login .tabs {
    display: none;
}

.page-user-login .navbar-toggler {
    display: none;
}

.page-user-login .bg-secondary {
    background-color: rgb(0 0 0) !important;
}

.page-user-login .form-control:focus {
    background-color: #000000 !important;
    border-color: #3d3d3d !important;
    color: #a8a8a8;
    border-radius: 2em;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 12%);
}

#reset a {
    text-decoration: none;
    color: #aaa;
    display: inline-block;
    font-size: smaller;
    font-style: italic;
    position: relative;
    left: 11em;
}

.page-user-password .btn-primary {
    color: black;
    border-color: #452f1c;
    width: 100%;
    border-radius: 2em;
    background: linear-gradient(90deg, rgba(192, 133, 85, 1) 0%, rgb(196 109 40) 50%, rgba(192, 133, 85, 1) 100%);
}
.page-user-password div#main {
    max-width: 20em;
    margin: 10em auto 0;
    box-shadow: black 1px 1px 2px;
    padding: 1em 2em;
    border-radius: 1em;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 60%, rgb(49 48 46) 100%);
}

.page-user-password main#content {
    background: none;
}

body.page-user-password  {
    color: #c1793e;
}

.page-user-password .form-control, .page-user-password .form-control:focus {
    background-color: #000000 !important;
    border-color: #3d3d3d !important;
    color: #a8a8a8;
    border-radius: 2em;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 13%);
}



.page-user-password #page,
.page-user-password #main-wrapper {
    background: none;
}

.page-user-password .site-footer {
    display: none;
}

.page-user-password nav.tabs ul {
    display: none;
}

.page-user-password label {
    display: none;
}

.page-user-password .btn-primary:hover, 
.page-user-password .btn-primary:focus, 
.page-user-login .btn-primary:hover, 
.page-user-login .btn-primary:focus {
    /* background-color: #ee9651 !important; */
    box-shadow: none !important;
    background: linear-gradient(90deg, rgba(192, 133, 85, 1) 0%, rgb(239 171 117) 50%, rgba(192, 133, 85, 1) 100%);
}

#backtologin a {
    text-decoration: none;
    color: #aaa;
    display: inline-block;
    font-size: smaller;
    font-style: italic;
    position: relative;
    left: 12em;
    top: -1em;
}

.page-user-password .form-submit::before {
    display: none !important;
}

#backtologin a:hover, 
#reset a:hover {

    color: white;

}

#reset {margin-bottom: 1em;}

#singin {
    margin-bottom: 2em;
    color: #aaa;
}


/* FIX UNTUK AUTOFILL */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #aaa !important;
}

/* VTLABEL STD */
.vtlabel-1 th { width: 10%; }
.vtlabel-2 th { width: 20%; }
.vtlabel-3 th { width: 30%; }
.vtlabel-4 th { width: 40%; }
.vtlabel-5 th { width: 50%; }
.vtlabel-6 th { width: 60%; }
.vtlabel-7 th { width: 70%; }
.vtlabel-8 th { width: 80%; }
.vtlabel-9 th { width: 90%; }



.horizontal-tabs .horizontal-tab-button a {
    color: #818181;
}

.horizontal-tabs .horizontal-tab-button.selected a {
    color: #313030;
}

span.fieldset-legend {
    background: #5e5e5e;
    display: block;
    padding: 10px 20px;
    color: white;
}

.path-user nav.tabs ul .nav-item {
    flex-grow: unset;
}