/* ----------------------------------------------------------------------------
 | Global styles
 | -------------------------------------------------------------------------- */

/* Border size */

.border-none {
    border: 0 !important;
}
.border-left-none {
    border-left: 0 !important;
}
.border-top-none {
    border-top: 0 !important;
}
.border-right-none {
    border-right: 0 !important;
}
.border-bottom-none {
    border-bottom: 0 !important;
}
.border-xs {
    border: 1px solid #d6d8db !important;
}
.border-sm {
    border: 2px solid #d6d8db !important;
}
.border-md {
    border: 3px solid #d6d8db !important;
}
.border-lg {
    border: 4px solid #d6d8db !important;
}
.border-xl {
    border: 5px solid #d6d8db !important;
}
.border-xx {
    border: 6px solid #d6d8db !important;
}
.border-circle {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;    
}

/* Border radius */

.border-radius-none {
    border-radius: 0!important;
}
.border-radius-16 {
    border-radius: 16px !important;
}
.border-radius-24 {
    border-radius: 24px !important;
}
.border-radius-32 {
    border-radius: 32px !important;
}

/* Border color */

.border-primary {
    border-color: #0088cc !important;
}
.border-secondary {
    border-color: #e36159 !important;
}
.border-tertiary {
    border-color: #2baab1 !important;
}
.border-quaternary {
    border-color: #383f48 !important;
}
.border-info {
    border-color: #5bc0de !important;
}
.border-success {
    border-color: #47a447 !important;
}
.border-warning {
    border-color: #ed9c28 !important;
}
.border-danger {
    border-color: #d2322d !important;
}
.border-dark {
    border-color: #313131 !important;
}
.border-light {
    border-color: #ccc !important;
}
.border-white {
    border-color: #fff !important;
}

/* Background */

.bg-primary {
    background: #0088cc !important;
}
.bg-secondary {
    background: #e36159 !important;
}
.bg-tertiary {
    background: #2baab1 !important;
}
.bg-quaternary {
    background: #383f48 !important;
}
.bg-info {
    background: #5bc0de !important;
}
.bg-success {
    background: #47a447 !important;
}
.bg-warning {
    background: #ed9c28 !important;
}
.bg-danger {
    background: #d2322d !important;
}
.bg-dark {
    background: #313131 !important;
}
.bg-light {
    background: #ccc !important;
}
.bg-white {
    background: #fff !important;
}

/* Background Light */

.bg-light-primary {
    background: #369fd4 !important;
}
.bg-light-secondary {
    background: #ec9792 !important;
}
.bg-light-tertiary {
    background: #5bbabf !important;
}
.bg-light-quaternary {
    background: #6f7173 !important;
}
.bg-light-info {
    background: #e8f6f9 !important;
}
.bg-light-success {
    background: #d4edda !important;
}
.bg-light-warning {
    background: #fff3cd !important;
}
.bg-light-danger {
    background: #f8d7da !important;
}
.bg-light-dark {
    background: #cacaca !important;
}

/* Color */

.color-primary {
    color: #0088cc !important;
}
.color-secondary {
    color: #e36159 !important;
}
.color-tertiary {
    color: #2baab1 !important;
}
.color-quaternary {
    color: #383f48 !important;
}
.color-info {
    color: #5bc0de !important;
}
.color-success {
    color: #47a447 !important;
}
.color-warning {
    color: #ed9c28 !important;
}
.color-danger {
    color: #d2322d !important;
}
.color-dark {
    color: #313131 !important;
}
.color-light {
    color: #ccc !important;
}
.color-white {
    color: #fff !important;
}

/* Text size */

.text-12 {
    font-size: 12px !important;
}
.text-13 {
    font-size: 13px !important;
}
.text-14 {
    font-size: 14px !important;
}
.text-16 {
    font-size: 16px !important;
}
.text-18 {
    font-size: 18px !important;
}
.text-30 {
    font-size: 30px !important;
}
.text-50 {
    font-size: 50px !important;
}
.text-80 {
    font-size: 80px !important;
}
.text-xs {
    font-size: 1rem !important;
}
.text-sm {
    font-size: 1.3rem !important;
}
.text-md {
    font-size: 1.6rem !important;
}
.text-lg {
    font-size: 1.9rem !important;
}
.text-xl {
    font-size: 2.2rem !important;
}
.text-xx {
    font-size: 2.5rem !important;
}

/* Text color */

.text-muted {
    color: #999 !important;
}
.text-dark {
    color: #1d2127 !important;
}
.text-light {
    color: #fff !important;
}

/* Text transform */

.text-uppercase {
    text-transform: uppercase !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-transform-none {
    text-transform: none !important;
}

/* Word */

.word-break-all {
    word-break: break-all !important;
}
.word-keep-all {
    word-break: keep-all !important;
}

/* Font */

.font-weight-200 {
    font-weight: 200 !important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-800 {
    font-weight: 800 !important;
}
.font-italic {
    font-style: italic !important;
}

/* Margin spacements */

.m-none {
    margin: 0 !important;
}
.m-xs {
    margin: 5px !important;
}
.m-sm {
    margin: 10px !important;
}
.m-md {
    margin: 15px !important;
}
.m-lg {
    margin: 20px !important;
}
.m-xl {
    margin: 25px !important;
}
.m-xx {
    margin: 30px !important;
}
.m-40 {
    margin: 40px !important;
}
.m-50 {
    margin: 50px !important;
}
.m-60 {
    margin: 60px !important;
}

/* Margin spacement top    */

.mt-none {
    margin-top: 0 !important;
}
.mt-xs {
    margin-top: 5px !important;
}
.mt-sm {
    margin-top: 10px !important;
}
.mt-md {
    margin-top: 15px !important;
}
.mt-lg {
    margin-top: 20px !important;
}
.mt-xl {
    margin-top: 25px !important;
}
.mt-xx {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}

/* Margin spacement bottom */

.mb-none {
    margin-bottom: 0 !important;
}
.mb-xs {
    margin-bottom: 5px !important;
}
.mb-sm {
    margin-bottom: 10px !important;
}
.mb-md {
    margin-bottom: 15px !important;
}
.mb-lg {
    margin-bottom: 20px !important;
}
.mb-xl {
    margin-bottom: 25px !important;
}
.mb-xx {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}

/* Margin spacement left   */

.ml-none {
    margin-left: 0 !important;
}
.ml-xs {
    margin-left: 5px !important;
}
.ml-sm {
    margin-left: 10px !important;
}
.ml-md {
    margin-left: 15px !important;
}
.ml-lg {
    margin-left: 20px !important;
}
.ml-xl {
    margin-left: 25px !important;
}
.ml-xx {
    margin-left: 30px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.ml-50 {
    margin-left: 50px !important;
}
.ml-60 {
    margin-left: 60px !important;
}

/* Margin spacement right  */

.mr-none {
    margin-right: 0 !important;
}
.mr-xs {
    margin-right: 5px !important;
}
.mr-sm {
    margin-right: 10px !important;
}
.mr-md {
    margin-right: 15px !important;
}
.mr-lg {
    margin-right: 20px !important;
}
.mr-xl {
    margin-right: 25px !important;
}
.mr-xx {
    margin-right: 30px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.mr-50 {
    margin-right: 50px !important;
}
.mr-60 {
    margin-right: 60px !important;
}

/* Padding spacement */

.p-none {
    padding: 0 !important;
}
.p-xs {
    padding: 5px !important;
}
.p-sm {
    padding: 10px !important;
}
.p-md {
    padding: 15px !important;
}
.p-lg {
    padding: 20px !important;
}
.p-xl {
    padding: 25px !important;
}
.p-xx {
    padding: 30px !important;
}
.p-40 {
    padding: 40px !important;
}
.p-50 {
    padding: 50px !important;
}
.p-60 {
    padding: 60px !important;
}

/* Padding spacement top    */

.pt-none {
    padding-top: 0 !important;
}
.pt-xs {
    padding-top: 5px !important;
}
.pt-sm {
    padding-top: 10px !important;
}
.pt-md {
    padding-top: 15px !important;
}
.pt-lg {
    padding-top: 20px !important;
}
.pt-xl {
    padding-top: 25px !important;
}
.pt-xx {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}

/* Padding spacement bottom */

.pb-none {
    padding-bottom: 0 !important;
}
.pb-xs {
    padding-bottom: 5px !important;
}
.pb-sm {
    padding-bottom: 10px !important;
}
.pb-md {
    padding-bottom: 15px !important;
}
.pb-lg {
    padding-bottom: 20px !important;
}
.pb-xl {
    padding-bottom: 25px !important;
}
.pb-xx {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}

/* Padding spacement left   */

.pl-none {
    padding-left: 0 !important;
}
.pl-xs {
    padding-left: 5px !important;
}
.pl-sm {
    padding-left: 10px !important;
}
.pl-md {
    padding-left: 15px !important;
}
.pl-lg {
    padding-left: 20px !important;
}
.pl-xl {
    padding-left: 25px !important;
}
.pl-xx {
    padding-left: 30px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-50 {
    padding-left: 50px !important;
}
.pl-60 {
    padding-left: 60px !important;
}

/* Padding spacement right  */

.pr-none {
    padding-right: 0 !important;
}
.pr-xs {
    padding-right: 5px !important;
}
.pr-sm {
    padding-right: 10px !important;
}
.pr-md {
    padding-right: 15px !important;
}
.pr-lg {
    padding-right: 20px !important;
}
.pr-xl {
    padding-right: 25px !important;
}
.pr-xx {
    padding-right: 30px !important;
}
.pr-40 {
    padding-right: 40px !important;
}
.pr-50 {
    padding-right: 50px !important;
}
.pr-60 {
    padding-right: 60px !important;
}

/* Table body */

.table-middled-head > thead > tr > th {
    vertical-align: middle;
}
.table-middled-body > tbody > tr > td {
    vertical-align: middle;
}
.table-center-head > thead > tr > th {
    text-align: center;
}
.table-center-body > tbody > tr > td {
    text-align: center;
}

/* Table column center */

.table-center-col-1 > thead > tr > th:nth-child(1) {
    text-align: center;
}
.table-center-col-1 > tbody > tr > td:nth-child(1) {
    text-align: center;
}
.table-center-col-2 > thead > tr > th:nth-child(2) {
    text-align: center;
}
.table-center-col-2 > tbody > tr > td:nth-child(2) {
    text-align: center;
}
.table-center-col-3 > thead > tr > th:nth-child(3) {
    text-align: center;
}
.table-center-col-3 > tbody > tr > td:nth-child(3) {
    text-align: center;
}
.table-center-col-4 > thead > tr > th:nth-child(4) {
    text-align: center;
}
.table-center-col-4 > tbody > tr > td:nth-child(4) {
    text-align: center;
}
.table-center-col-5 > thead > tr > th:nth-child(5) {
    text-align: center;
}
.table-center-col-5 > tbody > tr > td:nth-child(5) {
    text-align: center;
}
.table-center-col-6 > thead > tr > th:nth-child(6) {
    text-align: center;
}
.table-center-col-6 > tbody > tr > td:nth-child(6) {
    text-align: center;
}
.table-center-col-7 > thead > tr > th:nth-child(7) {
    text-align: center;
}
.table-center-col-7 > tbody > tr > td:nth-child(7) {
    text-align: center;
}
.table-center-col-8 > thead > tr > th:nth-child(8) {
    text-align: center;
}
.table-center-col-8 > tbody > tr > td:nth-child(8) {
    text-align: center;
}
.table-center-col-9 > thead > tr > th:nth-child(9) {
    text-align: center;
}
.table-center-col-9 > tbody > tr > td:nth-child(9) {
    text-align: center;
}
.table-center-col-10 > thead > tr > th:nth-child(10) {
    text-align: center;
}
.table-center-col-10 > tbody > tr > td:nth-child(10) {
    text-align: center;
}

/* General Sizes */

.size-xs {
    height: 22px !important;
    width: 22px !important;
}
.size-sm {
    height: 30px !important;
    width: 30px !important;
}
.size-md {
    height: 39px !important;
    width: 39px !important;
}
.size-lg {
    height: 49px !important;
    width: 49px !important;
}
.size-xl {
    height: 60px !important;
    width: 60px !important;
}
.size-xx {
    height: 72px !important;
    width: 72px !important;
}

/* General Transform */

.full-width {
    width: 100% !important;
    height: auto !important;
}
.full-height {
    width: auto !important;
    height: 100% !important;
}
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}
.pull-center {
    text-align: center !important;
}
.pull-none {
    float: none !important;
}

/* Hr */

.hr-full {
    border: 0;
    width: 100%;
    height: 1px;
    margin: 0.5em 0em;
    background-image: -webkit-linear-gradient(180deg, #e3e3e3 0%, #e3e3e3 49%, #e3e3e3 100%);
}
.hr-gradient {    
    border: 0;
    width: 100%;
    height: 1px;
    margin: 0.5em 0em;
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
}

/* Badges */

.badge-primary {
    background: #0088cc !important;
    color: #fff !important;
}
.badge-secondary {
    background: #e36159 !important;
    color: #fff !important;
}
.badge-tertiary {
    background: #2baab1 !important;
    color: #fff !important;
}
.badge-quaternary {
    background: #383f48 !important;
    color: #fff !important;
}

/* Others */

.cursor-pointer {
    cursor: pointer !important;
}

/* Icon loading */

.loading {
    background: url(../img/ajax-loading-1.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 49px;
    width: 100%;
    height: 100px;
}
.loading-2 {
    background: url(../img/ajax-loading-2.gif) !important;
}
.loading-xs {
    background-size: 22px !important;
}
.loading-sm {
    background-size: 30px !important;
}
.loading-md {
    background-size: 39px !important;
}
.loading-lg {
    background-size: 49px !important;
}
.loading-xl {
    background-size: 60px !important;
}
.loading-xx {
    background-size: 72px !important;
}

/* Icon failed */

.failed {
    background: url(../img/ajax-failed-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 49px;
    width: 100%;
    height: 100px;
}
.failed-2 {
    background: url(../img/ajax-failed-2.png) !important;
}
.failed-xs {
    background-size: 22px !important;
}
.failed-sm {
    background-size: 30px !important;
}
.failed-md {
    background-size: 39px !important;
}
.failed-lg {
    background-size: 49px !important;
}
.failed-xl {
    background-size: 60px !important;
}
.failed-xx {
    background-size: 72px !important;
}

/* Cookies */

.cookies-banner {
    bottom: 0px;
    width: auto;
    padding-right: 40px;
    padding-left: 24px;
    height: 36px;
    color: rgb(51, 51, 51);
    font-size: 13px;
    padding-top: 4px;
    position: fixed;
    z-index: 1031;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 300;
    letter-spacing: 0.2px;
    background: rgb(241, 241, 241);
    border-radius: 0px 6px 0px 0px;
    transition: height 0.1s ease-in 0s;
    overflow: hidden;
}
.cookies-banner .cancel-button {
    position: absolute;
    right: 8px;
    top: 9px;
    color: rgb(255, 255, 255);
    width: 21px;
    height: 21px;
    cursor: pointer;
    background-color: rgb(204, 204, 204);
    border-radius: 99px;
    padding: 0 7px;
}

@media (max-width: 991px) {
    .cookies-banner {
        display: none;
    }
}