/* here you can put your own css to customize and override the theme */
body, h1, h2, h3, h4, h5, h6, span.label, label, li, strong, a {
    font-family: "pfont" !important;
}

.morris-hover.morris-default-style .morris-hover-point, .select2-container--bootstrap .select2-results__group, .select2-container--bootstrap .select2-selection {
    font-family: "pfont" !important;
}

body, .label, .table thead tr th, .table td, .table th, .btn {
    /*font-size: 12px;*/
    font-size: 11px;
    font-family: "pfont" !important;
}

.portlet > .portlet-title > .caption, .btn-group-lg > .btn, .btn-lg {
    font-size: 16px;
}

.datepicker-plot-area {
    z-index: 99999;
    font-family: pfont !important;
}

.select2-result-person {
    padding-top: 4px;
    padding-bottom: 3px;
}

.select2-result-person__profile_picture {
    float: right;
    width: 60px;
    margin-left: 10px;
}

    .select2-result-person__profile_picture img {
        width: 100%;
        height: auto;
        border-radius: 2px;
    }

.select2-result-person__meta {
    margin-right: 70px;
}

.select2-result-person__fullname {
    color: black;
    font-weight: bold;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px;
}

.select2-result-person__email, .select2-result-person__company {
    font-size: 13px;
    color: #777;
    margin-top: 4px;
}

.select2-results__option--highlighted .select2-result-person__fullname {
    color: white;
}

.select2-results__option--highlighted .select2-result-person__company, .select2-results__option--highlighted .select2-result-person__email {
    color: #c1d7e9;
}

.area-loaded .spiner {
    display: none;
}

.area-loading .spiner {
    display: inline;
}

.area-loading *:not(.spiner) {
    display: none;
}

.select2-container .select2-search--inline {
    float: none;
}

select.form-control {
    font-size: 12px;
}

div.portlet > div.light div.row {
    border-top: 1px solid #ADB4B9;
    padding-top: 15px;
}

    div.portlet > div.light div.row:first-child {
        border-top: none;
        padding-top: 0;
    }

.ui-timepicker-standard {
    z-index: 99999 !important;
}

.icon-btn > .badge-unset {
    left: 65px;
}

.icon-btn > .badge-set-reject {
    margin-top: 15px;
}

.icon-btn > .badge-set-accept {
    margin-top: 30px;
}

.icon-btn > .badge-final {
    margin-top: 45px;
}

.icon-btn {
    border: 3px solid #ddd;
}

.page-head .page-toolbar {
    padding-top: 4px;
}

.timeline .timeline-body {
    margin-right: 0px;
}

.timeline::before {
    width: 0px;
}

.header-title {
    display: inline;
}

.header-title-holder {
    /*margin-top: 29.5px;*/
    margin-top: 15.5px;
    display: inline-block;
}

/*.page-logo {
    width: 500px !important;
}*/

.page-header .page-header-top .page-logo .logo-default {
    margin: 0;
}

#loading-cover {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: white;
    z-index: 10;
    opacity: 0.65;
}

    #loading-cover span, #loading-cover i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

.tabbable-custom > .nav-tabs > li > a {
    font-size: 9px;
}

.nav-tabs .label {
    padding: 0px 6px;
}

.nav > li > a {
    padding: 10px 5px;
}

#modal-remove {
    z-index: 10051;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.bootstrap-switch {
    margin-top: 6px;
}

.datepicker-plot-area .btn-prev,
.datepicker-plot-area .btn-next {
    direction: ltr;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*---------------------------custom salehe------------------------------*/
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
    color: #E7EEF7 !important;
}
/*------------red-sunglo-rtl*/
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
    background-color: #52C1A1 !important;
}

    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a {
        height: 40px;
    }

.page-header .page-header-menu {
    background: #646A79;
}

li.nav-item :hover {
    /*background:red !important;
    background-color:red !important;*/
}

div.page-content {
    /*background:#EFEFEF;*/
}
/*-------------------layout--------*/
.page-header {
    height: 0px !important;
}

.page-head {
    padding-bottom: 10px;
}

.btn-ltoolbar {
    display: inline-block;
}

.portlet.light.portlet-fit {
    border-top: 1px solid #52C1A1;
}

#timeline-holder {
    border-top: 1px solid #A7A5AA;
}

#calender-month-picker {
    height: 30px;
}

.floatl {
    float: left;
}
/*-----------------------------Modal------------------------------*/
.modal-title {
    font-size: 14px !important;
    color: #fff !important;
    /*font-weight:bold;*/
}

.modal .modal-header .close {
    /*background: #fff;*/
    width: 20px;
    height: 20px;
}

.modal-header {
    padding: 10px !important;
    /*border-bottom: 1px solid #D3D7DF !important;*/
}

/*.btn.grey-salsa:not(.btn-outline) {
    display: none !important;
}*/

.modal .modal-header {
    background-color: #71adc1 !important;
}

.modal-footer {
    padding: 8px !important;
}
/*-------------------------select box with closed---------------------------------*/
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: #F39C11 transparent transparent transparent !important;
    border-width: 5px 5px 0 5px !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 14px !important;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    margin: 10px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    font-size: 11px !important;
}
/*------------------------------------------------red-sunglo-rtl.css----------------------------------------*/
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    /*color: #BCC2CB;*/ color: #E7EEF7 !important
}

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
        /*color: #BCC2CB;*/ color: #E7EEF7 !important;
    }
/*-------------------------------------------layout.rtl--------------------------------------------*/
.page-header .page-header-top .top-menu {
    /*margin: 13px 0 0;*/
    padding: 0;
    float: left;
}

.page-head .page-toolbar {
    /*display: inline-block;
    float: left;*/
    text-align: center;
}
/*========================*/
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    /*font-size:14px;*/
    font-size: 11px !important;
    padding: 10px 18px 15px !important;
}

.page-header .page-header-top .top-menu {
    margin: 0 !important;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
        padding: 0 !important;
    }

.page-header .page-header-top {
    /*height:75px*/
    height: auto !important;
}

    .page-header .page-header-top .page-logo {
        /*height:75px*/
        height: auto !important;
    }

.page-head .page-toolbar {
    display: block !important;
    float: inherit !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 17px 10px 0px !important;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
        color: #7c939c !important;
    }

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 10px 18px 10px !important;
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
    background: #efeff5 !important;
}



/*persian date picker*/
.datepicker-plot-area .datepicker-header {
    background-color: #eeeeee !important;
}

    .datepicker-plot-area .datepicker-header .btn-next,
    .datepicker-plot-area .datepicker-header .btn-switch,
    .datepicker-plot-area .datepicker-header .btn-prev {
        background-color: #eeeeee !important;
        color: #000 !important;
    }