/*
NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS. */

/*@import url("_header.css");
@import url("_table.css");
@import url("_form.css");*/


html body .content .content-wrapper {
    padding: 1rem;
}
.nav-title {
    font-family: Roboto;
    font-weight: 600 !important;
    font-size: 1.9rem !important;
}
.nav-title.white {
    color: #fff !important;
    text-shadow: 2px 1px 2px #000;
}

/*.nav-title.primary123 {
    color: #fb9c04 !important;*/
    /*text-shadow: 2px 1px 2px #000;*/
/*}*/

.nav-title {
    font-family: Roboto;
    font-weight: 600 !important;
    font-size: 1.9rem !important;
}

.content-header-title {
    color: #000 !important;
}

.card {
    margin-bottom: 1rem;
}

.card-header-sm {
    padding: .3rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

    .card-header-sm .card-title {
        color: #fff;
    }

    .card-header-sm .heading-elements,
    .card-header-sm .heading-elements-toggle {
        top: .2rem;
        right: .2rem;
    }

.con-pp {
    max-width: 200px;
    max-height: 200px;
    position: relative;
    overflow: hidden;
}

    .con-pp img {
        width: 100%;
        max-height: 100px !important;
        object-fit: contain;
    }

    .con-pp button {
        border: none;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        padding: 4px 0px;
        color: #ffffff;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

.field-validation-error, .field-validation-error span {
    color: red !important;
}

.login-card {
    border-radius: 20px !important;
}

.login-card .login-circle {
    background: #ff3333;
    border: 10px solid #fff;
    height: 100px;
    width: 100px;
    border-radius: 1000%;
    position: absolute;
    top: 40%;
    right: -50px;
    z-index: 100;
    animation: loginCirle 1s;
}

.login-card .content-features {
    border-radius: 20px !important;
    /*transform: scale(1) !important;*/
}

.login-card .content-features ul {
    padding-left: 0;
}

.login-card .content-features ul > li {
    line-height: 28px;
    list-style-type: none;
}

.login-card .content-features ul > li:not(:last-child) {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
    margin-bottom: 5px;
}


.bg-primary, .btn-primary, badge-primary {
    background-color: #fb9c04 !important;
    color: #000 !important;
}

.btn-outline-primary {
    border-color: #e28d03 !important;
    color: #e28d03 !important;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-outline-primary:hover {
    background: #e28d03 !important;
}

.btn-primary {
    border: none !important;
    font-weight: 500 !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}


ol.ol-sm li, ul.ul-sm li {
    line-height: 1.5 !important;
}

ol.ol-sm li{
    list-style-type: upper-alpha !important;
}

ol.ol-sm li ol li {
    list-style-type: decimal !important;
}

ol.ol-sm.number li {
    list-style-type: decimal !important;
}


.navbar-expand-md .navbar-nav {
    /*justify-content: center;*/
    /*width: 100%;*/
}

.list-group-item {
    padding: .5rem;
}

.bg-primary-light {
    background: #feebcd;
}

.bg-light-1 {
    background: #f2f2f2;
}

.border-light-1 {
    background: #f2f2f2;
}

.pull-up {
    transition: all 0.25s ease;
}

.pull-up:hover {
    /*cursor: pointer;*/
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
    z-index: 999;
}

#accordionWrap101 .card-title:nth-child(2n+1) {
    background: red !important;
    /*display: none;*/
}

.main-menu.menu-dark .navigation li a span {
    display: inline !important;
}
.btn-top-right{
    position: absolute;
    top: 0;
    right: 0;
}
.radius-0{
    border-radius: 0 !important;
}

.border-5{
    border-width: 5px !important;
}

fieldset.custom-border {
    border: 1px groove #ddd !important;
    padding: 0 1em 1em 1em !important;
    margin: 0 0 5px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.custom-border {
    font-size: small;
    color: black;
    /*font-weight: 700;*/
    width: inherit;
    /* Or auto */
    padding: 0 10px;
    /* To give a bit of padding on the left and right */
    border-bottom: none;
}
.text-underline{
    text-decoration: underline !important;
}
.no-border-raduis{
    border-radius: 0 !important;
}
.dtactive {
    background-color: #e6ac00 !important;
    color: black !important;
}

ul.ul-check {
    list-style: none;
    /*display: inline-flex;*/
}

ul.ul-check li:not(:first-child) {
    display: inline-flex;
}

ul.ul-check li:not(:first-child):before {
    content: '\2714\0020';
    margin-right: 5px;
}
form {
    color: #000 !important;
}

form .form-section {
    padding: 2px 0px;
    color: #000;
    line-height: 1rem;
    margin-bottom: 0;
    border-bottom: none;
    font-weight: bold;
    font-size: 1.1rem;
    /*font-family: 'Roboto Slab', serif !important;*/
}

.form-group {
    margin-bottom: 0.5rem !important;
}

.form-group label {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    text-align: right;
}


label.error {
    color: #FF4961 !important;
    font-size: 1rem;
    font-weight: 500;
}

.form-group label.required::after {
    content: "*";
    color: red;
}

.form-group span, .form-group div {
    color: #000;
}

.form-group input, .form-group select, .form-group .select2, .form-group textarea {
    border: 1px solid #b3b3b3 !important;
}

@media (max-width: 765px) {
    .form-group label {
        text-align: left;
    }
}

input, select, .select2, textarea {
    border: 1px solid #b3b3b3 !important;
}

.select2 {
    width: 100% !important;
}

/*Header CSS*/

.header-navbar.navbar-shadow {
    box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 15%) !important;
}

.header-navbar .navbar-container ul.nav li > a.nav-link{
    color: #000;
}

.header-navbar .navbar-container ul.nav li > a.nav-link.nav-title {
    padding: 1.7rem 1rem;
    font-size: 1.6rem;
    font-weight: 600;
}



/*Menu CSS*/
.main-menu.menu-dark {
    /*color: #dcdcdc;
    background: #2C303B;*/
}

.main-menu.menu-dark .navigation {
    /*background: #2C303B;*/
}

.main-menu.menu-dark ul.navigation > li.active > a {
    /*background-color: #16181d;
    color: #FFF;*/
}
table {
    color: #000;
    border-color: #b3b3b3 !important;
    width: 100% !important;
    /*table-layout: fixed;*/
}

table tbody tr.active {
    background: #FFCD42;
    font-weight: 600;
}

table.table-hover tbody tr:hover { 
    cursor: pointer;
    background: #ffff80 !important;
}

table thead tr th {
    padding: 5px 5px !important;
    /*vertical-align: middle;*/
    /*white-space: pre-wrap;*/
    text-transform: uppercase;
    border-right-color: #b3b3b3 !important;
    border-left-color: #b3b3b3 !important;
    border-bottom-color: #b3b3b3 !important;
    border-top-color: #b3b3b3 !important;
}

table thead tr th.int {
    text-align: right;
}

table tbody tr td {
    padding: 5px 5px !important;
    /*vertical-align: middle;*/
    border-color: #b3b3b3 !important;
}

table tbody tr td p {
    margin-bottom: 3px;
}

table tbody tr td p:not(:last-child) {
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
    /*margin-bottom: 5px;*/
}

table tbody tr td.int {
    text-align: right;
}

table tfoot {
    /*background: red;
    color: #fff;*/
}

table tfoot tr th {
    padding: 5px 5px;
    border-right-color: #b3b3b3;
    border-left-color: #b3b3b3;
    border-bottom-color: #b3b3b3;
    border-top-color: #b3b3b3;
    /*vertical-align: middle;*/
}

table tfoot tr th.int {
    text-align: right;
}