﻿/*“ Wlalahy el 3azeem mesh 7a3’er 7ga hena “*/
@import url('/Assets/fonts/Cairo/Cairo.css');
@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: 'SF-Pro-Display-Black';
    font-weight: 900;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Black.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-BlackItalic';
    font-weight: 900;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-BlackItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Bold';
    font-weight: 700;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-BoldItalic';
    font-weight: 700;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-BoldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Heavy';
    font-weight: 800;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-HeavyItalic';
    font-weight: 800;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-HeavyItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Light';
    font-weight: 200;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Light.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-LightItalic';
    font-weight: 200;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-LightItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Medium';
    font-weight: 500;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-MediumItalic';
    font-weight: 500;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-MediumItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Regular';
    font-weight: 400;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-RegularItalic';
    font-weight: 400;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-RegularItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Semibold';
    font-weight: 600;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Semibold.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-SemiboldItalic';
    font-weight: 600;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-SemiboldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Thin';
    font-weight: 300;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-ThinItalic';
    font-weight: 300;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-ThinItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Ultralight';
    font-weight: 100;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-Ultralight.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-UltralightItalic';
    font-weight: 100;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Display-UltralightItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Bold';
    font-weight: 700;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-BoldItalic';
    font-weight: 700;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-BoldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Heavy';
    font-weight: 800;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-HeavyItalic';
    font-weight: 800;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-HeavyItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Light';
    font-weight: 200;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-Light.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-LightItalic';
    font-weight: 200;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-LightItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Medium';
    font-weight: 500;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-MediumItalic';
    font-weight: 500;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-MediumItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Regular';
    font-weight: 400;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-RegularItalic';
    font-weight: 400;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-RegularItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Semibold';
    font-weight: 600;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-Semibold.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-SemiboldItalic';
    font-weight: 600;
    src: url('/Assets/global/fonts/font/ont/SF-Pro-Text-SemiboldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SFProText-Semibold';
    src: url('/Assets/global/fonts/SFProText-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GESSTwoMedium-Medium';
    src: url('/Assets/global/fonts/GE SS Two Medium.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

html, body, ul, li, div, a, h1, h2, h3, h4, h5, h6, p {
	font-family: 'Montserrat', sans-serif;
}
.lang-text {
    font-family: 'Cairo';
}
body {
    background: #e0e0e0;
    background-size: cover;
}
.overlay-background.add {
    border-radius: .286rem;
}
.page-content > .panel {
    margin-bottom:0px;  
}.page-content > .panel > .panel-body {
    min-height: calc(100vh - 301px);
}
.page-login-v3 .page-content > .panel > .panel-body {
	min-height: initial;
	background-color: initial !important;
}
.anonymous-layout .panel-body {
    min-height: inherit;
}
.page-content > .panel > .panel-body.panel-body-internal-height {
        min-height: calc(100vh - 276px);
    }
    .page-content > .panel > .panel-body.height-twocols {
        min-height: calc(100vh - 315px);
    }
.page-content {
    padding: 10px 30px;
}
.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/Background.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: #5685B8;
}
    .modal-header h4, .modal-header h3 {
        color:#fff;
    }
    .white-background {
    background-image: url('/Assets/images/Background.jpg');
    background-size: 100% 100%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}
.border-primary {
    border-color: #007bff !important;
}
.border {
    border: 1px solid #007bff !important;
}
.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: 20px;
    margin-right: 10px;
}
.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;
}
.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: inherit;
}.cursor{cursor:pointer}
.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: relative;
    text-align:left;
    width: 100%;
    display: block;
    font-size: 9px;
    margin-top: 0px;
}
.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:center !important;
}
/*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;
    /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.82);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.82);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.82);*/
}
.profile-tabs .list-group-item{
    cursor:pointer;
}
/*Tabs Branding*/
/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #5685B8;
}*/
.nav-tabs .nav-link.active {
    border-bottom-color: #798691;
    color: #798691;
}
.nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover, .nav-tabs-line .nav-item.show .nav-link, .nav-tabs-line .nav-item.show .nav-link:focus, .nav-tabs-line .nav-item.show .nav-link:hover, .nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover {
    color: #798691;
    border-bottom: 2px solid #798691;
}
    /* 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: #5685b8 !important;
}
#Selectedpaging {
    text-align: center;
    margin-bottom: 10px;
}
.b-paging-control .pagination > li > a, .b-paging-control .pagination > li > span {
    color: #5685b8;
}
.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 11px;
    }
}
@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;
    position: absolute;
}
@media (max-width: 767px) {
    .site-navbar.navbar-inverse .navbar-container {
        background-color: rgba(214, 214, 214, 0.7686274509803922);
    }
    .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-control {
    background-image: linear-gradient(#62a8ea, #62a8ea), linear-gradient(#e4eaec, #e4eaec);
    float: none;
    border: 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;
}
.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-material .form-control {
    font-size: 15px;
    width: 100%;
}
.form-copy .form-material .form-control {
    width: auto;
}
.form-copy .twitter-typeahead {
    width: auto;
} 
/*.form-conversation .btn-group {
}*/
.form-conversation ::-webkit-input-placeholder {
    color: #C0C0C0;
}
.form-conversation select.form-control:not([size]):not([multiple]) {
    color: #2ebd88;
}
.form-conversation .bs-placeholder{padding-right:4px;}
.changecolor {
    color: #2abf83;
    background-image: linear-gradient(#62a8ea, #62a8ea), linear-gradient(#2abf83, #2cc18a);
}
.form-copy .form-material .form-control {
    background-image: linear-gradient(#31be93, #2ebd88), linear-gradient(#2abf83, #2cc18a);
}
.fieldofwork .dropdown-toggle {
    overflow: hidden;
    max-width: 194px;
}
.changecolor .tt-menu {
    max-height: 200px;
    overflow-y: scroll;
}
.fieldofwork .dropdown-menu {
    width: 380px;
}
/*Thoughts CSS*/

.site-navbar .navbar-header .navbar-brand-logo
{
    height:30px;
}
.navbar-inverse {
    border-color: rgba(0, 0, 0, .1);
    background-color: #5685B8;
}
.bmenu-img
{ width: 25px !important;
}
.site-menu-sub
{
    text-align:left !important;
}

.panel-body {
    background-color: #fff !important;
}  
.thoughts-icons {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.site-menu-sub .site-menu-item > a
{
    width:280px !important;
}
img.img-height {
    height: 247px;
}
.overlay-panel a.decoration{text-decoration:none;color:#fff;}
img.card-img-height{height:300px;}
.icons-group.panel-toolbar .btn {
    color: #ffffff;
}
.btn-padding.panel-toolbar .btn {
    padding: .715rem;
}
/*.form-layout-horizontal {
    padding: 20px 0;
}*/
.form-layout-horizontal .form-actions {
        padding: 20px 0;
    }
.sub-menu-padding .site-menu-item > a {
    padding: 6px 20px;
}
@media (max-width: 767px) {
    .bmenu-img {
        width: 25px !important;
        float: left;
        margin-top: 10px;
        margin-right: 10px;
    }
}
.pointer-event{pointer-events:none}
.input-group-btn .btn {
    padding: 6.5px 10px;
}
.site-skintools.skintool-width {
    width: 750px;
    right: -750px;
}
/*.Horizontal-Layout .col-md-6.col-sm-9 {
    padding-top: 35px;
}*/
.panel-toolbar .btn {
    color: #ffffff;
}
.overlay-panel a.decoration:hover {
    color: #76838f;
}
.z-index-search{z-index:0;}
/*.site-menu > .site-menu-item > a {
    padding: 13px 20px 5px;
}*/
@media (min-width: 767px){
    .site-menu > .site-menu-item > a > .site-menu-title {
        line-height: 29px;
    }}
.header-color {
    background:#5685B8;
}
.table thead th{color:#000;}
tbody {
    background: #F2F2F2;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #ffffff;
}
#Providertable thead, #Permissiontable thead, #PermissionSettable thead, #Templatetable thead, #EmailHeaderAndFooterTemplatetable thead, #Lookuptable thead, #LookupGrouptable thead {
    background: #5685B8;
}
.circle-green {
    color: #55AB68;
    font-size: 20px !important;
}
.btn-width {
    width: 78px;
}
.spinnerUi > input[type=text] {
    width: calc(100% - 40px);
}
.spinnerUi{width:100%;}
.padding-file .fileUploadParent{
    padding-top: 35px;
}
.padding-toggle .switchery {
    margin-top: 30px;
}
.session-form-group .form-group {
    margin-bottom:0;
}
.session-form-group .table th, .table td {
    vertical-align: middle
}
.datepicker-padding .col-md-6 {
    padding-top: 30px;
}
.datepicker-padding .col-md-6.b-label{padding-top:0;}
.btn-thoughts {
    border-color: #3D5979;
    background-color: #3D5979;
    color:#fff;
}
a.list-group-item.list-lightgray.active, a.list-group-item.active:focus, a.list-group-item.list-lightgray.active:hover {
    color: #fff;
    background: #aeaeae !important;
    border-color: #aeaeae;
}

.list-group-bordered .list-group-item.list-lightgray.active, .list-group-bordered .list-group-item.list-lightgray.active:hover, .list-group-bordered .list-group-item.list-lightgray.active:focus {
    background: #aeaeae !important;
    border-color: #aeaeae;
}
.bg-shadow {
    -moz-box-shadow: 2px 3px 3px #000000;
    -webkit-box-shadow: 2px 3px 3px #000000;
    box-shadow: 2px 3px 3px #a1a1a1;
}
.list-group-bordered .list-style-group {
    margin-top: 5px;
    z-index:0;
}
.card-background {
    background: #f5f5f5;
    padding: 10px;
}
@media (max-width: 479px) {
    .panel-heading .media {
        flex-direction: unset;
        -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
    }
    .panel-actions-keep {
       top: 30%;
    }
    }
.anchor-styles {
    color: #888888;
    font-weight: 600;
}
a.anchor-styles:hover {
    color: #888888;
} 
    .header-tool {
        color: #fff;
        box-shadow: 2px 2px 5px rgba(0,0,0,.05);
        background: #5685B8;
    }
.modal-footer {
    padding: 6px 0px 20px;
}
.card-shadow-listing-tools {
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
    transition-property: all;
    transition-duration: 0.15s;
    border-radius: .625rem;
}
.card-shadow-listing-tools:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 35px rgba(50,50,93,0.1), 0 8px 15px rgba(0,0,0,0.07);
}
.active-tool {
    color: #11c26d;
}
.app-projects .overlay .project-button:hover .decoration {
    color: #76838f
}
.element-text span{font-size:14px!important}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    text-shadow: unset;
}
.stages-pearls {
    display: block;
    margin: 0px 1px 25px;
    float: left;
    margin-right: 10px;
}
    .stages-pearls .pearl.active .pearl-icon, .pearl.active .pearl-number, .pearl.current .pearl-icon, .pearl.current .pearl-number {
        color: #fff;
        background-color: #11c26d;
        border-color: #11c26d;
        -webkit-transform:unset;
        -ms-transform: unset;
        -o-transform:unset;
        transform: unset;
    }
 .stages-pearls .pearl {
        margin-bottom: 12px;
    }
.badge-pill-listing{padding:4px 8px;}
.header-tool .small, .panel-title small {
    color: #5685B8;
}
.header-tool .badge{background:#fff;font-weight:600}
.bg-light-gray {
    background-color: #f7f7f7;
}
.img-width-videos {
    max-width: 100%;
    height: 150px;
    width: 100%;
}
.border-radius-6 {
    border-radius: 6px;
}
.text-extra-dark-gray {
    color: #232323;
}
.text-large {
    font-size: 16px;
    line-height: 26px;
    width: 100%;
}
.padding-precentage-5{padding:5%;}
.panel-heading-shadow {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.panel-boxshadow {
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
}
.desc-height {
    height: 45px;
    letter-spacing: 0.5;
    line-height: 1.5;
}
.panel-body-shadow {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/*.panel-element {
    border-bottom: 2px solid #fffefe;
}*/

.flip-clock-wrapper ul li a div div.inn {
    font-size: 20px!important;
}
.flip-clock-wrapper ul li {
    line-height: 40px !important;
}
.flip-clock-dot.top {
    top: 13px !important;
}
.flip-clock-divider {
    height: 68px!important;
}
.flip-clock-wrapper ul {
    width: 5px !important;
    height: 40px !important;
    padding: 15px;
}
.flip-clock-wrapper { 
    width: auto!important;  
    display: inline-block;
}
.flip-clock-divider .flip-clock-label {
    right: -55px!important;
}
.flip-clock-divider.minutes .flip-clock-label {
    right: -60px!important;
}
.flip-clock-divider.seconds .flip-clock-label {
    right: -64px!important;
}
.matricesBaseTable td {
    padding: 3.55rem !important;
}
.tableDynamicMatrices td textarea{
    width:100% !important;
}
.btn-width{width:78px;}
.searchbox-width {
    width: 200px;
}
@media (max-width: 479px) {
    .panel-actions-keep-mobileview {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: block !important;
        margin: auto !important;
        padding: 0 15px 15px !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    .searchbox-width {
        width: 87%;
    }
    .flip-clock-wrapper ul {
        padding: 10px;
    }
}
.btn-width{width:78px;}

.modal-content-full {
    width: 100% !important;
}
.panel-team {
    border: 1px solid #eee;
    padding: 15px;
}
.group-help.panel-group .panel-title:after, .group-help.panel-group .panel-title:before {
    top: 20px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    img.bmenu-img {
        width: 25px;
        height: 25px;
    }
    .media img {
        height: 30px;
    }
}
.site-menubar-light .site-menu > .site-menu-item.active > a {
    color: #898881;
    font-weight: 800;
}

.site-menu > .site-menu-item.active {
    background: rgba(195, 189, 155, 0.12) !important;
}
.header-helpingcenter {
    background-color: #BB554C;
    color: #fff;
    padding: 15px;
}

.nav-tabs-solid ~ .tab-content {
    background-color: #ffffff;
}

.nav-tabs-solid .nav-link.active, .nav-tabs-solid .nav-link.active:focus, .nav-tabs-solid .nav-link.active:hover, .nav-tabs-solid .nav-item.show .nav-link, .nav-tabs-solid .nav-item.show .nav-link:focus, .nav-tabs-solid .nav-item.show .nav-link:hover, .nav-tabs-solid .nav-item.open .nav-link, .nav-tabs-solid .nav-item.open .nav-link:focus, .nav-tabs-solid .nav-item.open .nav-link:hover {
    background-color: #ffffff;
}
@media (max-width: 767px) {
    .date-determine-mobile .radio-custom {
        display: inline-flex;
        padding-left: 30px;
    }

    .form-horizontal .checkbox-custom, .form-horizontal .date-determine-mobile .radio-custom {
        padding-top: 1.501rem;
    }
    .site-menubar-light .site-menu-item.open > a {
        color: #19222b;
    }
        /*.date-determine-mobile .col-md-1.m--10:nth-child(2) {
        float: right;
    }*/
    }
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.card-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 1px 3px rgba(16, 16, 16, 0.05);
}
.panel-heading-z-index{z-index:999}
.blog-twitter-block i.blog-twiiter-icon {
    left: 10px;
    bottom: 10px;
    font-size: 16px;
    float: left;
    margin-right: 5px;
    margin-top:2px;
}

.card-img-top {
    max-height: 250px !important;
    height: 230px;
}.hide{display:none;}


.b-loadmore-control {
    margin-bottom: 0px !important;
}
.list-border-none.list-group-dividered .list-group-item:last-child {
    border-bottom-color: transparent;
}
.title-border {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
#parentComments .wall-comment .comment-operation{display:block;}
.interactionBtn{
    cursor:pointer !important;
}
.whitespace {
    white-space: pre-line;
}
.ideaActions{
    margin-bottom:10px !important;
}
.btn-background button{
    background: transparent;
    border: 0;
}
.nav-circle{position:absolute;right:0;}

.btn-background .btn-default:active:hover, .btn-background .btn-default:active:focus, .btn-background .btn-default:active.focus, .btn-background .btn-default.active:hover, .btn-background .btn-default.active:focus, .btn-background .btn-default.active.focus, .btn-background .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
    background: transparent;
    border: 0;
}
.comment-operation button{
    background: transparent;
    border: 0;
}
/*Tags Control*/
.bootstrap-tagsinput {
    width: 100%;
    position: relative;
}

    .bootstrap-tagsinput .tag {
        background: #46be8a;
        display: inline-block;
        margin-bottom: 5px !important;
        padding: 3px 10px;
    }

    .bootstrap-tagsinput .twitter-typeahead {
        width: inherit;
        display: inline !important;
        position: static !important;
    }

    .bootstrap-tagsinput .tt-hint {
        display: none;
    }

    .bootstrap-tagsinput input {
        width: 250px;
        padding: 0px;
        padding-top: 3px;
    }

.bootstrap-tagsinput {
    min-height: 54px;
    border: none;
    border-bottom: 1px solid #e4eaec;
    border-radius: 0;
    padding: .715rem 0;
    color: #76838f;
    box-shadow: none;
}

    .bootstrap-tagsinput .tt-menu {
        margin: 6px auto;
        width: 100%;
    }

    .bootstrap-tagsinput .profile-title {
        font-size: 12px;
        color: #76838f;
    }
/*Tags Control*/
.navtab-circle-dropdown{right:-5px;}

/* Login Form */
.sts-login-form .form-control {
	/*background-color: rgb(232, 240, 254) !important;*/
}
input:-internal-autofill-selected {
	background-color: rgb(232, 240, 254) !important;
	background-image: none !important;
	color: rgb(0, 0, 0) !important;
}

/*new login page styles*/

.page-login-v3 .panel {
    background: none !important;
}
.row.row-full {
    width: 100% !important;
    height: 100% !important;
}
.panel-body.recommend-leader_body {
    padding: 15px !important;
}
.panel.login-panel {
    box-shadow: none !important;
}
div .desc_txt {
    font-size: 20px;
    color: #9a9a9a;
}
.welcome-txt {
    font-size: 20px;
}
.mobile-footer {
    display:none;
}

.login-divider {
    font-size: 1rem;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 8px;
}

.login-divider::before, .login-divider::after {
    flex: 1;
    content: '';
    padding: 0.5px;
    background-color: #E4EAEC;
    margin: 8px;
}

.login-divider::before {
    margin-left: 0px;
}

.login-divider::after {
    margin-right: 0px;
}

.cursor {
    cursor: pointer;
}

.w-310 {
    width: 310px
}

.uae-pass-btn-container,
.uae-pass-btn-container:focus
{
    border: none !important;
    background-color: #fff !important;
    outline: none !important;
}

.uae-pass-btn-container .focused,
.uae-pass-btn-container .pressed
{
    display: none;
}

.uae-pass-btn-container:hover .normal,
.uae-pass-btn-container:hover .pressed {
    display: none;
}

.uae-pass-btn-container:hover .focused {
    display: block;
}

.uae-pass-btn-container:active .normal,
.uae-pass-btn-container:active .focused {
    display: none;
}

.uae-pass-btn-container:active .pressed {
    display: block;
}

.top-60 {
    top: 60px !important;
}

.h-15 {
    height: 15px;
}

.h-25 {
    height: 25px !important;
}

.layout-with-banner-and-navbar {
    padding-top: 9.786rem !important;
}

.layout-with-banner {
    padding-top: 4.786rem !important;
}

.d-none {
    display: none !important;
}

.smart-banner-container {
    width: 100%;
    position: fixed;
    top: 0;
    height: 4.286rem;
    min-height: 4.286rem;
    background: #ffffff;
    z-index: 1500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 992px) {
    .row.row-full {
        margin: 0px !important;
    }

    .desktop-footer {
        display: none !important;
    }

    .mobile-footer {
        display: block !important;
        padding: 40px 0px;
    }

    .panel.login-panel {
        width: 470px !important;
    }
}
@media screen and (max-width: 600px) {
    .panel.login-panel {
        width: 100% !important
    }

    .fullwidth-mobile {
        width: 100%;
        padding: 0px !important;
    }

    .panel.login-panel > .panel-body {
        padding: 40px 0px !important;
    }
}