﻿body {
    padding-top: 54px;
    font-family: 'open-sans',sans-serif,Tahoma;
}

th {
    font-weight: normal;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

@font-face {
    font-family: open-sans;
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}

.business-header {
    height: 25vh;
    min-height: 150px;
    background: url('images/imgvisa.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.business-headerabout {
    height: 25vh;
    min-height: 150px;
    background: url('images/aboutvisa.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

:root {
    --colorSiteHeader: #003865;
    --colorSiteBody: #FFB81C;
    --colorSiteFooter: #00C1D4;
}

.card {
    height: 100%;
}

.field-validation-error {
    color: red;
}

.btn-primary {
    background-color: var(--colorSiteBody) !important;
    border-color: var(--colorSiteBody) !important;
    color: var(--colorSiteHeader) !important;
    font-weight: 600 !important;
}

.btn-primary:hover {
    background-color: var(--colorSiteFooter) !important;
    border-color: var(--colorSiteFooter) !important;
    color: white !important;
    /*font-weight: 600 !important;*/
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--colorSiteHeader) !important;
    border-color: var(--colorSiteHeader) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem var(--colorSiteHeader) !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem var(--colorSiteBody) !important;
}

.form-control:focus {
    border-color: var(--colorSiteBody);
    box-shadow: 0 0 0 .2rem var(--colorSiteBody);
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:hover > a {
    color: white;
    background-color: var(--colorSiteHeader);
}

a {
    color: var(--colorSiteHeader);
}

.containerTable {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.tbl_index {
    font-size: smaller
}

.tbl_tr_index {
    color: #ffffff;
    background: var(--colorSiteHeader);
}

.headerPass {
    color: var(--colorSiteBody);
}

.bodyPass {
    text-align: left;
}

.processStyleModal {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--colorSiteHeader);
    z-index: 30001;
    opacity: .8;
    filter: alpha(opacity=70);
    display: none
}

.subProcessStyleModal {
    position: absolute;
    top: 30%;
    left: 45%;
    color: White;
}

.aLink:hover {
    background-color: var(--colorSiteHeader) !important;
}
.colorSiteBody {
    color: var(--colorSiteBody);
}

.processStyleModal {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--colorSiteHeader);
    z-index: 30001;
    opacity: .8;
    display: none;
    filter: alpha(opacity=70);
}

.subProcessStyleModal {
    position: absolute;
    top: 30%;
    left: 45%;
    color: White;
}
.aLink:hover {
    background-color: var(--colorSiteHeader) !important;
}
.cursor_pointer {
    cursor: pointer;
}
.noneStyleButton {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none; /* for button */
    -webkit-appearance: button; /* for input */
    -moz-user-select: none;
    -ms-user-select: none;
}
.width_box_card_65 {
    width: 65px;
}
.width_box_card_55 {
    width: 65px;
}
.width_date_expiried {
    width: 65px;
}
.link_detail {
    cursor: pointer;
    color: var(--colorSiteHeader);
}
.color_white{
    color : white;
}

.tbl_index_td {
    padding: .75rem;
}
.tbl_index_td_2 {
    padding: .25rem;
    border-top: 0px solid #dee2e6;
}
.tbl_index_tr {
    border-top: 1px solid #dee2e6;
}
.about_h3{
    font-weight: 600 !important; 
}