/* -------------------------------------------------------------------------- */
/* ROOT VARS
/* -------------------------------------------------------------------------- */

:root {
    --custom-bg-color: #FFFFFF;
    --custom-text-color: #000000;
}

/* -------------------------------------------------------------------------- */
/* COMMON CLASSES
/* -------------------------------------------------------------------------- */

/* NO CLASSES */
.noDisplay {
    display: none !important;
}
.noWrap {
    white-space: nowrap !important;
}
.noEvent {
    pointer-events: none !important;
}
.noSelect {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* ANIMATION CLASSES */
.animate,
.animate::before,
.animate::after,
.animate *,
.animate *::before,
.animate *::after {
    -webkit-transition: all 0.6s ease !important;
    -moz-transition: all 0.6s ease !important;
    -o-transition: all 0.6s ease !important;
    transition: all 0.6s ease !important;
}
.noAnimate,
.noAnimate::before,
.noAnimate::after,
.noAnimate *,
.noAnimate *::before,
.noAnimate *::after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

/* DISPLAY CLASSES */
.dContainer > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.dContainer > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.dBlock { display: block; }
.dMobile { display: block; }
.dDesktop { display: none; }

@media (min-width: 768px) {
    .dMobile { display: none; }
    .dDesktop { display: block; }
}

/* -------------------------------------------------------------------------- */
/* CONTENT
/* -------------------------------------------------------------------------- */

div.scrollableTable {
    position: relative;
    margin: 1.5em 0 1.5em 0 !important;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

/* -------------------------------------------------------------------------- */
/* BASE TABLE */
/* -------------------------------------------------------------------------- */

div.scrollableTable .baseTable {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
.baseTable {
    margin: 1.5em 0 !important;
    border-collapse: collapse !important;
}
.baseTable th,
.baseTable td {
    padding: 8px 8px !important;
}
.baseTable tr {
    background-color: #FFFFFF !important;
}
.baseTable tr:hover {
    background-color: #FAFAFA !important;
}

/* -------------------------------------------------------------------------- */
/* FROM TABLE */
/* -------------------------------------------------------------------------- */

.formTable {
    width: auto !important;
}
#contract_code {
    padding: 8px 16px;
}
#contract_search {
    padding: 8px 16px;
    color: #FFFFFF;
    border: none;
    border-color: #012765!important;
    background-color: #012765!important;
}

/* -------------------------------------------------------------------------- */
/* RECORD TABLE */
/* -------------------------------------------------------------------------- */

.recordTable {
    width: 100% !important;
}
.recordTable th,
.recordTable td {
    border: 1px solid #eee !important;
}
.recordTable .date {
    max-width: 160px;
    white-space: nowrap;
}
.recordTable .desc {
}

/* -------------------------------------------------------------------------- */
/* WRAPPERS
/* -------------------------------------------------------------------------- */

.contentWrapper a {
    color: #012765;
    text-decoration: underline;
}

.formWrapper {
    margin: 46px 0 46px 0 !important;
}
.recordsWrapper {
    margin: 0 !important;
}
.contactsWrapper {
    margin: 26px 0 46px 0 !important;
}

#recordsWrapper {
    width: 100% !important;
}

/* -------------------------------------------------------------------------- */
/* MESSAGES
/* -------------------------------------------------------------------------- */

.customMessage,
.customMessage * {
    box-sizing: border-box !important;
    color: #000000;
}
.customMessage {
    display: none;
    margin: 26px 0 !important;
    padding: 0 0 !important;
    text-align: left;
    overflow: hidden;
}
.customMessage.active {
    display: block;
}
.customMessage.successMsg * {
    color: #6ABF6A;
}
.customMessage.errorMsg * {
    color: #ff6961;
}
.customMessage.noticeMsg * {
    color: #000000;

}
.customMessage .mesageTitle {
    font-size: 16px;
    font-weight: 600;
}
.customMessage .mesageBody {
    font-size: 14px;
    font-weight: 400;
}

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