/*“ Wlalahy el 3azeem mesh 7a3’er 7ga hena “*/
@import url('https://fonts.googleapis.com/css?family=Cairo');
@font-face {
    font-family: 'Cairo';
    src: url('/Assets/fonts/Cairo-Regular.woff2') format('woff2'),
        url('/Assets/fonts/Cairo-Regular.ttf') format('ttf'), 
        url('/Assets/fonts/Cairo-Regular.eot') format('eot');}
@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url(https://fonts.googleapis.com/css?family=Montserrat);
}
html, body, ul, li, div, a, h1, h2, h3, h4, h5, h6, p, i > span {
    font-family: 'Montserrat', sans-serif;
}
.lang-text {
    font-family: 'Cairo';
}
.overlay-background.add {
    border-radius: .286rem;
}
.panel-group .green-background {
    background: rgba(131, 212, 153, 0.6);}
.hide-3lines {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 30px;
}.icon{margin-right:5px;}
.min-height{min-height:180px;}
.green-background .panel-title {
    font-weight: bold;}
.green-background.modal-header {
    background-image: url(/Assets/images/Untitled.jpg);
    background-size: 100% 100%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}
.green-background h4, .green-background h3 {
    color: #fff;
}
.modal-header {
    background: rgb(152, 205, 255);
}
.white-background {
    background-image: url('/Assets/images/Untitled.jpg');
    background-size: 100% 100%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}
.navbar-brand-text.white-color {
    color: #fff;}
.panel-desc.white-color {
    font-size: 12px;
    color: #fff
}
img.image-size {
    width: 25px;
    height: 25px;
}
img.submenu-image-size {
    width: 14px;
    margin-right: 2px;
}
.panel-group .green-background {
    background: rgba(131, 212, 153, 0.6);}
.green-background .panel-title{
    font-weight: bold;} 
.panel.box-shadow {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.input-imp-long{
    display:none;
}
/*.tab-pane i{padding-right:0.5em;}*//*hatt3dal*/
.bg-gray {
    background-color: #59be75;
}
.z-index{z-index:0;}
.panel-actions.right-action {
    right: 5px;}
.form-horizontal .form-control-label {
    text-align: left}
.hidden {
    display: none !important;}
.sub-menu-padding .site-menu-item > a.animsition-link {
    padding: 0px 15px;}
@media (min-width: 480px) and (max-width: 1600px) {
    .search-profile-textbox {
        width: 65% !important;
    }
}
.bg-gray a {
    text-decoration: none;}
@media (max-width: 767px) {
    img.image-size {
        width: 15px;
        float: left;
        margin-top: 10px;
    }

    .search-profile-textbox {
        width: 90% !important;
        display: inline-flex;
    }

    .checkbox-custom.z-index {
        display: inline-block;
    }

    .animsition-link {
        margin-left: 28px;
    }
}
.page {background: initial;}.cursor{cursor:pointer}
/*.loader-overlay {background: #59be75;}*/
.add.overlay-icon .icon{width:auto;}
.twitter-typeahead { width: 100%;}
a.background-color.active, a.background-color.active:focus, a.background-color.active:hover {background: initial;}
.profile-page-listing .card-block {padding:0;}
/*.profile-page-listing .card-title{margin-bottom:22px;}*/
.form-group .help-block-error {
    color: rgb(249, 104, 104);
    position: absolute;
    width: 100%;
    display: block;
    font-size: 11px;
    margin-top: 5px;
}
.step.active.dark-grey, .step.current {
    background-color: #616161;
    padding: 10px 15px;
    border-radius: 5px;
}
.active h4.list-group-item-heading {
    color: #f8f8f8;
}
p.list-group-item-text{font-size:13px;} .avatar img {
    max-width: 100% !important;
}
.add-section i {
    background-image: url('/Assets/images/Untitledzz.jpg');
    background-size: 100%;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding-top: 20px;
    font-size: 55px;
    color: #fff;
    margin-bottom: 10px;
}
#personaldetails .form-group{display:inline-block;}
#pageBody .panel-title {
    color: #34c09a;
    font-weight: bold;
}
.step.active.dark-grey .step-number, .step.current .step-number {
    color: #616161;
}
.glp-anchor {
    text-decoration: underline !important;
    color: inherit !important;
    cursor:pointer;
}
.profile-tabs a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover{color:#fff}
.profile-tabs a.background-color.active, a.background-color.active:focus, a.background-color.active:hover {
    background: inherit;
}
.profile-tabs a.background-color {
    background: inherit;
    color: #fff;
}
.profile-tabs span {
    padding-left: 10px;
}
.profile-tabs.list-group {
    margin-bottom: 0;
    border-bottom-left-radius: .286rem;
    border-bottom-right-radius: .286rem;
}
.btn-color.panel-toolbar .btn {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}.english-dir{direction:ltr;}
.profile-userpic-imgWrapper.avatar i {
    position: relative !important;
    border: none;
    border-radius: inherit;
    background: transparent;
}
/* color: #a3afb7; */
/*Login Page */
.page-login-v3 .panel {
    width: 470px;
}
.account-image-size {width: 12px;margin-top: -3px;}
@media (max-width: 767px) {
    .page-login-v3 .panel {
        width: auto;
    }
}
.page-login-v3 form{
    text-align:left;
}
/*End Login Pagin*/

.bootstrap-select .btn{
    background: #FFF;
}
.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    background: #FFF;
}
/*Fix form inside Profile Application*/
.form-horizontal form {
    width: 100%;
}
.tt-suggestion:hover {
    background-color: #46be8a;
}
/* Bad Fixes for the buttons from template */
.btn-animate span{
    height:auto;
}
.fileUploadParent .remove-link {
    height: 32px;
    display:grid;
}
.fileUploadParent .remove-link {
    font-size: 14px;
}
.fileUploadParent .file-fake-input {
    cursor:pointer;
}
/* END Bad Fixes for the buttons from template */
.page-login-v3 .panel {
    background: rgba(255, 255, 255, 0.7098039215686275) !important;
}
.profile-tabs .list-group-item{
    cursor:pointer;
}
/*Tabs Branding*/
/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: rgb(131, 212, 153);
}
.nav-tabs .nav-link.active {
    border-bottom-color: rgb(131, 212, 153);
}*/
/* End Tabs Branding*/ 
/*Toastr Icon fix*/
[aria-live='polite'] > .toast-success:not(.toast-just-text):before,
[aria-live='polite'] > .toast-info:not(.toast-just-text):before,
[aria-live='polite'] > .toast-warning:not(.toast-just-text):before,
[aria-live='polite'] > .toast-error:not(.toast-just-text):before {
    font-family: 'FontAwesome';
}
[aria-live='polite'] > .toast-success:not(.toast-just-text):before {
    content: "\f00c";
}
[aria-live='polite'] > .toast-error:not(.toast-just-text):before {
    content: "\f00d";
}
/*END Toastr Icon fix*/

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    text-align: center;
}
    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        text-align: center;
    }
#uaediv, #worlddiv {
    width: 100%;
    height: 450px;
}
.amcharts-chart-div a {
    display: none !important;
}
.change-map {
    position: absolute;
    top: 135px;
    left: 24px;
    z-index: 2;
    background: #FFF;
    border-color: #dadada;
    padding: 9px 10px;
}
    .change-map:hover {
        background: #dadada;
    }

    .change-map.uae-mode i.fa-flag {
        display: none;
    }
    .change-map.world-mode i.fa-globe {
        display: none;
    }
.ajax-panel-body .panel-title {
    display: none;
}
.ajax-panel {
    margin-bottom: 10px !important;
    border: 1px solid rgba(131, 212, 153, 0.6);
}
    .ajax-panel .panel-heading {
        padding: 0 11px;
    }
.application-review .status-badge {
    margin-top: 2px;
    width: 100px;    
}
.application-review .review-validation {
    display: inline-block !important;
}
/*HoneyPot Field*/
.input-imp-long {
    display: none;
}
@media (min-width: 992px) {
    .modal-xl {
        max-width: 1200px;
    }
}
.row-main {   
    overflow-x: hidden;
}
#content {
    transition: width 0.3s ease;
}
#sidebar {
    transition: margin 0.3s ease;
}
.sidebar.collapsed {
    display: none;
}
.small-table-submit .margin-space {
    margin-left: 5px;
}
#pager-text, #page-size-container {
    display: none!important;
}
#page-selection {width:100%;}
.b-paging-control li.disabled:not(.prev):not(.next) > a {
    background-color: #62a8ea !important;
}
#Selectedpaging {
    text-align: center;
    margin-bottom: 10px;
}

.b-paging-control .pagination > li > a, .b-paging-control .pagination > li > span {
    color: #62a8ea;
}

.ProfileDName {word-break: break-all;}
.date {
    font-size: 15px;
    color: #fff;
    text-align: center;  
    display: block;}
.day {
    font-size:20px;
    color: #fff;
    text-align: center;
}ul.scrolling {
    overflow-y: auto;
    max-height: 330px;
    -moz-box-shadow: 3px 3px 8px #b2b2b2;
    -webkit-box-shadow: 3px 3px 8px #b2b2b2;
    box-shadow: 3px 3px 8px #b2b2b2;
    padding: 5px;
}
@media (min-width: 992px) {
    .sidebar.collapsed {
            display: block;         
            margin-left: -24%;
        }

    }
@media (min-width: 700px) and (max-width: 1024px) {
    .search-profile-textbox {
        width: 50% !important;
    }
    .site-menu > .site-menu-item > a {
        padding: 13px 14px;
    }
}
@media (max-width: 767px) {
    .ajax-panel .panel-title > .badge {
        margin-left: 1px;
    }
}
.fixed-height{height:165px;}
.two-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}.three-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}.tooltip {
    white-space: pre-line;
}.breadcrumb-elibrary{
     padding-left: 0px;
 }.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
    color: inherit !important;
}
span.aligment {
    top: 20px;
    
}
@media (max-width: 767px) {
    .site-navbar.navbar-inverse .navbar-container {
        background-color: #a4a4a4;
    }

    .site-navbar.navbar-inverse .navbar-toolbar > li > a {
        color: #fff;
    }
    span.aligment {
        top: 80px;
        position: absolute;
    }
        span.aligment.float-right {
            position: relative;
            top:0;
        }
    }
.b-paging-control .pagination > li > a:hover, .b-paging-control .pagination > li > span:hover, .b-paging-control .pagination > li > a:focus, .b-paging-control .pagination > li > span:focus {
    color: #037623
}span.icon-width{width:1.0em;}
.panel-actions.fix-badge {
    right: 30px;
    top: 20px;
    position: absolute;
}.envlope-img{width:15px;}
.profile-tabs a.background-color:hover {
    background: rgba(238, 238, 238, 0.34901960784313724);
    color: #fff;
}
.form-conversation .form-group {
    display: inline-block;
    width: 100%;
    /*padding: 0px 15px 0 15px;
    margin-bottom:0;*/
}
.form-conversation .form-control {
    background-image: linear-gradient(#62a8ea, #62a8ea), linear-gradient(#e4eaec, #e4eaec);
    float: none;
    border: 0;
    /* -webkit-box-shadow: none; */
    /* box-shadow: none; */
    /* border-radius: 0; */
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center -webkit-calc(100% - 1px);
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
}
.form-conversation button {
    padding: 4px;
    border-color: #fff;
}
.form-conversation .bootstrap-select .btn {
    border-color: #fff !important;
    padding-right: 0;
    background: #fff;
    box-shadow: none;
}
img.menu-width{width:20px;}
.green-header button.close {
    color: #fff;
}
.irs-from, .irs-to, .irs-single {
    background: #46be8a;
}
/*.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
    background: url(img/green.png) repeat-x;
}*/
.color-inherit {
    color: inherit !important;
}
.font-weight-inherit {
    font-weight: inherit !important;
}
.page-profile .card-block.radius {
    border-radius: .286rem;
}
.steps {
    margin: 30px 0 22px;
}
.bs-caret{display:none;
}
.form-conversation span.filter-option {
    font-size: 15px;
    color: #C0C0C0;
}
.form-conversation .form-control {
    font-size: 15px;
}
.form-conversation .btn-group {
}
.form-conversation ::-webkit-input-placeholder {
    color: #C0C0C0;
}
.form-conversation select.form-control:not([size]):not([multiple]) {
    color: #C0C0C0;
}
.form-conversation .bs-placeholder{padding-right:4px;}
input:-webkit-autofill {
    background-color: red !important;
}
.list-perception .list-inline-item:not(:last-child)
{
     margin-right: 20px;
}
.list-perception 
{
        text-align: center;
}    
.has-perception{margin-top: 40px;}
.site-navbar-small-survey {
    padding-top: 62.004px !important;
}
.tabletrOdd
{
        background-color: rgba(243,247,249,.3);
}