/****************************/
/* Print Style             */
@page {
    margin-top: 3cm;
    margin-bottom: 4cm;
    margin-left: 4cm;
    margin-right:4cm;
}

/****************************/
/* Orange Style             */

.badge.badge-primary {
    /* background: #33b35a; */
    background: #FD7E14;
}

nav.navbar a.menu-btn:hover {
    /*background: #33b35a;*/
    background: #FD7E14;
}

.side-navbar li a:focus, .side-navbar li a:hover, .side-navbar li a[aria-expanded="true"] {
    /*background: #33b35a;*/
    background: #FD7E14;
}

.side-navbar li.active > a {
    /*background: #33b35a;*/
    background: #FD7E14;
}

.side-navbar li li.active > a {
    /*background: #2d9f50 !important;*/
    background: #FD7E14 !important;
}

.side-navbar li ul.collapse a {
    /*border-left: 2px solid #33b35a;*/
    border-left: 2px solid #FD7E14;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /*background-color: #33b35a;*/
    background-color: #FD7E14;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    /*background-color: #33b35a;*/
    background-color: #FD7E14;
}

.dashboard-counts .count-title i {
    /*color: #33b35a;*/
    color: #FD7E14;
}

.statistics .user-activity .progress .progress-bar.bg-primary {
    /*background: #33b35a !important;*/
    background: #FD7E14 !important;
}

.statistics .user-activity .page-statistics strong {
    /*color: #33b35a;*/
    color: #FD7E14;
}

.gmpc {
    /*color: #33b35a !important;*/
    color: #FD7E14 !important;
}

input.input-material:focus {
    /*border-color: #33b35a;*/
    border-color: #FD7E14;
}

input.input-material ~ label.active {
    /*color: #33b35a;*/
    color: #FD7E14;
}

input.form-control-custom:checked + label::before {
    /*background: #33b35a !important;*/
    background: #FD7E14 !important;
    rgba(75,192,192,0.4)rgba(192, 137, 75, 1)
}

.btn:focus, .btn.focus {
    /*-webkit-box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.25);*/
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
}

.btn-primary {
    /*color: color-yiq(#33b35a);
    background-color: #33b35a;
    border-color: #33b35a;*/
    color: color-yiq(#FD7E14);
    background-color: #FD7E14;
    border-color: #FD7E14;
}

.btn-primary:hover {
    /*color: color-yiq(#2b954b);
    background-color: #2b954b;
    border-color: #288b46;*/
    color: color-yiq(#C3610F);
    background-color: #C3610F;
    border-color: #91380E;
}

.btn-primary:focus, .btn-primary.focus {
    /*-webkit-box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);*/
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    /*background-color: #33b35a;
    border-color: #33b35a;*/
    background-color: #FD7E14;
    border-color: #FD7E14;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    /*color: color-yiq(#288b46);
    background-color: #288b46;
    border-color: #258141;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);*/
    color: color-yiq(#91380E);
    background-color: #91380E;
    border-color: #91380E;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}

.btn-outline-primary {
    /*color: #33b35a;
    border-color: #33b35a;*/
    color: #FD7E14;
    border-color: #FD7E14;
}

.btn-outline-primary:hover {
    /*background-color: #33b35a;
    border-color: #33b35a;*/
    background-color: #FD7E14;
    border-color: #FD7E14;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    /*-webkit-box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);*/
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    /*color: #33b35a;*/
    color: #FD7E14;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    /*background-color: #33b35a;
    border-color: #33b35a;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(51, 179, 90, 0.5);*/
    background-color: #FD7E14;
    border-color: #FD7E14;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}

a {
    /*color: #33b35a;*/
    color: #FD7E14;
}

a:focus, a:hover {
    /*color: #22773c;*/
    color: #B35A10;
}

.blockquote {
    /*border-left: 5px solid #33b35a;*/
    border-left: 5px solid #FD7E14;
}

.text-primary {
    /*color: #33b35a !important;*/
    color: #FD7E14 !important;
}

a.text-primary:focus, a.text-primary:hover {
    /*color: #288b46 !important;*/
    color: #91380E !important;
}

.page-item.active .page-link {
    /*background-color: #33b35a;
    border-color: #33b35a;*/
    background-color: #FD7E14;
    border-color: #FD7E14;
}

.page-link {
    /*color: #33b35a;*/
    color: #FD7E14;
}

.page-link:focus, .page-link:hover {
    /*color: #22773c;*/
    color: #B35A10;
}

.dropdown-item.active, .dropdown-item:active {
    /*background-color: #33b35a;*/
    background-color: #FD7E14;
}

.bg-primary {
    /*background-color: #33b35a !important;*/
    background-color: #FD7E14 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
    /*background-color: #288b46 !important;*/
    background-color: #91380E !important;
}

.border-primary {
    /*border-color: #33b35a !important;*/
    border-color: #FD7E14 !important;
}

.text-primary {
    /*color: #33b35a !important;*/
    color: #FD7E14 !important;
}

.badge-primary {
    /*color: color-yiq(#33b35a);
    background-color: #33b35a;*/
    color: color-yiq(#FD7E14);
    background-color: #FD7E14;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    /*color: color-yiq(#33b35a);
    background-color: #288b46;*/
    color: color-yiq(#FD7E14);
    background-color: #91380E;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    /*background-color: #33b35a;*/
    background-color: #FD7E14;
}


/*****************************/
/* SideNav Shrink Font Size */
.side-navbar.shrink ul li a {
    font-size: .62rem;
    padding-left: 5px;
    padding-right: 5px;
}

/*****************************/
/* Login Screen */
.login-page .form-outer,
.register-page .form-outer {
    max-width: 800px;
    margin: 0 auto;
}

.form-inner {
    margin: 0 auto;
}

.login-page form,
.register-page form {
    margin: 2rem auto 1rem;
    max-width: 700px;
    width: 600px;
}

.login-page .input-validation-error,
.login-page .input-validation-error:focus {
    border-color: #dc3545;
}

    .login-page .input-validation-error ~ label,
    .login-page .input-validation-error ~ label.active {
        color: #dc3545;
    }

    .login-page .input-validation-error ~ span {
        font-size: 0.85em;
    }