body {
}

.nav-tabs {
    border-bottom: none!important;
}

.dataTables_filter .btn {
    margin-left: 10px;
}

.center-vertical 
{
    margin-top:200px;
}

input.datepicker { width: 100px!important;}

.datepicker.datepicker-dropdown {
    padding: 10px;
    z-index: 1000 !important;
}

.column-checkbox{
    width: 25px;
    text-align: center;
}

.column-action {
    width: 150px;
    min-width: 150px;
    text-align: center;
}

.column-action-left {
    width: 150px;
    text-align: left;
}

select.form-control {
    padding-top: 0px;
}

div.dataTables_filter{
    text-align: left !important; 
}

div.dataTables_paginate{
    text-align: left !important; 
}

div.dataTables_filter input{
    margin-left: 0px !important;
}

.dropdown-menu.trans {
    background-color: transparent !important;
}

.pull-right > .dropdown-menu.trans {
    right: 0;
    left: 0;
}

.panel-default {
    border-color: #15725e!important;
}

.panel-default>.panel-heading {    
    color:white!important;
    background-color: rgba(15, 153, 137, 1)!important;
    border-color: #15725e!important;
}

.btn-primary {
    color: white!important;
    background-color: rgba(15, 153, 137, 1)!important;
    border-color: rgba(15, 153, 137, 1)!important;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff!important;
    background-color: #15725e!important;
    border-color: #204d74!important;
}

.modal-content {top: 160px;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: rgba(15, 153, 137, 1)!important;
    border-color: rgba(15, 153, 137, 1)!important;
}

.badge-notify-level-a {
    background: red !important;
    font-family: UniversNextArabic-Regular;
}
.badge-notify-level-b {
    background: red !important;
    font-family: UniversNextArabic-Regular;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error
{
    border: 1px solid red;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Styles for scrollbar
------------------------start------------------------*/
.scrollbar {
    overflow-y: hidden;
    overflow-x: auto;
    /*padding: 15px;*/
}

#scrollbar-id::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#scrollbar-id::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#scrollbar-id::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top, #e4f5fc 0%, #0F9989 50%, #006953 51%, #2ab0ed 100%);
}

#scrollbar-id2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#scrollbar-id2::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#scrollbar-id2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 50%, 75% 84%, from(#0F9989), to(#006953), color-stop(.6,#93BE1F));
}
/* Styles for scrollbar
------------------------end------------------------*/

.ui-widget.ui-widget-content {
    border-color: #15725e!important;
}

.ui-widget-header {
    border-color: #15725e!important;
    background-color: #15725e!important;
}

.specialization .input-group-addon {
    width: 100%!important;
}

.specialization .input-group .form-control {
    width: 60px!important;
}
    .specialization .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-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        width: 40px!important;
    }
        .specialization .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-left-radius: 5px !important;
            border-bottom-left-radius: 5px !important;
            width: 40px!important;
        }

.custom-group {
    border-right: solid;
    padding-right: 5px;
    border-color: rgba(15, 153, 137, 1) !important;
}