/*@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 400;
font-style:normal;
src: url(/theme/fonts/Cairo-Regular.ttf) format('ttf');

}

body{

font-family: "Cairo" !important;
font-size:14px;


}   */

[class*="sidebar-dark-"] {
    background-color: #6B1717;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
    color: #ccc;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: #000;
}

.dark-mode .nav-pills .nav-link {
    color: #ccc;
}

[class*="sidebar-dark"] .brand-link, [class*="sidebar-dark"] .brand-link .pushmenu {
    color: #fbf8f8;
}

[class*="sidebar-dark-"] .sidebar a {
    color: #fbf8f8;
}



#body_content{
    margin-bottom: 100px;
    padding: 20px;
}
.container_leader {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}
.bodyApp{

}


.text-red {
    color: #dd4b39 !important;
}
.text-yellow {
    color: #f39c12 !important;
}
.text-aqua {
    color: #00c0ef !important;
}
.text-blue {
    color: #0073b7 !important;
}
.text-black {
    color: #111111 !important;
}
.text-light-blue {
    color: #3c8dbc !important;
}
.text-green {
    color: #00a65a !important;
}
.text-gray {
    color: #d2d6de !important;
}
.text-navy {
    color: #001f3f !important;
}
.text-teal {
    color: #39cccc !important;
}
.text-olive {
    color: #3d9970 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-lime {
    color: #01ff70 !important;
}
.text-orange {
    color: #ff851b !important;
}
.text-fuchsia {
    color: #f012be !important;
}
.text-purple {
    color: #605ca8 !important;
}
.text-maroon {
    color: #d81b60 !important;
}



.bg-red {
    background-color: #D99188 !important;
}

.dark-mode .bg-red{
    background-color: #63062D !important; 
}
.bg-yellow {
    background-color: #f39c12 !important;
}
.bg-aqua {
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: #0073b7 !important;
}
.bg-black {
    background-color: #111111 !important;
}
.bg-light-blue {
    background-color: #3c8dbc !important;
}
.bg-green {
    background-color: #00a65a !important;
}
.bg-gray {
    background-color: #d2d6de !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}



.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #605ca8 !important;
}
.bg-maroon {
    background-color: #d81b60 !important;
}


.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;


}

.top-nav .dropdown a {
    display: block  !important;

}

.msh_data_caption{


    max-width: 100%;
    font-weight: bolder;
    padding-top: 10px;    
    padding-bottom: 10px;
    background-color: #EED8D8;
    color: #0f0f0f;

}

.menu-box {
    background: inherit;
    border: 1px solid #46444E;
    padding: 5px;
    margin: 5px 0 5px 0;
    border-bottom: 5px solid #46444E;

}

.dark-mode .menu-box{
    background: #343A40;
    border: 1px solid #2C3136;
    padding: 5px;
    margin: 5px 0 5px 0;
    border-bottom: 5px solid #F8B03A; 
    border-radius: 0.25rem;  
}

.msh_title1 {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-top-color: rgb(227, 227, 227);
    border-right-color: rgb(227, 227, 227);
    border-bottom-color: rgb(227, 227, 227);
    border-left-color: rgb(227, 227, 227);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

}

.msh_title2 {
    min-height: 20px;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #E9F7FF;
    border: 1px solid #e3e3e3;
    border-top-color: rgb(227, 227, 227);
    border-right-color: rgb(227, 227, 227);
    border-bottom-color: rgb(227, 227, 227);
    border-left-color: rgb(227, 227, 227);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.main-header .breadcrumb{
    font-size: 12px;
}

@media (min-width:768px){.app_body{width:750px}}
@media (min-width:992px){.app_body{width:970px}}
@media (min-width:1200px){.app_body{width:95%;}}

.app_body {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.login-form-full{
    max-width: 650px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align:middle;
    border-top: 2px solid #b3aaaa;
    
}
.table th{


        padding: 10px;
       vertical-align:center ;

    font-size: 18px;
    font-weight: 200;
    color: #fff;
    background-color:#6b1717;
    background: #6b1717;
  /*  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);  */
}
.table td{
    font-size: 18px;
    font-weight: 200;

}


.paper-back {
    z-index: 5000;
}
.fa-font-mid{
    font-size: 20px !important;
}

.font-sm-xs {
    font-size: 12px;
    line-height:1.25em;

}


.font-sm {
    font-size: 13px;
    line-height:1.25em;

}

.font-md {
    font-size: 14px;
    line-height:1.25em;
}
.font-md-1 {
    font-size: 16px;
    line-height:1.25em;  
}
.table-size-xs{

}

.table-size-xs th{
    font-size: 12px;
    font-weight: 200;

}

.dark-mode .table-size-xs th{
    font-size: 12px;
    font-weight: 200;
    background: #2F2F2F;
    padding-top: 5px;  
    padding-bottom: 5px;  
}

.table-size-xs td{
    font-size: 12px;
    font-weight: 200;

}
/*$mid table*/
.table-size-md{

}

.table-size-md th{
    font-size: 14px;
    font-weight: 200;

}
.table-size-md td{
    font-size: 14px;
    font-weight: 200;

}

.btnMargin {
    margin: 5px;
}

.border-box {
    background-color: #f9f9f9;
    border: solid 3px #eee;
    border-right-color: rgb(238, 238, 238);
    border-right-color: #0099da;
    padding: 20px;
    margin-bottom: 20px;
}
.fa{
    padding-left: 10px;
    padding-right: 10px;

}
.hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
    font-size: 13px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.box-round-grren {
    border-radius: 15px ;
    background: #73AD21;

    width: 100px;
    height: 46px;
    text-align: center;
    color: #fff; 

}
.popover-title {
    direction: ltr;
}


.service-list li::before {
    content: counter(myIndex);
    font-family: "Roboto",sans-serif;
    font-size: 2em;
    padding: 10px 15px;
    border: solid 1px #0099da;
    color: #0099da;
    border-radius: 500px;
    position: absolute;
    top: 10px;
    right: 0;
    left:auto;
}
.service-list li {
    counter-increment: myIndex;
    position: relative;
    margin-bottom: 20px;
    padding: 10px 80px 10px 10px;
}

.list-unstyled {

    padding-left: 0;
    padding-right: initial;
}
/*################*/
.icon-small i{

    text-align: center;
    vertical-align: middle;


}
.icon-small + p{
    margin-top: 15px;

}
.icon-small h4,
.icon-small h5{
    text-align: left;
}

.content-box {
    display: block;
    text-align: center;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 5px;
}

.vertical-tabs-left .tab-content, .vertical-tabs-right .tab-content {
    display: table-cell;
    padding: 20px;
    width: 100%;
}
.vertical-tabs-left {
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
}
.vertical-tab-list {
    display: table-cell;
    min-width: 250px;
    vertical-align: top;
}

.box_border_yellow{
    border: 1px solid #EBE475;
    background: #FFFDDA;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #000;
}

.box_border_blue{
    border: 1px solid #BADFEF;
    background: #DCF4FE;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #000;
}
.well{
    margin-bottom: 5px;   
} 

.modal-lg, .modal-xl {
  max-width: 1000px;
}