.tbody-white{
    background-color: white;
    color: rgb(41, 41, 41);
}

.n-font{
    font-family:  Dosis, Arial !important;
}

.b-box-white{
    padding: 5px;
    background-color: white;
    color: rgb(41, 41, 41) !important;
}

.b-box-pink{
    padding: 5px;
    background-color: #f3bad6;
    color: rgb(41, 41, 41) !important;
}

.img-wrapper {
    position: relative;
    overflow-x:auto;
    overflow-y:auto;
}

@media (min-width: 200px) { 
.img-wrapper {
    height:540px;
}}
@media (min-width: 300px) { 
.img-wrapper {
    height:640px;
}}
@media (min-width: 360px) { 
.img-wrapper {
    height:760px;
}}
@media (min-width: 576px) { 
.img-wrapper {
    height:580px;
}}
@media (min-width: 768px) {
.img-wrapper {
    height:760px;
}}
@media (min-width: 992px) {
.img-wrapper {
    height:480px;
}}
@media (min-width: 1024px) {
.img-wrapper {
    height:480px;
}}
@media (min-width: 1200px) {
.img-wrapper {
    height:590px;
}}

.img-wrapper > img {
    position: relative;
}

.lower {
    text-transform: lowercase;
 }
 
red{
    color: red;
}

.line_separator{
    width: 100%; height: 20px; margin: 20px 0 30px 0 !important; border-bottom: 1px dashed #bfbfbf; text-align: center;
}
.line_separator_left{
    width: 100%; height: 20px; margin: 20px 0 30px 0 !important; border-bottom: 1px dashed #bfbfbf; text-align: left; padding-left: 10%;
}
.line_separator_inside{
    font-size: 14px; background-color:#ffffff; color: grey; padding: 20px 10px;
}
textarea.form-control-compact{
    height: 40px !important;
    padding: 5px 10px !important;
    margin-bottom: 1px;
    font-size: 1rem;
}
input[type="text"].form-control-compact{
    height: 40px !important;
    padding: 5px 10px !important;
    margin-bottom: 1px;
}
input[type="number"].form-control-compact{
    height: 40px !important;
    padding: 5px 10px !important;
    margin-bottom: 1px;
}
smaller{
    font-size: 0.65rem;
}
.ml-x-percent{
    margin-left: 10%;
}
.editor{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}