* {
    font-family: 'Cairo', sans-serif;
}

.form-group.required .label-title:after {
    content:" *";
    color:red;
}
.form-group .label-title.label-sm {
    font-size: .875rem;
}
a[disabled],
input[disabled],
button[disabled] {
    cursor: not-allowed;
}
input[type="file"] {
    cursor: pointer;
}
img.main_image {
    max-width: 200px;
}
td.thumbnail {
    width: 0;
}
td.action-sort {
    min-width: 100px !important;
    text-align: center;
}
.action-sort a.edit .fa {
    color: darkseagreen;
}

table thead th {
    font-size: 14px !important;
    background-color: #a62822 !important;
    color: #FFF !important;
}/*

*/table thead th.actions {
    min-width: 80px;
}
table td, table th {
    vertical-align: middle !important;
}
table td.no-vertical, .table th.no-vertical {
    vertical-align: unset !important;
}
.login-logo {
    text-align: center;
    margin-bottom: 1.5rem;
}
.login-logo img {
    width: 180px;
}
.login-logo span.fa {
    font-size: 170px;
    color: #17a2b8;
}
.mw-200 {
    min-width: 200px !important;
}/*
*/.custom-file-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
#content nav.row {
    opacity: 1.0;
    z-index: 50000;
}
.home{
    overflow: hidden;
}

.navbar{
    background-color: #a62822 !important;
    box-shadow: 3px 3px 5px 6px #d2d5d0;

}
.navbar a.nav-link{
    color: white;
}
.navbar a.nav-link:hover{
    color: white;
}
.btn-brick{
    background-color: #a62822;
    color: white;

}
.btn-brick:hover{
    background-color: #871818 !important;
    color: white;

}
.btn:disabled {
    background-color: #871818 !important;
}
.phone_menu{
    background-color: white;
}
a{
    color: #a62822;
}
a:hover{
    color: #a62822;
}
.icon{
    color: #a62822;
}
.colored-text{
    color: #a62822;
}
.center-text{
    text-align: center;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #a62822;
    border-color: #333;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #a62822;
    border-color: #333;
}
.dropdown-menu .dropdown-item:active{
    color: white;
    background-color: #a62822;
}
.add-btn{
    color: black;
    background-color: white;
}
.pagination-bar .page-link{
    background-color: #a62822 !important;
    color: white !important;
}
.bg-brick{
    background-color: #a62822;
    color: white ;
}
.border-hide{
    border-style: hidden !important;
}
.text-brick{
    color: #a62822;
}
@media screen and (min-width: 100px) and (max-width: 480px) {

    #navbarSupportedContent{
        margin-top: 12px;
    }

}