/* Force table to not be like tables anymore */
@media only screen and (max-width: 576px) {
    .no-more-tables table,.no-more-tables thead,.no-more-tables tbody,.no-more-tables th,.no-more-tables td, .no-more-tables tr {display: block;}
    .no-more-tables thead tr { display:none;}
    .no-more-tables tr { border: 1px solid #ccc; margin-bottom: 15px;}
    .no-more-tables td { border: none;border-bottom: 3px solid #eee; position: relative;white-space: normal;padding: 2% 5px !important;}
    .no-more-tables td:before {white-space: nowrap;font-weight:bold;display:block;}
    .no-more-tables td:before { content: attr(data-title); }
    .w-mob-100{width: 100% !important;}
}

/* backgrounds */
.bg-soft-yellow{background-color: #F1F2F3;}
.bg-grey-1{background-color: #E4E5E6;}
.bg-grey-2{background-color: #929292;}
.bg-orange{background-color: #FF650B;}
.bg-soft-pink{background-color: #ff775a;}
.bg-soft-pink:hover{background-color: #cc4a2d;}
.bg-soft-pink:active{background-color: #ff775a;}

/* borders */
.border-grey{border-color: #C2C2C2 !important;}

/* texts */
.text-grey{color: #6C6C6C !important;}
.text-orange{color: #FF650B !important;}
.page-title{font-weight: 100; font-size: 1.7rem; color: #313A4B;}
.custom-form-label{font-weight: 500;}
.custom-form-info-box{font-size: 14px !important;}
.form-control-small{width: 100px;}

@media only screen and (max-width: 768px) {
    .page-title{font-size: 1.6rem;}
}

/* font weight */
.fw-500{font-weight: 500;}

/* topbar */
@media only screen and (min-width: 768px) {
    .border-right-white{border-right:1px solid #ffffff !important;}
}