@import url(../../General/fonts/STCForward/stylesheet.css);
/*html { overflow-y: auto;}*/
/*  html{overflow: hidden;} */
*,:focus{outline:0}
:root {
  --darkish-pink: #ff375e;
  --coral: #ff375e;
  --orangey-red: #ff375e;
  /* Defined as RGB, in order to be use rgba() Function when adding opacity percentage*/
  --very-light-grey-rgb: 243,243,243;
  --darkish-pink-rgb: 218, 63, 123;
  --very-light-grey: #E9E9E9;
  --light-grey: #8E9AA0;
  --charcoal-grey: #414142;
  --brown-grey: #888888;
  --warm-purple: #4f008c;
  --very-light-pink: #e98cb026;
  --clear-blue: #1B8BD8;
 --dim-green: #5cb85c;
 --black-rgb: 0 0 0;
 --baby-pink:#E98CB0;
 --blackText:#1D252D; 
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 12.5px;
    padding-left: 12.5px;
}

h4{font-size: 17px;}
h1,h2,h3,h4,h5,h6{color:var( --blackText)!important}
body{font-family:'STCForward-Regular';font-size:13px;background:#f3f3f1;margin:0;padding-top:60px;}
.btn , button{text-shadow: none;}
.btn:focus, button:focus {outline: none;box-shadow: none;}
.newBox {
	    min-height: 100px;
	    border-radius:3px;
	    margin: 10px 0;
	    padding: 0 10px 10px;
	    word-break: break-all;
	    background: #fff; 
	    border: none; 
	    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  } 
#column-11 .newBox{padding-top:10px;padding-bottom: 5px}

.newBox .portlet-content{padding:0px}
.newBox img{max-width:100%}
.newBox.noPaddingPortlet p{margin:0px;padding:0}

.border0{border:0!important}
.primary-btn , .primary-btn:hover{border:1px solid #ff375e;text-shadow:none;background:#ff375e;background-image:none!important}
.block{display:block}
.pSideZero{padding-left:0;padding-right:0}
.text-dark{color:#333}
.text-red{color:#ff375e!important;border-color:#ff375e}
.text-red:hover{color:#e32f22!important;border-color:#e32f22}
.text-green{color:#5cb85c!important;border-color:#5cb85c}
.text-green:hover{color:#3bac3b!important;border-color:#3bac3b}
.text-yellow{color:#efac2a!important;border-color:#efac2a}
.text-yellow:hover{color:#e1a021!important;border-color:#e1a021}
.text-blue{color:#1691f9!important;border-color:#1691f9}
.text-blue:hover{color:#0c80e3!important;border-color:#0c80e3}
.text-grey{color:#9e9e9e!important;border-color:#9e9e9e}
.text-grey:hover{color:#989898!important;border-color:#989898}
.text-grey{color:#9e9e9e!important;border-color:#9e9e9e}
.text-grey:hover{color:#989898!important;border-color:#989898}
.text-stc{color:#834a91!important;border-color:#834a91}

.stc-font-primary{color: #FF375E !important}
.stc-font-danger{color: #c80025 !important}
.stc-font-orange{color:#FF6A39 !important}
.stc-font-success{color: #00C48C !important}
.stc-font-grey{color:#8E9AA0 !important}
.stc-font-purple{color: #4f008c}
.stc-font-pink{color:#FF375E}
 button:focus {outline:0;}
.mH300{min-height:300px;padding-top:20px}
 circle-progress image{opacity:0.5}

.blue-text{color:var(--clear-blue)}; 
.navbar-brand>img{display:inline-block !important}
.text-stc{color:#4f008c}
.m1{margin-top:1px}
.m2{margin-top:2px}
.m3{margin-top:3px}
.m4{margin-top:4px}
.m5{margin-top:5px}
.m6{margin-top:6px}
.m7{margin-top:7px}
.m8{margin-top:8px}
.m9{margin-top:9px}
.m10{margin-top:10px}
.mt20{margin-top:20px}
.p0{padding:0}
.p1{padding:1px;box-sizing:border-box}
.p2{padding:2px;box-sizing:border-box}
.p3{padding:3px;box-sizing:border-box}
.p4{padding:4px;box-sizing:border-box}
.p5{padding:5px;box-sizing:border-box}
.p6{padding:6px;box-sizing:border-box}
.p7{padding:7px !important;box-sizing:border-box}
.p8{padding:8px;box-sizing:border-box}
.p9{padding:9px;box-sizing:border-box}
.p10{padding:10px;box-sizing:border-box}
.pt50 {padding-top: 50px;} 
.mt50{margin-top:50px}
.h-95{height: 95%;}
 
 button:focu{background-image:none; }
.text-red{color:#ff375e!important;border-color:#ff375e}
.text-red:hover , .text-red:focus{color:#e32f22!important;border-color:#e32f22 !important}

.stc-danger{background: #FF375E;color:#fff}
.stc-danger:hover , .stc-danger:focus{background: #FF375E;border-color:#FF375E !important;color:#fff}

.stc-success{background: #00C48C;color:#fff}
.stc-success:hover , .stc-success:focus{background: #00C48C;border-color:#00C48C !important;color:#fff}

.stc-grey{background:#8E9AA0;color:#fff}
.stc-grey:hover , .stc-grey:focus{background:#8E9AA0;border-color:#8E9AA0 !important;color:#fff}

.btn-outline-stc-primary {text-shadow: none;background-color:#ff375e !important;  border-color: #ff375e !important;  color:#fff !important; padding: 3px 9px 1px;  font-size: 12px;  background:none}
.btn-outline-stc-secondary {text-shadow: none;color:#ff375e; border-color: #ff375e; padding: 3px 9px 1px; font-size: 12px;  background:none}
.btn-outline-stc-primary:hover ,  .btn-outline-stc-primary:focus{
  color: #fff;
  background-color:var( --darkish-pink) !important;
  border-color: var( --darkish-pink) !important;
  background:none;
  text-shadow: none
}

.btn-outline-stc-secondary:hover , .btn-outline-stc-secondary:focus{
  color: #ff375e;
  background-color:#fff !important;
  border-color: #ff375e !important;
  background:none;
  text-shadow: none
}

.btn-lg{font-size: 16px;padding: 7px 0;}

.navbar{background: #fff;border-radius:0px;border:0px;height:60px;position: fixed !important; width: 100%;  top: 0; z-index: 101;}
  
.navbar .container-fluid{padding:0 15px;} 
.navbar-brand{padding:0 1px;margin: 0px;}
.apps{ color:#fff;font-size:21px;display:flex;width:40px;height: 60px; padding: 22px 13px 0;cursor: pointer;}
.captalize{text-transform: uppercase}

.hubTopSearh input{background:#fafafa;color:#414142;border:0px;height:60px !important;min-width:400px;border-radius: 0px;font-family:'STCForward-Regular';padding:5px;font-size:13px !important;font-weight: 400 !important}
.hubTopSearh #filter:before{content: "\e991";font-family: 'Stc-Icons-Font' !important;position: absolute;color:#8e9aa0 !important; right:12px;font-size:19px;top:16px}
html[dir='rtl'] .hubTopSearh #filter:before{transform: rotate(0deg);left:12px;right:auto;font-size:19px;top:16px}
.hubTopSearh input::placeholder {color:#484849;}
.hubTopSearh .input-group.search{padding:0px;width: auto !important}
#search-btn{background-color: #fafafa; color: #484849;font-size:19px;border-radius: 0px;}
#search-btn i{ -ms-transform: rotate(90deg); -webkit-transform: rotate(9deg); transform: rotate(90deg);}
#search-btn i.fa-search:before{content: "\e932";font-family: 'Stc-Icons-Font' !important;}

.hubTopSearh #globalSerachresult .ui-autocomplete.ui-menu.ui-widget {
	width: 400px !important;left: 0px !important; height: auto !important;
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1);
}

.hubTopSearh #globalSerachresult .ui-menu .ui-menu-item{padding: 5px 8px;}
#globalSerachresult .ui-menu-item .col-md-2{padding-right:0}
#globalSerachresult .ui-menu-item .col-md-10{padding-left:0}
#appsIcons{width: 300px;padding-bottom:5px}
#appsIcons a{width:69px;height:60px;float: left;margin:2px 0;padding:2px;display: flex;justify-content: center; align-items: center;border:1px solid #fff;border-radius:2px;transition: all 0.5s ease-in-out;}
#appsIcons a:hover{border:1px solid #e4e4e4;background: rgba(79,0,140,0.1);border-radius:2px}
#appsIcons a img{max-width: 100%;max-height: 100%;width: auto;display: block;margin:0}

#appsIcons a label{padding: 2px 5px;margin:0;font-size:11px;color:var(--charcoal-grey);display: none}
#appsIcons .portlet-content{padding:0px}
.dropdown.show .title.portlet-topper{display: none}
.infoBar{text-align: center;margin: 0}
.infoBar li{border-left:1px solid #f3f3f3;position: relative;display:flex }
.infoBar li > a > span[class^="stcIcon"] , .infoBar li > a > .fa{font-size:25px;display:block;color:#8e9aa0;}
.infoBar li > a > span.stcIcon-email-icon{font-size:25px;}
.infoBar li > a > .count{position: absolute;background:#ff375e;color:#fff;border-radius:50%;width: 13px;height: 13px;font-size: 10px;line-height: 15px;text-align: center; border: 2px solid #fff;margin-top: -4px;display: none}
.infoBar li > a {font-size:12px;padding: 17px 22px 0px;}
.infoBar li > a:focus, .infoBar li >a:hover {text-decoration: none; background-color: #eee;}
.hubTopSearh button{ padding:0 10px;background: #fafafa;border:0px;font-size: 21px;color:#414142;height:60px; }
.flipIcon{ -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(9deg); /* Safari prior 9.0 */
  transform: rotate(90deg);}
.inboxMenuMenuContainer a.dropdown-toggle::after{display: none;}
.profileMenuContainer .dropdown-toggle::after{display: none;} 
.profileContainer{padding:12px 15px !important;display: flex !important}
.profileContainer .fa{font-size: 17px !important;font-weight: 700;padding: 8px 9px 8px 5px;}
.profileMenuContainer .firstName{padding: 5px 5px; text-align: center;  font-weight: 700;color:var(--blackText);font-size:15px !important}
  
nav li.show .fa , nav li.show span[class^="stcIcon"] {color:#4f008c}

.details.box{padding: 10px 15px  !important;} 
#collapsibleNavbar .dropdown-menu:before {content:"\f0d8";font-family: 'FontAwesome';color: #4e008b; position: absolute;right:20%;top: -18px;font-size: 18px;}
#collapsibleNavbar .dropdown-menu{margin-top:-1px;border-top: 3px solid #4e008b;  width: 230px;  text-transform:capitalize !important;overflow: unset;padding:10px 15px;font-family:'STCForward-Regular';max-height: fit-content !important}

.dropdown-menu.inboxMenu { border-top: 3px solid #4e008b;  width: 300px;margin-top:0;text-transform:capitalize !important;overflow: unset;padding:10px 10px 0;font-family:'STCForward-Regular';max-height: fit-content !important}
.inboxMenu{width:300px;padding:10px 15px;}
.inboxMenu:before {content:"\f0d8";font-family: 'FontAwesome';color: #4e008b; position: absolute;right:10%;top: -18px;font-size: 18px;}
.inboxMenu .inboxItem{font-size:12px;font-family: 'STCForward-Regular';border-bottom:1px solid #c3c3c1;border-bottom:1px solid #f3f3f3;border-left:0px !important;padding:5px;
  margin-right: -10px; margin-left: -10px; padding-top: 8px; padding-bottom: 8px;}
/*.inboxMenu li{border-bottom:1px solid #f3f3f3;border-left:0px !important;padding:5px}  */
.inboxMenu .inboxItem .actionSender{color:#888888;font-weight:400;display:inline-block;padding:0 5px;font-size: 12px;}
.inboxMenu .inboxItem .type{font-size: 12px;float:left;font-weight:700;}
.inboxMenu .inboxItem div{padding-right: 10px;  padding-left: 10px;}
.inboxMenu .inboxItem .caption{  margin-top: 4px;}
.inboxMenu .inboxItem span{font-size: 12px}
.caption .txt-stc-purple{color:#4f008c;font-size:12px;font-weight:700;}
.inboxMenu .inboxItem .timeDate{font-size: 11px;color:var(--brown-grey);display: block;padding-right:0}
.inboxMenu .inboxItem:hover { background-color: #F4EFF5;  cursor: pointer;} 
.show-more{font-size: 12px;padding:12px} 
.mH70{min-height:50px;margin-top:10px}
.img-profile {height: 35px; width: 35px;  border-radius: 50%;  border: 1px solid #ddd;}

.profileMenu {background: #fff !important;border-top: 3px solid #4e008b !important;  width: 145px;  text-transform:capitalize !important;overflow: unset;margin-top:0 !important;padding:10px !important;font-family:'STCForward-Regular';max-height: fit-content !important}
.profileMenu .employeeName{color:#4e008b;font-size:17px;font-family:'STCForward-Regular';white-space: normal}
.profileMenu:before {content:"\f0d8";font-family: 'FontAwesome';color: #4e008b; position: absolute;right:20%;top: -18px;font-size: 18px;}
.profileMenu li{ list-style: none;border:0px;} 
.profileMenu li a{ font-size:14px !important; padding: 5px 0px !important;color:#333;width:100%;display: flex;align-items: center;}
.userEmail{text-transform:lowercase !important;font-size:13px }
.profileMenu span.icon{font-size:20px !important;vertical-align:middle;padding:0 10px 0 5px;color:#1d252d !important;display: inline-block;margin-top: -6px;}
html[dir='rtl'] .profileMenu span.icon{padding:0 5px 0 7px}
.navbar-expand-md .navbar-collapse{padding:0px !Important}
.profileInfo{ display:flex;width:100%;margin-bottom: 7px}
.profileMenu li.lang .portlet-body{height: 34px;} 
.profileMenu li a.lang img{display: none;}
.profileMenu li a.lang{background: url(../../General/images/ar_SA.png) 0 7px no-repeat ;height: 25px;width:140px;display: inline-block;text-decoration: none;height: 34px;}
html[dir='rtl'] .profileMenu li a.lang{background: url(../../General/images/en_US.png) 100% 6px no-repeat ;}
.profileMenu li a.lang:hover{background-color: #eee !important;}
.profileMenu li.divider{margin:5px 0 !important;}

.profileInfo .col-md-3 , .profileInfo .col-md-9{padding:0;}
.profileInfo .img-profile{width:40px;height:40px;vertical-align:middle;margin-top:7px;}
.profileMenu a.btn{ padding: 2px 7px!important;display: inline;font-size: 13px !important;}
html[dir='rtl'] .profileMenu a.btn{padding:0px 7px 4px !important}
.profileMenu li label{font-size: 14px;color:#4e008b;font-weight:700;margin-bottom: 9px;}
a.logout , a.logout span.icon{color: #ff375e !important;}

#overlay{ left:0;top:60px; display:none ; position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,0.4);z-index:100; transition:all .5s ease-in-out}
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;} 
.stcLogo{width:27px !important;height:13px !important;margin:0px 12px 10px}
.mainAppLogo{width:65px;height:28px;margin:0 3px;}
.logoSP{ width: 2px; background: #dde0e2;height: 31px;  display: inline-block;margin: 0 5px;}

#sidebarCollapse{position: absolute;top:0;z-index: 90;}

.appList{background: #4f008c;position:fixed;height:100vh;width:50px;transition:all .3s;z-index:99;padding-top:0px;}
.appList.active{width:180px;top:60px;color:#fff;transition:all .3s;box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
.appListActive{width:50px;white-space:nowrap;overflow:hidden;transition:all .3s;display: flex; flex-direction: column;position: relative;}
.appList.active .appListActive{width:180px;transition:all .3s;}
.appList.active .appListActive .tooltip{visibility:hidden !important;}

.appListActive .list-unstyled li{margin:0;border-left:3px solid #4f008c;flex-direction: row;height: 40px;}
.appListActive .list-unstyled li:hover , .appListActive .list-unstyled li.active , .appListActive .list-unstyled li:first-child{border-left:3px solid #ff375e;background: #3b0f66}

html[dir='rtl'] .appListActive .list-unstyled li{border-right:3px solid #4f008c;border-left:0px;}
html[dir='rtl'] .appListActive .list-unstyled li:hover , html[dir='rtl'] .appListActive .list-unstyled li.active , html[dir='rtl'] .appListActive .list-unstyled li:first-child{border-right:3px solid #ff375e !important;border-left:0px;}

.appListActive li a{color:#fff;text-decoration: none;display:flex;padding:8px 0;margin-left: -2px;}

.appListActive span.stcIcon-comments{color:#fff;font-size: 20px;margin:2px 15px;vertical-align:middle}
.appListActive .appLabel{color:#fff;font-size: 15px;padding:0px 5px}
.appIcon{width: 20px;height:20px;display: inline-block;margin:0 13px;vertical-align: middle;}
.appListActive img{width: 20px;height:20px;}
 
.bottomApps{position: absolute;bottom:54px;width:100%}
ul.bottomApps li:last-child{border-color:#4f008c !important}
.profile-details-contianer header{background: transparent !important;}
.tiny-btn{padding: 5px 13px !important;}
.profileImg.homeProfileImage .circleStatus, .profileImg .circleStatus{z-index: 99 !important;}

/***************/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #4f008c !important; background-color: transparent;border:0px;font-weight:700;font-family: STCForward-Bold;border-bottom:4px solid;}
#tabs .nav-link{color:#72777b;font-size:16px;font-family: STCForward-Regular;max-width: 120px}
.nav-link.active {}
/*******/ 
.myTeamPanel{border:2px solid #f3f3f1;padding:10px;height:210px;border-radius: 2px;margin-top:8px;word-break: break-word;} 
mwl-gauge{width:120px;height:100px;display:block;padding:10px;margin:0 auto}
mwl-gauge > .gauge > .dial{stroke:#e1e1e0;stroke-width:10;fill:rgba(0,0,0,0)}
mwl-gauge > .gauge > .value{stroke:#4f008c;stroke-width:10;fill:rgba(0,0,0,0)}
mwl-gauge > .gauge > .value-text{fill:#8e9aa0;font-weight:700;font-size:1em;display:none}
mwl-gauge.week > .gauge > .value{stroke:#ff375e}
mwl-gauge.medium > .gauge > .value{stroke:#ff6a39}
mwl-gauge.good > .gauge > .value{stroke:#00c48c}
.stc-gauge{position:relative;display:inline-block;text-align:center;width:100%}
.gauge-number{font-size:22px;text-align:center}
.gauge-label{font-size:13px;text-align:center;padding:0;color:#8e9aa0!important}
.stc-gauge .gauge-icon{top:47px;font-size:21px;left:50%;color:#8e9aa0;font-size: 28px;transform:translateX(-50%);position:absolute}
.counterKudo span{top:-12px;font-size:27px;color:#8e9aa0;position:relative;left:2px;padding-top:10px}
.componenet-header{color:#4f008c !important}

.mediakudos{margin-top:20px;}
.mediakudos h4{color:#8e9aa0 !important;font-size: 40px;text-align: center;margin-top:14px;font-weight: 700;line-height: 26px;}
.mediakudos span{color:#8e9aa0 !important;font-size: 15px;text-align: center;display:block}
/***********/
.tab-content>.active{padding-top:10px}
.nav-tabs{border-bottom: 1px solid #c8c9c9;padding: 0px 10px}
/******************/
.newsArea{padding:0}
.newsArea .portlet-column-content ,.newsArea .portlet-content{padding:0px;}
.portlet-title{padding: 0 10px 15px; font-size: 15px;  color: rgba(0,0,0,0.7);}
.newsBox { background-color: #fff; margin: 0px;  padding: 0;  }
.newsBox .item{overflow:hidden;height:380px;position:relative;border:0px;padding:0px}
/* .newsBox .item .img { width: 102%;height: 313px;margin-left:-3px}
.newsBox .carousel-inner{background: #4f008c}
.newsBox .item .mask2 {background:rgba(79,0,140 ,1);width: 100%;height: 120px;position: absolute;z-index: 1;bottom: 0px;}
.newsBox .item .img img { width: 100%;  height: 100%; border:0px !important;}
.newsBox .item .desc {position: absolute;top: 265px;z-index: 2;padding: 10px 30px;width: 100%;left:15px}
.newsBox .item .desc::before {content:"";width:10px;height:10px;color:red;position:absolute;left:10px;display:inline-block;font-size:50px;line-height:10px;top:22px;background:#ff375e}
.newsBox .item .desc a .title {color: #fff;font-size: 23px;margin-bottom: 20px;margin-top: 0;width: 100%;}
.newsBox .item .desc a .title br , .newsBox .item .desc a .title span{display:none}
.newsBox .item .desc a:hover{text-decoration:none;}
.newsBox .item .desc a:hover .title{color:#ffdd40}
.newsBox .Items .desc a .title span { color: #fff; font-size: 14px !important;} 
.newsBox .viewAll { bottom: 12px; right: 20px;position: absolute;z-index: 50;}
.newsBox .viewAll a{color: #fff !important;font-size: 13px;text-transform: uppercase;} */
 /*****************/
 .portletTitle{font-family: 'STCForward-Regular';font-size:16px;color:#8E9AA0;padding: 10px 15px 0;min-height: 49px;line-height: 18px;}
 .newsTitle{padding:15px 15px 0;}
 .portletTitle hr{margin: 8px -15px;position: absolute;bottom: 0px;width:100%}
 /********************/
 .activities{padding: 6px;margin:0;}
 .actUnite{color:#717171;margin:5px 0 13px;line-height:15px;font-size:12px;word-break: break-word;padding-left: 14px;position: relative;}
 .actUnite:before{ content:"\f105"; font-family: 'FontAwesome';  position: absolute;  font-size: 13px;  top: -1px;  font-weight: 700;left: 0px;  right: 0px; color: #4f008c;}
 .activities .date{color:#B3B3B3;font-size:12px;padding-top:3px;}

/**********************/
.carousel-indicators{justify-content: start; margin: 2% 3%;}
.carousel-indicators li{width:10px;height:10px;border-radius: 50%;border:0px;}
.carousel-indicators li.active{border:0px;background-color:#FFDD40;}
/**********************/
 .noPaddingPortlet{overflow: hidden;}
 .noPaddingPortlet .journal-content-article img{width:100% !important ;max-width: 100%;height: 160px !important;}
 .stcMagazine .journal-content-article  img{width:100% !important ;max-width: 100%;height: 396px !important;}
 .noPaddingPortlet , .noPaddingPortlet div {padding:0px}

/****************/
.dockbar-ready .portlet-dockbar{position: fixed; width: 100%; z-index: 1000;}

/***************/
.modal{font-family: STCForward-Regular;} 
.modal-title{ font-size:17px;color:#888888;text-transform: uppercase;letter-spacing:1px;padding-top:14px;margin-top:0px;text-align:center}
.modal-body { height: calc(100vh - 70px);}
.modal-header{padding: 0.5rem 0.0rem;}
.modal.show > .modal-dialog.customeSidePanel {right: 0 !important;} 
.modal-header .close{ margin: 2px 8px 0 !important;  font-size: 13px; color: #414142 !important;   opacity: 0.9;position:absolute;z-index:10}
.customeSidePanel{position: fixed !important;width: 100vw !important;height: 100vh !important; margin:0 !important;display:flex; right: -500px !important;-webkit-transition: all 0.4s;  -o-transition: all 0.4s; transition: all 0.4s;}
.modal.show > .modal-dialog.customeSidePanel {right: 0 !important;}


 
html[dir='rtl'] .modal.show > .modal-dialog.customeSidePanel {left: 0 !important;right:auto !important} 
html[dir='rtl'] .modal-header .close{left:0px}
html[dir='rtl'] .customeSidePanel{left: -500px !important;right:auto !important}
html[dir='rtl'] .modal.show > .modal-dialog.customeSidePanel {left: 0 !important;right:auto !important}


/**********************/
.followerContainer {height: 327px;position:relative;overflow-x: hidden;line-height: 17px; }
.follower{display: flex;border-bottom:1px solid #EEEEEE;font-size:11px;padding:10px 7px 8px} 
.follower:last-child{border-bottom:0px solid #EEEEEE;  } 
.followerImage{width:45px;height:45px;border:1px solid #e4e4e4;border-radius: 50%;margin: 0 5px;}
.followerName{color:#414142;font-size:13px;font-weight: 700;}
.followerTitle{color:#414142;font-size:13px;padding-top:3px;word-break: break-word;}
.followersNo{display: inline-block;color:#888888;margin:3px 0}
.follower.noBorder{border-bottom:0px;}

html[dir='rtl'] .followerContainer{ margin-left:-15px;}
html[dir='rtl'] .follower{ padding: 10px 18px 10px 0;}
/******************************/
.customScroll{overflow: auto;padding-bottom:0px;}
.customScroll::-webkit-scrollbar {width: 0.5em;border-radius: 2px;cursor: pointer;padding:2px;}
.customScroll::-webkit-scrollbar-thumb {cursor: pointer;background-color: #cccccc;border-radius: 5px;outline: 1px solid slategrey; visibility:hidden}
.customScroll:hover::-webkit-scrollbar-thumb  {visibility:visible;cursor: pointer;}

/**********************/

.activity-message{word-break: break-word;}
.offerImage{width:128px;height:112px;margin-bottom:10px;border:1px solid #f3f3f1}
.offers .offerUnite{border-radius: 2px;border:1px solid #e4e4e4;display:flex;flex-direction: column;height: 98%;position:relative;cursor: pointer;margin:7px 0;}
.offers .category{border-radius: 2px;color:#fff;padding:2px 3px;margin:0px 0 5px; display: inline-block;font-size: 10px;width: auto;background-color:var( --darkish-pink)}
.offers .title{  font-size: 12px;color: #414142;min-height: 40px;}
.offerAmount{color: var( --darkish-pink);font-size: 12px;font-weight: 700;}
.place{color:var(--light-grey);font-size: 11px;}
.offerUnite span{display: inline-block;width:100%; }

.cat10{background-color:var( --darkish-pink)}
.cat12 , .cat31{background-color:var( --warm-purple)}
.cat11{background-color:var( --coral)}
.cat13 , .cat53{background-color:var( --darkish-pink)}
/**************/
.dailyPic.newBox{padding:0;height: 221px;}
.dailyPic.newBox .portlet-column-content{padding:0}
.dailyPic .box2{width: 100%;padding:0 !important;box-shadow:none;}
.dailyPic .box2 .body{padding:0px !important;text-align: center}
.dailyPic .box2 .body img{max-width:100%;max-height: 165px;margin: 0 auto}
.dailyPic .box2 .title{
    font-family: 'STCForward-Regular';
    font-size: 16px;
    color: #8E9AA0;
    padding: 15px 15px 11px;
    line-height: 18px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

#hub-myteam .newBox .portletTitle hr{margin: 8px -10px;width: 98.5%;}
/***********************/ 
.newBox.announcement{padding:0px;}
#announcementRotator{min-height: 211px;}
#announcementRotator .carousel-indicators{justify-content: start; margin: 3%;}
#announcementRotator .carousel-indicators li{width:10px;height:10px;border-radius: 50%;border:0px;background: #8e9aa0}
#announcementRotator .carousel-indicators li.active{border:0px;background-color:#ff375e;}
#announcementRotator .carousel-inner img{max-width: 100%;margin: 0 auto;max-height: 200px}
#announcementRotator .carousel-item a{display:flex;justify-content:center}
/************************/
button{background-image: none !important;}
.shortcutLink{padding:35px 20px 30px;font-size:17px;background:#fff;margin:10px;width:200px;height:130px;color:var(--blackText);-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.45);cursor:pointer;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.45);display:inline-block;text-decoration:none !important;word-break: break-word;text-transform: capitalize;}

  /* app-shortcut:first-child .shortcutLink{margin-left:0px ;}
  app-shortcut:nth-child(5n) .shortcutLink{margin-left:0px ;} */
 
  app-shortcut div {position: relative;}
  app-shortcut .btn{position: absolute;top:15px;right:18px; padding:0px;opacity: 0;
  -webkit-transition: all 0.4s;  -o-transition: all 0.4s; transition: all 0.4s;
  width:23px;height:23px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 400;
}
app-shortcut div:hover .btn{opacity: 0.8;background:VAR(  --charcoal-grey);color:#fff;text-shadow:none} 
app-shortcut .editBtn{right:45px}

.colorPalette div{width: 85px;height:57px;display:inline-block;border:2px solid #fff;cursor:pointer}
.colorPalette div.active{border:2px solid #000}
.white{background:#fff;}
.lightBlue{background: #D6FDFF;}
.lightPurple{background: #F7EDFF;}
.lightOrange{background: #FFECE6;}

.lightBlue1{background: #e9ebec;}
.lightPurple1{background: #d2d3d5;}
.lightOrange1{background: #ebddf8;}

.lightBlue2{background: #fef8df;}
.lightPurple2{background: #fbdbe0;}
.lightOrange2{background: #dad0e7;} 

/****************************/
.navbar-collapse.collapse.show{background: #fff;}
.hubTopSearh #globalSerachresult .ui-autocomplete.ui-menu.ui-widget{
 background: rgb(255, 255, 255); 
    top: 60px; 
    position: absolute;
    max-height:200px;
    overflow: auto;
    left: -24px !important; 
    border: 1px solid #e4e4e4;
 }
#globalSerachresult .ui-autocomplete li:hover{background:#ff375e;color:#fff}
.ui-helper-hidden-accessible{display: none;}
.lang .portlet-borderless-container{min-height: 0.5em}

.blogs  .blogUnite{margin-top:8px}
.blogs .emptyState {margin-top:10px;}
.blogs a{color:#ff375e;text-transform: uppercase;font-size: 12px}

/************** DashBoard **********/  

.form-control {font-size: 0.85rem !important;background-image: none !important}
.content {width: 100%;padding: 0px; transition: all 0.3s;} 
.cols-Container {padding: 0px 10px; }
.col-Container {padding: 15px 10px; background: #fff;border: none; border-radius: 5px; margin:0 10px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.col-Container .card-title{border-bottom: 1px solid #e4e4e4;padding-bottom:10px;}
.col-Container .card-title h4{text-transform: uppercase;font-size:18px;}
.col-Container .card-body{padding: 0px;position: relative; max-height: 90%;}
.btn.fz-12{background: none;border:0px}
.fade-in{animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
   animation-duration: 0.2s;}
   
.popover {
    border: 0 solid #ccc;
    border: 0 solid rgba(0, 0, 0, .2);
    box-shadow: -4px -4px 15px rgba(0,0,0,0.3);
    animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.h-10{height: 10%}
.h-20{height: 20%}
.h-30{height: 30%}
.h-40{height: 40%}
.h-50{height: 50%}
.h-60{height: 60%}
.h-70{height: 70%}
.h-80{height: 80%}
.h-76{height: 76%}
.h-90{height: 90%}
.h-86{height: 85%}
.h-7{height: 7%}
/* .pageHeight{height: 93vh;} */
.pageHeight{height: calc(100vh - 90px)} 
.popover.right {  margin-left: 10px !important;  border-left: 4px solid #FF375E !important;}
.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -5px;
    border-left-width: 0;
    border-right-color: #FF375E
}
.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: 0x;
    border-left-width: 0;
    border-right-color: #FF375E
}
.popover.left {
  margin-right: 10px !important;
  border-right: 4px solid #FF375E !important;
}

.popover.right>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -5px;
  border-right-width: 0;
  border-left-color: #FF375E
}
.popover.left>.arrow:after {
  content: " ";
  right: 1px;
  bottom: 0x;
  border-right-width: 0;
  border-left-color: #FF375E
} 


.popover.top {
    margin-bottom: 10px;
    border-bottom: 4px solid #FF375E;
    box-shadow: -4px -4px 15px rgba(0,0,0,0.3);
    left:auto !important;
    right:0px ;
}
.popover.top>.arrow {
    left: auto !important;
    right:6% !important;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #FF375E !important;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}
.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #FF375E
}

.list-group.mb-3:focus{border:5px Solid }
.popover.bottom { margin-top: 0px; border-top: 4px solid #FF375E; box-shadow: -4px -4px 15px rgba(0,0,0,0.3);width:350px;}
.arabicForm .popover.bottom {left:auto;right:0;} 
.popover.bottom>.arrow { border-bottom-color: #FF375E !important;border-bottom-color: rgba(0, 0, 0, .25);}
.popover.bottom>.arrow:after { content: " "; bottom: 1px;  border-bottom-color: #FF375E !important;}
.arabicForm .popover.bottom>.arrow:after {content: " "; bottom: 1px; border:0;}
.popover-content { padding: 5px !important ; color:#888888; font-size: 12px; min-width: 100px;overflow:hidden;}
.popover-content b{color:#333}
.popover-content ul{ margin:5px;padding: 0px;min-height:50px;overflow-y:auto; min-width:100px; padding-right:10px;}
.popover-content ul li{list-style: none;margin-bottom: 5px;font-weight: 400;}
.popover-content .list-group {margin-bottom: 0;margin-top: 5px;}
.popover-content .list-group a{border: 0px}
 
/*
 * Container style
 */
 .ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
  }
  /*
   * Scrollbar rail styles
   */
  .ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps--active-x > .ps__rail-x,
  .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
  }
  
  .ps:hover > .ps__rail-x,
  .ps:hover > .ps__rail-y,
  .ps--focus > .ps__rail-x,
  .ps--focus > .ps__rail-y,
  .ps--scrolling-x > .ps__rail-x,
  .ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
  }
  
  .ps .ps__rail-x:hover,
  .ps .ps__rail-y:hover,
  .ps .ps__rail-x:focus,
  .ps .ps__rail-y:focus,
  .ps .ps__rail-x.ps--clicking,
  .ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
  }
  
  /*
   * Scrollbar thumb styles
   */
  .ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__rail-x:hover > .ps__thumb-x,
  .ps__rail-x:focus > .ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
  }
  
  .ps__rail-y:hover > .ps__thumb-y,
  .ps__rail-y:focus > .ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
  }
  
  /* MS supports */
  @supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important;
    }
  }
   
  /* ------------------------------------------------*/
 
.taskTitle{font-size: 20px;font-weight: 700; line-height: 26px; color: #414142;}

::-moz-range-track { border: 0;}  
input::-moz-focus-inner { border: 0; }
.reporter {font-size: 14px;}
.reporter img{width: 33px;height:33px;margin: 0 10px 0 0;border: 1px solid #979797;}

.taskDetailsList{display: inline-block;width:100%;position:relative;padding-right:10px;height:64vh;padding-top:10px;border-radius:0px;}
.list-group-item{font-size: 14px !important;color:rgba(0,0,0,0.4) !important;padding:.60rem 1.25rem;border: 1px solid #F3F3F3 !important;border-right:0px !important;border-left:0px !important;border-radius:0px !important;border-bottom: 0px !important;	}
.list-group-item-action:active {background-color: #f8f9fa !important;}
.list-group-item span[class^="stcIcon-"] , .list-group-item span.fa{font-size: 16px;color:#414142;margin:0 10px 0 0;vertical-align: text-top;min-width:16px;}
.list-group-item .addAction{float: right;color:#FF375E;font-size:12px;text-align:right;text-transform:capitalize}
.list-group-item .addAction span[class^="stcIcon-"] , .addAction span.fa-link {font-size:10px;color:#FF375E;margin: 0 2px;min-width:10px;vertical-align: baseline;}

.list-group-item .addAction span.fa{margin:0;min-width: auto;color:rgba(0,0,0,0.5)}
.blueColor{color: #007bff;}
.subData{margin-left:26px; }
.project{font-weight: 700;color:#414142;font-size:14px;text-transform: capitalize}
.subData.adHockTask{background: none;padding:0}

.tag{background: #E16595;padding:1px 4px;margin:1px 3px;color:#fff;font-size:10px;border-radius:3px;text-transform: capitalize}
.project{font-weight: 700;color:#414142;font-size:14px;text-transform: capitalize}
.subData.adHockTask{background: none;padding:0}
 
.filterButton{float: right;display: inline-block;}
.filterMenu .dropdown-item:active {text-decoration: none;  background-color: #f8f9fa;}    
.filterMenu .dropdown-item:active a{color: #414142 !important; }
.filterButton .btn{font-size:12px;}
.filterMenu ul{padding: 0px 10px;margin:0}
.filterMenu li{padding:0px;color:#414142 !important;text-transform:capitalize}
.filterMenu li a{font-size:13px;padding:3px 5px;display:block;color:#414142}
.filterMenu li a:hover{text-decoration: none}
.filterMenu li .checkbox-item{zoom: 80%}
.filterMenu li .checkbox-item label{left: 0;width:100%;cursor: pointer;}
.filterMenu li .checkbox-item .custom-checkbox{width: 28px;}
.filterMenu li.title{font-size: 13px;color: rgba(0,0,0,0.4);font-weight: 700;margin-bottom: 5px;text-transform: capitalize;}
.filterMenu .btn{padding: 2px 5px}

 .risks .list-group-item{font-size: 12px;color:#414142;line-height:20px;padding-right:0px;padding-left:10px;cursor: pointer;} 
 .risks .custom-checkbox{width: 40px;margin-top:5px;}
 .risks .sevCircle{width: 32px;
   height: 32px;
   border-radius: 50%; 
   margin: 0 20px 0 0;
   text-align: center;
   padding-top: 6px;
   color: #fff;
   font-size: 14px;}

 .risks .severity1{background:#EEAE33}
 .risks .severity2{background:#EF9434}
 .risks .severity3{background:#F17A35}
 .risks .severity4{background:#F35E35}
 .risks .severity5{background:#F44336}

 .risks .possibility1{background:#5EB85C}
 .risks .possibility2{background:#83B551}
 .risks .possibility3{background:#A6B347}
 .risks .possibility4{background:#CEB03C}
 .risks .possibility5{background:#EEAE33}
 
 .risks .title {font-weight:700;color:#414142;font-size:16px;max-width: 240px;}
 .risks .sender{font-size: 10px;text-decoration: underline;}
 .risks .sender img{width:17px;height:17px;margin:0 5px 0 0;	border: 1px solid rgba(0,0,0,0.12);border-radius:50%}
 .risks .fa-angle-right{font-size:20px !important ;color:#B3B3B3 !important}
 .risks .form-group{margin-bottom: 20px;}
 .risks .form-group label{color:#414142;font-size: 16px;text-transform:uppercase;margin-bottom:0}
 .risks .form-group span.hint{color:#888;font-size: 14px;margin-bottom:5px;}
 .risks .form-group  .severityContainer .sevCircle{cursor:pointer;margin: 0 60px 0 0;}
 .risks .form-group  .severityContainer .sevCircle.active{background:#414142}
 .risks textarea{resize: none !important}
 .risks .form-control::placeholder {color:#B3B3B3;font-size: 16px !important;} 

 .taskDetailsSideBar .btn-sm , .createTask .btn-sm{padding: 10px 0;font-size: 14px; text-transform: uppercase; letter-spacing: 1px;}
 .riskDetails{padding: 10px  20px;height:80vh}
 .riskDetails label{color:#414142;font-size:18px;line-height: 24px;font-weight:700;}
 .riskDetails span{color:#888;font-size:16px;line-height: 24px;font-weight:700;letter-spacing: 0.34px;}
 .risks .riskDetails .severityContainer label{margin-right: 40px;text-transform:capitalize;font-size:16px;}
 .risks .riskDetails .sevCircle{margin-right: 10px;}
 .projectSearchMenu{width: 100%;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);max-height:150px;position:absolute;background:#fff;z-index:1000}
 
 .projectSearchMenu  .list-group-item{padding: 2px 0;font-size: 14px;color:#414142;width: 96%;}
 .projectSearchMenu  .list-group-item:focus, .projectSearchMenu .list-group-item:hover {
   text-decoration: none;
   background-color: #f8f9fa;
} 

.activitiesList{height: 550px}
.searchLoading{position: absolute;right: 0;color: #e4e4e4 !important;  top: 6px;}
.fa-spin {-webkit-animation: fa-spin 1s infinite linear;animation: fa-spin 1s infinite linear;}
.usersContainer{height:60vh;position:relative} 
.followerSearchContainer{background: #FBFBFB;;padding:10px;position:relative;border-top:1px solid #f3f3f3;border-bottom:2px solid #f3f3f3}
.followerSearchContainer button{position: absolute; right: 21px; color: #FF375E; top: 19px;border:0;background:transparent;}
.followerSearchContainer .form-group{margin-bottom: 0px;}
.usersList li {color:#414142;font-size:14px;cursor: pointer;}
.usersList {width: 98%}
.usersList li .imgContainer{position: relative;width: 44px;height:44px;margin: 0 15px 0 0 ;cursor:pointer}
.usersList li img , .followersList div img , .usersList li .selectedUer{width: 44px;height:44px;	border: 1px solid rgba(0,0,0,0.12);border-radius:50%;position: absolute;top:0;left:0;z-index:1}
.usersList li .selectedUer{background: rgba(218,63,123,0.7);z-index:2}
.usersList li .selectedUer span{color:#fff;font-size: 13px; margin: 13px;}
.usersList li .selectedUer span.stcIcon-lock{font-size: 15px;margin: 12px; margin-left: 15px;}

.followersList{display: flex;border-bottom: 0.5px solid #E4E4E4;margin-top:10px;flex-wrap:wrap }
.followersList div{text-align: center;margin:5px;position:relative}
.followersList div img{position: relative}
.followersList div label{color:#888888;font-size:10px;display:block} 
.followersList div.imgContainer{position: relative;margin:0 0 2px 0;width:44px;}
.followersList div.imgContainer .deleteItem{  
   background: #888888;
   padding: 0px; 
   display: inline-block;
   top: 65%;
   color: #fff !important;
   font-size: 5px !important;
   border-radius: 50%;
   height: 14px;
   width: 14px;
   padding-top: 5px;
   right: -4px;
   z-index: 10;
 }
 
.custom-control-input:checked~.custom-control-label::after {cursor: pointer !important}
.list-group-horizontal .list-group-item{border:1px solid #888 !important;text-align:center;color:#414142;padding: 5px;  cursor: pointer; font-size: 13px !important;}
.priority .low{color:#5cb85c !important}
.priority .low.active{background: #5cb85c;color:#fff !important}
.priority .normal{color:#888888 !important}
.priority .normal.active{background: #888888;color:#fff !important}
.priority .hight{color:#FF375E !important}
.priority .hight.active{background: #FF375E;color:#fff !important}
.customDate{border:0px;color:#007bff;font-size:14px;background:transparent}
.customDate::placeholder {color:#007bff;font-size: 14px !important;} 

.filterMenu.userMenu { border-top: 3px solid #64449b;  width: 250px;  transform: translate(-30px, 40px) !important;text-transform:capitalize !important }
.filterMenu.userMenu .employeeName{color:#64449b;font-size:15px;font-family:'STCForward-Regular';white-space: normal}
.filterMenu.userMenu:before {content:"\f0d8";font-family: 'FontAwesome';color: #64449b; position: absolute;right:20%;top: -19px;font-size: 18px;}
.filterMenu.userMenu li{ list-style: none;}
.filterMenu.userMenu li a{ font-size:12px !important;font-weight:700; font-family:'STCForward-Light';}
.userEmail{text-transform:lowercase !important;font-size:13px }
.filterMenu.userMenu span.icon{font-size:14px;vertical-align:middle;padding:0 5px;}
 
.h-86{height: 50vh}  
.d-inline-block.btn-group { float: right}

.lead-info {font-size: 10px;line-height: 12px;margin-left: 10px;text-align: right;}
.lead-info-today{font-size: 10px;line-height: 12px;margin-left: 10px;text-align: right;}
.activeProject .lead-info{text-align: left !important;}
.lead-info-today .name , .lead-info .name{color: #0065F5; cursor: pointer; font-family: 'STCForward-Regular';padding-top: 3px;font-size: 11px;display: inline-block}
#progress-bar{float:left;font-size:13px}
#progress-bar-percentage{float:right;font-size:14px}
.risk-circle{height:25px;width:25px;background-color:#bbb;border-radius:50%;display:inline-block}
.risk-circle>span{margin-left:9.4px;margin-top:3px;font-size:14px;color:#fff}
.card-title-scroll{border-bottom:1px solid #e4e4e4;padding:10px 15px 10px 0 !important;padding-top:2px}
.card-title{border-bottom:1px solid #e4e4e4;padding-bottom:10px;padding-right:3px;padding-top:2px}
.active-project-details{height:23px;width:31px;color:#FF375E;font-size:14px;line-height:23px;padding-right:15px;display:inline;font-family:'STCForward-Regular'}
.active-project-details>i{height:12px;width:12px;margin-right:9px}
.dirLeft{direction:ltr;padding-left:2px}

/** mini profile **/
.miniProfile{min-width: 320px;font-family:'STCForward-Light' !important;line-height:17px !important;padding:5px;}
.miniProfile img{width: 45px; height: 45px;  margin: 5px auto; border: 1px solid rgba(0,0,0,0.12);border-radius:50%}
.miniProfile .name{font-weight: 700;font-size:14px;color:#414142; }
.miniProfile .title{font-weight: 400;font-size:13px;color:#FF375E;padding-top:5px; }
.miniProfile .department{font-weight: 400;font-size:13px;color:rgba(0,0,0,0.7);margin:1px 0 2px}
.miniProfile .department .stcIcon-arrow-up{ color:rgba(0,0,0,0.2);padding-right:5px; }
.miniProfile .department .stcIcon-outline-email , .miniProfile .department .stcIcon-mobile , .miniProfile .department .stcIcon-outline-call{ color:rgba(0,0,0,0.3);padding-right:5px; font-size: 11px; vertical-align: middle;}
.miniProfile .phoneNo{ font-family:'STCForward-Light';padding:0px;font-size:12px;color:#414142;letter-spacing:0.5px}
.miniProfile .actions span{  font-size:22px;color:#FF375E;padding-right:8px;cursor: pointer;}
.miniProfile .actions span.stcIcon-voice-call{font-size: 19px;}
.miniProfile .close{ font-size: 8px;   border: 1px solid #333; padding: 6px; border-radius: 50%; font-weight: 700;
  position: absolute; top: 6px; right: 5px;  background: #fff;z-index:10}
.miniProfile .col-3{padding-left:15px !important;padding-right:15px !important;}

.tooltip .tooltip-inner {font-size: 11px;text-transform:capitalize}
.tooltip .arrow::before { top:-1px; }

.pinnedProjectContainer , .riskChartContainer{height:248px }
.riskChartContainer canvas{margin-top: 1px !important;}
.todayTasksH  .emptyState{margin-top: 32%;}
.pinnedProjectContainer .emptyState, .riskChartContainer .emptyState{margin-top: 15%;}
.activitiesContainer .emptyState{margin-top: 56%;}

/****** arabic ********/
.arabic .hintIcon{left: 15px;right: auto;}
.arabic .dirLeft{direction: ltr;padding-left: 0px;padding-right: 2px;}
.arabic .loginTitle {float: right;}
.arabic .input-group-addon{left: auto; right: 15px;}
.arabic .input-group .form-control{padding-right: 35px;}
.arabic{direction: rtl !important;text-align:right;}
.arabic .userImg{margin:0 0 0 6px !important;}
.arabic .pageHeader{text-align: right}
.arabic .filterMenu li.m-1 {margin: .01rem!important;}
.arabic .filterMenu.userMenu {left: 0px !important; }
.arabic .filterMenu.userMenu li{text-align: right}
.arabic .d-inline-block.btn-group{float: left};
.arabic .lead-info {font-size: 10px;line-height: 12px;margin-right: 10px;text-align: left;}
.arabic .lead-information .lead-info{text-align: right !important; margin-right: 10px;}
.arabic .lead-info-today {text-align: left !important;margin-left: 2px;}
.arabic #progress-bar {float: right;}
.arabic .search_icon{left: 0px; right: auto !important;}
.arabic .mr-auto{margin-left:auto!important;    margin-right: 0 !important;}
.arabic #progress-bar-percentage {float: left;}
.arabic .active-project-details > span {padding-right: 7px;}
.arabic .filterMenu.userMenu:before {right:auto;left:18%}
.arabic .createMenu{left:0px;right:auto !important;text-align: left;padding-left: 20px;}
.arabic .createMenu span { float: left;}
.arabic .createMenu div {left:10px;right:auto}
.arabic .search_icon{left: 0px; right: auto !important;}
.arabic  .nav-item{border-right:1px solid #f3f3f3;border-left:0;}
.arabic  li.nav-item:last-child{border-right:0px ;border-left:0;}
.arabic  li.nav-item:first-child{border-left:0px ;border-left:0;}
/* .arabic .ps__rail-y{left:0px;right: auto !important;} */
/* .arabic .card-title-scroll{
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
  padding: 10px 0px 10px 15px !important;
  padding-top: 2px;
} */
.arabic .card-title {padding-right: 0px;}
.arabic .card-body .activeProjects ,.arabic .card-body .todayTasks { padding-left:20px}
.arabic .ps__rail-y{left:0px !important;right: auto !important;}
.arabic .ps__thumb-y{ right: auto !important; left:2px !important}
/*
* top 5 risks circles
 */

.arabic .risk-circle>span {margin-right: 9.4px;}
.arabic .active-project-details {padding-right: 0px;}
.arabic .card-body.top5Risks .card-title {width: calc(100% - 15px);}

.arabic .miniProfile{direction: rtl; }
.arabic .miniProfile .department .stcIcon-outline-email, .arabic  .miniProfile .department .stcIcon-mobile, .arabic  .miniProfile .department .stcIcon-outline-call {
  padding-right: 0px;
  padding-left: 5px;
}
.arabic .miniProfile .phoneNo.pr-2 { padding-left: .5rem!important;  padding-right: 0!important;}
.arabic .miniProfile .actions span{padding-left:8px;padding-right:0px; }
.arabic .miniProfile .close{ left: 5px;right:auto ;  }
.arabic .activity-message{    padding-left: 20px;    padding-right: 5px !important;}

.arabic .doBoxNav ul.apps li{ border-right:3px solid #4f008c;border-left:0px;}
.arabic .doBoxNav ul li.active , .arabic .doBoxBar ul li a.active { border-right:3px solid #FF375E;border-left:0px} 
.arabic .doBoxBar ul li a { border-right:3px solid #f3f3f1;border-left:0px;} 
.arabic .popover.right>.arrow {
  left: 0px;
  right: 124px;
  margin-top: -5px;
  border-right-width: 0;
  border-left-color: #FF375E;
}

@media screen and (min-width: 1800px){
  .lead-info-today , .lead-info{font-size:12px;}
}


@media screen and (min-width: 1200px) and (max-width:1440px) and (orientation: landscape) {  
  .lead-info-today .name, .lead-info .name{font-size: 10px;}
 }
    
 /***************** Approve reject task *********/
.inboxContainer{padding:0}
.inboxContainer .portletTitle{padding:13px 25px 0px;height: 44px}
.inboxHomePage{border-top: 1px solid rgba(0,0,0,.1);margin-top:5px;}
.TabHeader{margin:10px 10px 5px;border:1px solid #d4d4d4;display: flex;align-items: stretch;}
.TabHeaderBtn{ 
    background-color: #fff;
    color: #515151; 
    padding: 8px 11px;
    border-right: solid 1px #e9e9e9;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.TabHeaderBtn:last-child{border-right:0px;} 
.TabHeaderBtnActive {background-color: #ff375e !important;color: #fff !important;}

.homeInboxButtonCont{margin:5px 0;display: flex}
.homeInboxButtonCont button{border:1px solid #ff375e;background-image: none !important;border-radius:2px;text-shadow: none;}
.homeInboxButton{background:#fff;color:#ff375e;}
.homeInboxButton.rejectButon{background:#ff375e; color:#fff;} 
.rejectDiv{opacity:0;height:0px; overflow: auto;width: 100%;padding:0 10px}
.rejectDiv label.control-label{color:#ff375e}
.inboxHomePage .list2 li span.serviceName{font-size:15px; }
.homeInboxButton{float: left;margin:0 10px 0 0}
.homeInboxButtonCont{margin:5px 0 ;display: inline-block;}
 
.alert-dismissable .close,.alert-dismissible .close{right:21px;left:0px}
.TabBody  {padding: 10px;min-height:150px;}
.inboxContainer .badge{background:#4f008c; display: inline-block; font-size: 10px;color:#fff;border-radius: 50%;position: absolute; right: 4px; top: -15px; width: 29px; height: 27px; text-align: center; padding-top: 8px;}
 html[dir='rtl'] .inboxContainer .badge{left: 4px;right: auto !important;}
.delegation-icon{display: inline-block;	position: absolute;	left: 10px;	top:2px;width:20px;	height:20px;background: url(../images/delegated.svg) top left no-repeat;}
.TabBody2 ul{margin:0px;}
  
.inboxHomePage .list2 li{cursor: pointer;background:white; position: relative;display: flex;flex-wrap:wrap;width:100%;margin: 0px;min-height: 43px; font-size:13px;border:1px solid #fff;border-right:0px;border-left:0px;padding:10px 0px;border-bottom:1px solid #f4f4f4;}
#homeTasksUniversalProcessed li , #homeTasksUniversalSent li {padding:10px 0}
.inboxHomeAction{display: none}
.inboxHomeAction .approveTask{background:url(../../General/images/Approve_task.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;margin-right: 3px;}
.inboxHomeAction .rejectTask{background:url(../../General/images/reject_task.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}
.inboxHomeAction .approveTask:hover{background:url(../../General/images/Approve_task_active.png) no-repeat;}
.inboxHomeAction .rejectTask:hover{background:url(../../General/images/reject_task_active.png) no-repeat;}
.inboxHomeAction.dimmed .approveTask{background:url(../../General/images/Approve_task.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}
.inboxHomeAction.dimmed .rejectTask{background:url(../../General/images/reject_task.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}

.flag-normal{color:#aeaeae;margin-top: 4px;margin-right: 5px;cursor: default}
.flag-red{color:#F44336;margin-top: 8px;margin-left: 5px;}
.flag-yellow{color:#EFAC2A;margin-top: 8px;margin-left: 5px;}
.flag-green{color:#5CB85C;margin-top: 8px;margin-left: 5px;}
.inboxHomePage .list2 li:hover{background: #f4f5f6;border:1px solid #f4f5f6;border-right:0px;border-left:0px;}
.inboxHomePage .list2 li:hover .request-system-type .tuncate-text{color:#ff375e}
.inboxHomePage .TabBody2 {padding:10px;min-height: 150px;}
 
 
.inboxHomePage .list2 li img{ border-radius: 50%; width: 40px; height: 40px;padding:1px;border:1px solid #e1e1e1;margin:0 auto } 
.inboxHomePage .list2 li img.purple{border:2px solid  #4f008c}
.inboxHomePage .list2 li img.orange{border:2px solid  #ff6a39}
.inboxHomePage .list2 li img.green{border:2px solid  #00c48c}
.inboxHomePage .list2 li img.gray{border:2px solid  #d1d1d1}
.inboxHomePage .list2 li span.graysp{color:#d1d1d1;display: inline-block;padding:0 3px;}
.inboxHomePage .list2 li span.serviceRequester  {color:#1d252d;font-size:13px;}
.inboxHomePage .list2 li span.serviceName{vertical-align:top; display: inline-block; }
.inboxHomePage .systemName{color:#4f008c;font-weight: 700;padding: 0px 3px}
 
.request-system-type .tuncate-text{color:#1d252d}
.inboxHomePage .formIDC{color:#8e9aa0;white-space: nowrap;   overflow: hidden; text-overflow: ellipsis;display:block;font-size: 12px;}
.inboxHomePage .span-form-id{color:#8e9aa0;font-weight: 400;}
.inboxHomePage .request-system-type{ line-height:20px;}
.action-container{text-align: right}
html[dir='rtl'] .action-container{text-align: left}
html[dir='rtl'].inboxHomePage .request-system-type{direction:rtl; line-height:20px;} 

.inboxHomePage .list2 .magicLayer{position: absolute;z-index: 1;width: 0%;background:RGBA(223,240,216,0.8);height:56px;margin-top:0px;margin-left: 0px;opacity: 0;text-align:center;color:#000;padding:10px 0;font-size:15px;left:0px;height:100% !important}
.inboxHomePage .list2 .magicLayer.reject{background:RGBA(242,222,222,0.8);}
.inboxHomePage .list2 .magicLayer > span{background:RGBA(255,255,255,0.8 );padding:5px;display:none;border-radius:5px;font-size:14px;margin-top:-3 px;float: none;}
.inboxHomePage .loading {margin-top:20px;background: transparent;}
.inboxHomePage a.closebutton {-webkit-appearance: none;padding: 0; cursor: pointer; background: 0 0; border: 0; opacity: 1; float: right; background: #fff !important; margin: 5px; border-radius: 5px; box-shadow: 1px 1px 1px #c1bebe;} 
.inboxHomePage .magicLayer .fa { font-size: 12px; background: transparent; margin: 0 5px; color: #569a6f; padding: 3px 0px; font-weight: 400; color: #333;}
.viewAll-inbox{min-height: 28px;white-space: nowrap;}
.viewAll-inbox a{padding:5px 13px !important;text-decoration: underline}

.NewsDetails .Title { padding: 10px 0; margin-bottom: 0; padding-bottom: 5px; font-weight: normal;font-size: 22px; color: #000; }
.NewsDetails .Date {color: #88769e;font-size: 12px;}	
.NewsDetails .Details { margin-top: 20px; }	
.NewsDetails .Details p {text-align: justify;color: #575757;font-size: 14px; word-break: break-word;line-height: 25px}
.NewsDetails .Details .img {border: solid 1px #f1f1f1;border-radius: 3px;height:375px;width:75%;margin: 0 auto 20px;}	
.NewsDetails .Details .img img { width: 100%;  height: 375px;}
.NewsDetails .Details .img .desc { color: #88769e; font-size: 12px;text-align: center;margin-top: 5px;max-height: 14px; max-width: 100%;overflow: hidden;} 
	
.box3 .title4 {color: #ff375e;font-size: 25px;margin-top: 12px; margin-bottom: 5px;}
.innerPage .portlet-body{padding:10px;} 
 section, summary { display: block;}
 input[type=checkbox]:not(old):not(.old):not(.cbox), input[type=radio ]:not(old):not(.old):not(.cbox) { margin: 0; padding: 0;  opacity: 0;}
.OfferMenu{border:1px solid #e4e4e4;display: inline-block; border-radius: 4px;}
.OfferMenu li input { display: none;} 
.OffersCon ul li{float: left;color: #fff;padding: 15px 6px 16px 6px;background-color: #b3b3b3;transition: all 0.5s ease-in-out;font-size: 13px;}	
.OffersCon ul li.active {background-color: #6f3975;}
.OffersCon ul li:hover {background-color: #6f3975;}
.OffersCon ul li:first-child {border-bottom-left-radius: 12px;border-top-left-radius: 12px;}
.OffersCon ul li:last-child {border-bottom-right-radius: 12px;border-top-right-radius: 12px;}
.Offeritem { padding: 0;margin: 30px 0;background: #fff;min-height: 650px;height: auto;}
.Offeritem .item {width: 30%;margin-right: 4%; margin-bottom: 30px;border: #d3d3d3 1px solid;float: left;overflow:hidden;position:relative;}
.Offeritem .item .txt {width: 100%;height: 160px;max-height: 160px;overflow: hidden;padding: 0 5%;}
.Offeritem .item .txt h2 {color: #4f008c;font-size: 16px;margin-bottom: 0;padding-bottom: 0;font-weight: normal;height: 18px;overflow: hidden;}
.Offeritem .controls{position:absolute;width:96%;margin: 2%;bottom:0;}
.Offeritem .item .txt p {color: #000;font-size: 14px;height: 22px;overflow: hidden;}
.Offeritem .item:nth-child(3n) {margin-right: 0;}
	
.SearchCon {width: 100%;margin: 25px 0;padding: 0;}
.SearchCon ul {list-style: none;padding: 0;margin: 0; width: 100%; }
.SearchCon li{border-right:1px solid #e4e4e4}
.SearchCon ul li label { transition: all 0.5s ease-in-out;float: left;color: #8b8b8b;font-size: 16px;padding: 12px 15px; margin: 0px;} 
.SearchCon ul li.active label , .SearchCon ul li:hover label  { background-color: #ff375e;color: #fff;cursor: pointer;}
  
 html[dir='rtl'] .SearchCon li{border-right:0px;border-left:1px solid #e4e4e4;float: right}
 
.clear {clear: both;}
.SearchCon .SearchItems {width: 100%;margin: 25px 0; }
.SearchCon .SearchItems .item { width: 100%; border-bottom: 1px solid #ccc;margin-bottom: 25px; min-height: 74px;  }
.SearchCon .SearchItems .item h4 {font-weight: bold;font-size: 16px;color: #686868;padding: 0; margin: 0;}	
.SearchCon .SearchItems .item p { color: #7f7f7f;}

.user_photo_search {width:56px;height:56px;-webkit-border-radius: 50%;	-moz-border-radius: 50%;border-radius: 50%;border:#e5e5e5 2px solid;overflow: hidden;float: left;margin-right:10px;margin-bottom:20px}
.user_photo_search img {width:100%;height:100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
 html[dir='rtl'] .user_photo_search{float: right !important;margin-right:0px;margin-left:10px !important;}

.ui-autocomplete .ui-menu-item{margin: 1px;border-bottom: 1px solid #e5e5e5;color: #585858;}
.ui-autocomplete .ui-menu-item.ui-state-focus{background: #ff375e;color: #fff;}
.ui-autocomplete .ui-menu-item.ui-state-focus:last-child{border-bottom: none;}
.ui-autocomplete {border-color:#e1e1e1;border-radius: 5px;}

.NewsCase{width:100%;height: 300px;margin-bottom: 36px;margin-top:30px;overflow:hidden;display: flex;}
.NewsCase .NewsLeft h1 {color: #fff !important;font-size: 22px;font-weight: normal;padding: 10px 0;margin: 5px 0;max-height: 64px;overflow-y: hidden;}
.NewsCase .NewsLeft{width:30%;background-color: #4f008c;/* float:left; */height:100%;padding: 0 1%;}
.NewsCase .NewsLeft span{color:#88769e;font-size:12px}
.NewsCase .NewsLeft .summary{color:#b1afb0;font-size:14px;font-weight:400;padding:10px 0;margin:0;margin-bottom:20px}
.NewsCase .NewsLeft .btn{margin-top:19px;text-align:center;float:left}
.NewsCase .NewsLeft .btn button,.NewsCase .NewsLeft .btn a{background-color: #ff375e;padding:12px 20px 10px;color:#fff;border:1px solid #fff;font-size:16px;transition:all .5s ease;cursor:pointer;}
.NewsCase .NewsLeft .btn button:hover,.NewsCase .NewsLeft .btn a:hover{background-color:#fff;color:#000}
.NewsCase .summary{height:114px;overflow:hidden}
.NewsCase .NewsRightMob{display:none}
.NewsCase .NewsRight{width:64%;background-color:#ccc;float:left;height:100%}
.NewsCase .NewsRight img{width:100%;height:100%}
.Date2 {color: #ff375e;font-size: 11px;padding-top: 3px;position: absolute;top: 61px;left: 33%;}
.NewsSec{padding:0;margin:0}
.NewsSec ul.STC_feeds{margin:0 -2.5%;display: flex;flex-wrap: wrap;}
.NewsSec .Item:hover h4{text-decoration:underline}
.NewsSec .Item{width:45%;margin:0 2.5%;height:80px;max-height:85px;/* float:left; */margin-bottom:25px;overflow:hidden;}
.NewsSec .Item table{display:none}
.NewsSec .item h4{max-height:34px;overflow:hidden}
.NewsSec .Item > a{display: flex;flex-wrap: wrap;position: relative;}
.NewsSec .Item a .left{width:30%;height:100%;margin-right:15px}
.NewsSec .Item a .left img{width:100%;height:100%;border-radius:2px}
.NewsSec .Item .right{width:65%;height: 60px;overflow:hidden;}
.NewsSec .Item .right h4{padding:0;margin:0;color:#5a5a5a;font-size:14px;max-height:20px;overflow-y:hidden}
.NewsSec .Item .right p{padding:0;margin:0;color:#999;margin-top:4px;max-height:52px;overflow-y:hidden}
.NewsSec li{list-style:none}
.NewsSec p:empty,.NewsCase p:empty{display:none} 
.paging{text-align:center;margin:10px auto}
.paging span{background-color:none;margin:0 2px;padding:5px 5px 2px;border-radius:3px;display:inline-block;cursor:pointer;font-size:16px}
.paging .curent{background-color:#471b66;color:#fff}
.OfferDetails .Title{padding:10px 0;margin-bottom:0;padding-bottom:5px;font-weight:400;font-family:"STC-Regular",tahoma;font-size:22px;color:#000}
.OfferDetails .Date{color:#88769e;font-size:12px}
.OfferDetails .Details{margin-top:20px}
.OfferDetails .Details p{text-align:justify;color:#575757;font-size:14px}
.OfferDetails .Details .img{border:solid 1px #f1f1f1;border-radius:3px;width:100%;margin-left:0;float:none;height:275px;margin-bottom:10px}
.OfferDetails .Details .img .desc{color:#88769e;font-size:12px;text-align:center;margin-top:5px;max-height:14px;max-width:100%;overflow:hidden}
.OfferDetails .Details .img img{width:100%;height:240px}

/********* Ambitions *************/
.removeScroll{overflow: hidden;}
#ambitionsHome{overflow: hidden !important;padding:0px !important;}
#ambitionsHome .close{position: absolute;z-index: 10;right: 10px;font-size: 40px;color:#fff;text-shadow: none;opacity:0.8}
#ambitionsHome img{width:784px;height:518px;}
#ambitionsHome .carousel-indicators{justify-content: center;margin:0px;
    top: 95%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.ambitionsHomeBanner{min-height: 609px;margin: -5px -15px -15px;padding: 15px 25px;background-size: 100% 100% !important;padding-top: 200px;border-radius:3px;}
.ambitionsHomeBanner .title{color:#fff;font-size: 34px;width: 74%;line-height: 44px;display: inline-block;word-break: break-word;margin-bottom: 20px;}
.ambitionsHomeBanner .subTitle{color:#ffdd40;font-size: 14px;display: inline-block;margin-bottom:40px}
.ambitionsHomeBanner .btn{font-size: 17px;padding: 8px 15px !important}

#qAAmbitions{padding:0 15px}
.ambitions .portletTitle{line-height: 15px;font-size:20px;height:50px;}
.ambitions img{max-width: 103.4%;margin: 0 0 0 -18px;}
 html[dir='rtl'] .ambitions img{margin: 0 -20px 0 0;}
.ambitions .card-header{background: #fff;padding: .75rem 0 1px ; border:0px}
html[dir='rtl']  .appListActive li a{ margin-right: -2px;margin-left: 0 !important;}
.ambitions .card-header button{width: 100%; text-align: inherit;  color: #4f008c; font-size: 20px;border:0px;border-radius:0px;padding: 10px 3px 10px;border-bottom:1px solid #4f008c !important }
.ambitions .card-header button:hover , .ambitions .card-header button:focus{border:0px;outline: none ;background: transparent;text-decoration: none;}
.ambitions .card-header button:after{content:"\f106";position:absolute;right:0;top:5px;font-family:'FontAwesome';font-size:35px;font-weight:400;color:#4f008c}
 html[dir='rtl'] .ambitions .card-header button:after{left:0;right:auto !important;}
.ambitions .card-header button.collapsed{border-bottom:1px solid rgba(0,0,0,.125) !important;color:#000 }
.ambitions .card-header button.collapsed:after{content:"\f107";color:#000;}
 
.ambitionsContenet{font-size: 18px;margin: 20px 0;padding:0 18px}
.ambitionsContenet br{margin: 15px 0}
.ambitions .card{border:0px;}
.ambitions .card-body{padding: 1.25rem 0.5rem; font-size: 15px;}

/*********************/
.alertMsg{font-size: 18px;margin-bottom: 19px}
 /**************************/
@media screen and (max-width: 450px){	
  .navbar-expand-md.fixed-top  {flex-direction: column;}
  .hubTopSearh input{min-width:100px;width:100%;width: 135px;}
  .navbar-nav.infoBar{flex-direction: row;margin-top:-8px}
  .profileMenu, .inboxMenu{position: absolute !important;margin-top: -3px;}
  .profileContainer{padding:12px 15px !important;}
  .profileMenu:before{ right: 12%;}
  .action-container{margin-top:5px;text-align: right;}
  .action-container *{float:right}
   html[dir='rtl'] .action-container{float: left;} 
  .inboxHomePage .formIDC{white-space:normal;word-break: break-word;}
  .navbar-brand{padding: 4px 0px 0 43px;}
   html[dir='rtl'] .navbar-brand{padding: 4px 36px 0 25px;}
   #appsIcons{width:240px}
   #appsIcons a{width: 60px}
  .todayTasksH .emptyState , .activitiesContainer .emptyState{margin-top:15px;}
  .inboxMenu:before {right: 5%;}
   html[dir='rtl'] .inboxMenu:before {left: 5%; right: auto !important;}
   .newsBox .item .desc a .title{font-size:19px;line-height: 21px}
  .appListbtn , .appListbtn:hover{position: fixed; position: fixed;top: 9px; z-index: 1000; 
  font-size: 20px; border: 1px solid #e4e4e4;border-radius: 5px;left: 9px;
  width: 40px; background: #fff;color:#4f008c;}
  .newsBox .item .img{height: 200px;}
  .newsBox .item .desc{left:4px}
   html[dir='rtl'] .newsBox .item .desc{right:4px;left:0px !important;}
   .carousel-indicators{}
  .appList{display: none;}
  .appList.active{display: block;}
  #tabs .nav-link {width: 33%; padding: 5px;font-size: 15px}
  .profileInfo .col-md-3 {flex: 0 0 25%; max-width: 25%;}
  .profileInfo .col-md-9 {-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} 
  .shortcutLink ,.shortcutLinkContainer , .shortcutLinkContainer div, .shortcutLinkContainer app-shortcut{width: 100%}
  a.addshortcut{flex:0 0 100%}
   .mainAppLogo{margin: 0 0 0 15px;}
  .box2{width:100%}
  html[dir='rtl'] .mainAppLogo{margin: 0 15px 0 0;}
  .NewsDetails .Details .img{width:100%;height:250px;}
  .NewsDetails .Details .img img {height:250px;}
  .mainAppLogo{width: 50px}
  .infoBar li > a{padding:17px 10px 0px}
  .activitiesList{height: 250px}
  html[dir='rtl'] .appListbtn{right: 6px;left:0px}
  .ambitions img{max-width: 100%;margin:0px !important}
  
}

 @media (max-width: 813px) {
 	.inboxHomePage .list2 li .span2{width:69%}
 	.TabBody2 .list2 li span.approveTask ,.TabBody2 .list2 li span.rejectTask{height:20px !important;}
 	.TabBody2 .list2 li span { height: auto !important;overflow:auto;word-break:break-word} 	
 	.TabBody2 .breif {margin: 0px -1px 0 71px; display: inline-block;  white-space: normal; width:75%}
 	.inboxHomePage .list2 li img{    margin-top: 11px;   margin-left: 5px;}
 	.riskChartContainer canvas{margin-top: 11px !important;width: 100%}
  }
    
/**********************/

html[dir='rtl'] .ml-auto, .mx-auto{margin-right: auto!important;margin-left:0px !important}
html[dir='rtl'] .dropdown-menu-right { left: 0; right: auto;} 
html[dir='rtl'] #collapsibleNavbar .dropdown-menu{text-align: right;}
html[dir='rtl'] #collapsibleNavbar .dropdown-menu:before {left: 20%;right:auto}
html[dir='rtl'] .actUnite{padding-right: 14px;padding-left: auto;}
html[dir='rtl'] .actUnite:before{ right: 0px;left: 0;}
html[dir='rtl'] .actUnite:before{content: "\f104";}
html[dir='rtl'] body{text-align: right;}
html[dir='rtl'] .newsBox .item .desc{right:12px}
/*html[dir='rtl'] .carousel-indicators{direction:ltr;right:0px;left:auto !important}*/
html[dir='rtl'] .carousel-indicators{direction:ltr;}

html[dir='rtl'] .newsBox .viewAll{left: 20px;right: auto !important}
html[dir='rtl'] .newsBox .item .img{    margin-right: -3px; margin-left: 0px;}
html[dir='rtl'] .newsBox .item .desc::before{right:10px;left:auto !important;top:27px}
html[dir='rtl'] .infoBar.ml-auto{ margin-right: auto!important;margin-left: 0px !important;}
html[dir='rtl'] .dropdown-menu{text-align: right}
html[dir='rtl'] app-shortcut .btn{left: 18px;right:auto !important}
html[dir='rtl'] app-shortcut .editBtn{left:45px;right:auto !important}
html[dir='rtl'] .profileMenu:before{left: 11%;right:auto !important;  }
html[dir='rtl'] .inboxMenu:before{left: 10%;right:auto !important; }
html[dir='rtl'] .Date2 {right: 33%;left:auto;}
html[dir='rtl'] #appsIcons a img{margin:0 -2px 0 0}
html[dir='rtl'] .ps__rail-y{left:0px !important;right: auto !important;}
html[dir='rtl'] .ps__thumb-y{ right: auto !important; left:2px !important;}
html[dir='rtl'] .lead-info-today{text-align: left}
html[dir='rtl'] .btn-outline-stc-primary , html[dir='rtl'] .btn-outline-stc-secondary{padding: 1px 9px 2px;}
 
html[dir='rtl'] .TabHeaderBtn{border-left: solid 1px #e9e9e9; }
html[dir='rtl'] .TabHeaderBtn:last-child{border-left:0px;}
/* .hub-wrapper{display: flex;
    flex-direction: column;
    position: absolute;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;}
.hub-content-wrapper { overflow-y: auto;} */


/****** hub feeds news *********/
.newsBox{margin-top:12px;border-radius:3px;overflow:hidden;box-shadow: 1px 1px 3px rgba(0,0,0,.1);}
.newsBox .carousel-indicators{justify-content: center;}
.newsBox .carousel-control{display: none;}
.newsBox .carousel-inner{background: #fff}
.newsBox .carousel-caption{background:RGBA(79,0,140,1);width: 100%; left: 0;color:#fff; padding:15px 20px 30px; bottom: 0;text-align:left;height:120px}
html[dir='rtl'] .newsBox .carousel-caption{right: 0 !important;left: auto !important;text-align: right !important}
.newsBox .carousel-caption h3{color:#fff !important;font-size: 18px;}
slide.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}


 .usersearch_results.content{border: 1px solid #f3f3f1; border-radius: 5px;display: flex;padding: 20px 0;}
 .usersearch_results.content .user_view_img img{margin:0 20px;border-radius: 5px;}
 .usersearch_results.content .bottom_margin.search_sections{margin:25px 0}
  .usersearch_results.content .bottom_margin{margin:3px 15px}
  .usersearch_results.content h3{font-size:23px;color:#8e9aa0 !important}
  
/*************/

/*** iPad in landscape ***/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.appList.active , .appList.active .appListActive{width:50px !important}
 }