*, *:before, *:after { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.ttf") format("ttf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff2") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-Light.ttf") format("ttf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.woff2") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.eot") format("eot");
    font-weight: 300;
}
@font-face {
    font-family: "Tungsten";
    src: url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.ttf") format("ttf"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.woff") format("woff"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.woff2") format("woff2"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.otf") format("otf");
    font-weight: normal;
}

@font-face {
    font-family: "TungstenReveal";
    src: url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.ttf") format("ttf"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.woff") format("woff"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.woff2") format("woff2"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.otf") format("otf");
    font-weight: normal;
}

:root {
    --primary-red: #C8102E;
    --primary-blue: #5698D0;
    --primary-green: #2E9597;
}

body { background: white; color: black; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; font-weight: 400; margin: 0; }
a { color: var(--primary-red); text-decoration: underline; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: none; }

.header { padding-top: 25px; }
.header .banner img { max-width: 800px; }

.main.form-box .content-box input[type="submit"] { background: var(--primary-red); border: 0; border-radius: 30px; color: #fff; cursor: pointer;  font-family: 'Montserrat', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 0 0 15px 0; padding: 15px; text-align: center; width: 150px; transition: background-color 0.3s; }
.main.form-box .content-box input[type="submit"]:hover { background: var(--primary-blue); }
.main .content-box .label-field { display: flex; align-items: center; }
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd!important;
}
td.dt-type-numeric.dtr-control {
    min-width:50px;
}

#customer_ots_data_grid { border: 1px solid #ddd; }
#customer_ots_data_grid th span,
#customer_ots_data_grid th span a { color:black; font-weight: 800; }
#customer_ots_data_grid thead { border-top: 1px solid #ddd; }
#customer_ots_data_grid td, #customer_ots_data_grid th{ border-right: 1px solid #ddd; }
@media (max-width: 800px) {
    .header .banner { display: block; }
    .header .banner img { max-width: 100%; }
}