@font-face { font-family: 'ae-almateen-bold'; src: url('../fonts/new/ae-almateen-bold.eot') format('embedded-opentype'), url('../fonts/new/ae-almateen-bold.otf') format('opentype'), url('../fonts/new/ae-almateen-bold.svg') format('svg'), url('../fonts/new/ae-almateen-bold.ttf') format('truetype'), url('../fonts/new/ae-almateen-bold.woff') format('woff'); }
@font-face { font-family: 'albattar'; src: url('../fonts/new/albattar.eot') format('embedded-opentype'), url('../fonts/new/albattar.otf') format('opentype'), url('../fonts/new/albattar.svg') format('svg'), url('../fonts/new/albattar.ttf') format('truetype'), url('../fonts/new/albattar.woff') format('woff'); }
@font-face { font-family: 'alhurratxtreg'; src: url('../fonts/new/alhurratxtreg.eot') format('embedded-opentype'), url('../fonts/new/alhurratxtreg.otf') format('opentype'), url('../fonts/new/alhurratxtreg.svg') format('svg'), url('../fonts/new/alhurratxtreg.ttf') format('truetype'), url('../fonts/new/alhurratxtreg.woff') format('woff'); }


.pnl-header { background: #fff; padding: 1px 10px; border-bottom: 2px solid #68DFF0; margin-top: 10px; }
.pnl-header h2 .badge { font-size: 2rem; }
.ui-datepicker-div { font-family: Arial; }
.ui-datepicker-div > div { direction: ltr; }
.ui-state-error { }
.ui-state-error .ui-state-error-text { background: #F9E3C7; color: #920E0E; padding: 5px; border-bottom: 1px solid #D9534F; }
.ui-state-error .ui-state-error-text .fa { padding-left: 5px; color: #FF3535; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { float: right; }
.nav-tabs.nav-justified { padding: 0; margin: 0; }
.nav-tabs.nav-justified > li { background-color: #eee; color: #fff; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
     border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-right: -1px; margin-left: 0; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

input[type=text], textarea {/* font-family:Arial; */}
.bg-warning {
    background-color: rgba(199, 244, 3, 0.63);
    color: red;
}
      span.td-border  {
    width: 100%;
    display: block;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.remove-border { border: 0; }
.gallery { padding-bottom: 10px; }

.pad5A { padding: 5px !important; }
.pad5T { padding-top: 5px !important; }
.pad5R { padding-right: 5px !important; }
.pad5B { padding-bottom: 5px !important; }
.pad5L { padding-left: 5px !important; }
.pad10A { padding: 10px !important; }
.pad10T { padding-top: 10px !important; }
.pad10R { padding-right: 10px !important; }
.pad10B { padding-bottom: 10px !important; }
.pad10L { padding-left: 10px !important; }
.pad15A { padding: 15px !important; }
.pad15T { padding-top: 15px !important; }
.pad15R { padding-right: 15px !important; }
.pad15B { padding-bottom: 15px !important; }
.pad15L { padding-left: 15px !important; }
.pad20A { padding: 20px !important; }
.pad20T { padding-top: 20px !important; }
.pad20R { padding-right: 20px !important; }
.pad20B { padding-bottom: 20px !important; }
.pad20L { padding-left: 20px !important; }
.pad25A { padding: 25px !important; }
.pad25T { padding-top: 25px !important; }
.pad25R { padding-right: 25px !important; }
.pad25B { padding-bottom: 25px !important; }
.pad25L { padding-left: 25px !important; }
.pad45A { padding: 45px !important; }
.pad45T { padding-top: 45px !important; }
.pad45R { padding-right: 45px !important; }
.pad45B { padding-bottom: 45px !important; }
.pad45L { padding-left: 45px !important; }
.pad0A { padding: 0 !important; }
.pad0T { padding-top: 0 !important; }
.pad0R { padding-right: 0 !important; }
.pad0B { padding-bottom: 0 !important; }
.pad0L { padding-left: 0 !important; }
.mrg5A { margin: 5px !important; }
.mrg5T { margin-top: 5px !important; }
.mrg5R { margin-right: 5px !important; }
.mrg5B { margin-bottom: 5px !important; }
.mrg5L { margin-left: 5px !important; }
.mrg10A { margin: 10px !important; }
.mrg10T { margin-top: 10px !important; }
.mrg10R { margin-right: 10px !important; }
.mrg10B { margin-bottom: 10px !important; }
.mrg10L { margin-left: 10px !important; }
.mrg15A { margin: 15px !important; }
.mrg15T { margin-top: 15px !important; }
.mrg15R { margin-right: 15px !important; }
.mrg15B { margin-bottom: 15px !important; }
.mrg15L { margin-left: 15px !important; }
.mrg20A { margin: 20px !important; }
.mrg20T { margin-top: 20px !important; }
.mrg20R { margin-right: 20px !important; }
.mrg20B { margin-bottom: 20px !important; }
.mrg20L { margin-left: 20px !important; }
.mrg25A { margin: 25px !important; }
.mrg25T { margin-top: 25px !important; }
.mrg25R { margin-right: 25px !important; }
.mrg25B { margin-bottom: 25px !important; }
.mrg25L { margin-left: 25px !important; }
.mrg45A { margin: 45px !important; }
.mrg45T { margin-top: 45px !important; }
.mrg45R { margin-right: 45px !important; }
.mrg45B { margin-bottom: 45px !important; }
.mrg45L { margin-left: 45px !important; }
.mrg0A { margin: 0 !important; }
.mrg0T { margin-top: 0 !important; }
.mrg0R { margin-right: 0 !important; }
.mrg0B { margin-bottom: 0 !important; }
.mrg0L { margin-left: 0 !important; }

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .3rem;
}

.alert-primary ,tr.alert-primary{
   /* color: #fff;*/
    background-color: #5369f8;
    border-color: #5369f8;
}

.alert-secondary ,tr.alert-secondary{
/*    color: #fff;*/
    background-color: #1e2139;
    border-color: #1e2139;
}

.alert-success ,tr.alert-success {
   /* color: #fff;*/
    background-color: #43d39e;
    border-color: #43d39e;
}

.alert-danger ,tr.alert-danger {
    /*color: #fff;*/
    background-color: #ff5c75;
    border-color: #ff5c75;
}

.alert-warning ,tr.alert-warning{
/*    color: #212529;*/
    background-color: #ffbe0b;
    border-color: #ffbe0b;
}

.alert-info, tr.alert-info {
   /* color: #fff;*/
    background-color: #25c2e3;
    border-color: #25c2e3;
}
.label-secondary {
    background-color: #0d0e19;
}
.table-striped > tbody > tr:nth-of-type(odd).alert-info {
    /*  background-color: #f9f9f9;*/ opacity: 0.9;
    background-color: #25c2e3;
 
}
.table-striped > tbody > tr:nth-of-type(odd).alert-warning {
    /*    color: #212529;*/
    background-color:  #ffbe0b;
}
.table-striped > tbody > tr:nth-of-type(odd).alert-danger {
    /*color: #fff;*/
    background-color:  #ff5c75;
}
.table-striped > tbody > tr:nth-of-type(odd).alert-success {
    /* color: #fff;*/
    background-color: #43d39e;
},
.table-striped > tbody > tr:nth-of-type(odd).alert-primary {
    /*  background-color: #f9f9f9;*/ opacity: 0.9;
    background-color: none;
}

.table-hover > tbody > tr:hover {
    /*    background-color: #f5f5f5;*/
    opacity: 1;
    background-color: none;
}