/*Responsive css starts : line 2510*/
@charset "UTF-8";
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://www.shareweb.ch/site/Joint/Style%20Library/Shareweb/fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
#s4-workspace .ms-core-listMenu-horizontalBox {display: none;}
a*{cursor: pointer;} 
a:hover, a:focus {text-decoration: none !important;cursor: pointer;}
/* #ctl00_PlaceHolderMain_PlaceHolderMainContent_ctl00__ControlWrapper_RichHtmlField p {display: none;} */
body {padding: 0px !important;font-family:"Segoe UI"!important;}
body.master-page.content-in-tabs #main .tab-content-standalone {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
/******header-font*********/
h1, h2 {font-size: 16px !important;font-weight: 600! important;}
h3, h4 {font-size: 14px;font-weight: 600;}
h5, h6 {font-weight: 600;}
.btn {border-radius: 0px !important;}
img {width: auto;vertical-align: middle;border: 0;}
.ui-widget {font-size: 13px !important;}
a:focus, textarea:focus-visible {outline: none !important;}
input[type=text]::-ms-clear, input[type=search]::-ms-clear{display:none;}
#s4-bodyContainer .jquery_tabs {margin-top: 0px;}
ul{list-style:none;}
.eda-groups .ms-rtestate-field #relative-box ol {padding-left: 15px;}
ol > li::before {border: none !important;padding-left: 0;content: none !important;}
ol li {border-left: none !important; padding-left: 0px !important; background: none;position: initial;list-style-type: auto;}
ul > li, li {font-size: 13px !important;margin-top: 0px !important;}
ul > li::marker, ul > li:before {content: none;}
.featured #pageContent div ul {margin-left: 18px;list-style: none;}
/* .featured #pageContent div ul li:before {content: "\f111";font-family: FontAwesome;display: inline-block;margin-left: -2.3em;width: 1.3em; color: #000;font-size: 7px !important;} */
.featured #pageContent div.tiles_creative ul li:before {list-style-type: none;content: none;}
.fa.fa-comment-o {color: #b1acac;}
.featured #pageContent div ul li:before, .fr-element.fr-view ul li:before {margin-right: 2px;content: "–";margin-left: -1em;color: #767676;}
.fr-element.fr-view ul{list-style: none !important;margin-left: 15px;}
label.danger {color: #dc0018;}
.valign-middle {align-items: center;display: flex;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus, .btn:focus, .btn:active:focus, .btn:focus {outline:none;}
input[type="checkbox"] {margin:-2px 0 0;}
#DeltaTopNavigation > div, #aspnetForm #main, #s4-titlerow, footer {margin: 0 auto;max-width: none !important;padding: 0 !important;}
#s4-bodyContainer {width: 1280px;} 
#main.container.expandedtablesize100, #aspnetForm #main.container.expandedtablesize100 {width:100% !important;max-width: 100% !important;padding: 0 15px !important;}
#main.container.expandedtablesize75, #aspnetForm #main.container.expandedtablesize75 {width:75% !important;max-width: 75% !important;}
#main.container.expandedtablesize1280, #aspnetForm #main.container.expandedtablesize1280{width:1280px !important;max-width: 1280px !important;}
#main.container.expandedtablesize60, #aspnetForm #main.container.expandedtablesize60{width:62.5% !important; max-width: 62.5% !important;}
.news_upload .content_wrap.active{border:4px solid #cccccc !important;}
#pageContent div ul{list-style: square;padding-left: 2%;}
.filetertextoverflowx{ width: 95%;line-height: 1;height:auto;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: block;}
.DragUser_Images.zindex1{z-index: 1!important;}
#main-menu a p.p-data-filter {font-size: 14px!important;font-family:"Segoe UI";}
#pageTitle{font-size: 23px!important;}
.ms-rtestate-field, p { font-size: inherit; line-height: inherit;}
.ms-rtestate-field h1{font-size: 16px!important;font-family:"Segoe UI"!important;}
.edaTable-default a, .edaTable-default p, .edaTable-0 a, .edaTable-0 p, .edaTable-1 a, .edaTable-1 p {font-size: inherit;}
.ms-rtestate-field h3, h3.edaElement-H3 {font-weight: inherit;line-height: inherit;margin: inherit;}
.ms-rtestate-field h4, h4.edaElement-H4 {font-size: 14px;}
footer.clearfix{padding-top: 10px!important;/*max-width: inherit!important;*/margin: 20px 0 0;}
.container {width: 100% !important;max-width: 100% !important;}
#s4-titlerow.ms-dialogHidden, .container#main{width: 1280px !important;}
.ms-inputBox, input[type=email], input[type=search], input[type=tel], input[type=text]:not(.sp-peoplepicker-editorInput):not(.ms-helperText), input[type=url] {box-shadow: inherit;border: 1px solid #ababab!important;outline: none;}
/* without header hover */
.tooltiptext.detailhoverbox{top: 26px!important;padding: 6px!important;border: 1px solid #ccc;width: 201px!important;height: auto;min-height: 40px!important;margin-right: -19px!important;background-color: #fff!important;}
#manageconfigurationpopup .accordin-header{padding: 6px 10px!important;background: #fff !important;}
#manageconfigurationpopup .tooltiptext:before{border-color: transparent transparent transparent #ffffff;left: 25%;top: -15px;}
#manageconfigurationpopup .tooltipte .tooltiptext {min-height: 59px;background-color: #fff;}
#manageconfigurationpopup .tooltip_Desc{border-top: 1px solid #ccc;}
/* without header hover */
.tab-content-bdr{border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.titlesDynamicbox {float: left;width: 100%;}
/* End topmenubar css */
/* tooltip-hover start css */
.joint-institution-tooltip:hover .sysnonyms-tooltip{ visibility: visible;}
.joint-institution-tooltip{position: relative;}
.sysnonyms-tooltip{visibility: hidden;background: #ffffff;border: 1px solid #d1d1d1;color: #222222;font-size: 12px;padding: 7px;pointer-events: none;position: absolute; width: 175px;z-index: 1102;top: 30px;}
.joint-institution-tooltip .sysnonyms-tooltip:before{ transform: rotate(180deg);top:-22px; content: " ";display: block;height: 20px;left: 80px; position: absolute;border-color: #e8e6e6 transparent transparent transparent;border-style: solid;border-width: 11px;}
/* tooltip-hover end css */
.pagetitleheader.AnnexOverViewtitle{border-right:transparent; border-left: transparent; margin-top: -40px; padding-left: 2px;}
.row.fluid {margin: 0;}
.hw-30{height:30px;width:30px;}
.box-bckclr1{background: #fff;padding-top: 10px;padding-bottom: 10px;margin-left: 6px;width: 98.8%!important;}
/* Dyanmic table css   */
 #pageContent table td{ border: 1px solid #dddddd;padding: 4px;}
 #pageContent table tr{border: 1px solid #dddddd;}
 #pageContent table.DynamicTableClass2 td{border: transparent;} 
 .publicationItem table td{ border: 1px solid #dddddd;padding: 4px;padding-left: 6px!important;}
 .publicationItem table tr{border: 1px solid #dddddd;}
 .publicationItem table.DynamicTableClass2 td{border: transparent;} 
 #EditSharewebItemId .fr-view table td, #EditSharewebItemId .fr-view table th {border: 1px solid #ddd!important;}
 #editDescriptionbody .fr-view table td, #editDescriptionbody .fr-view table th {border: 1px solid #ddd!important;}
/* Dyanmic table css   */
.mw-70{min-width: 170px!important; text-align: start!important;}

/*-------------- Right Side Webparts -----------------*/
#relative-box .panel.panel-default > .panel-body table {margin-bottom: 0px;}
#relative-box .panel.panel-default > .panel-body table tbody>tr:first-child>td {border-top: none;}
#relative-box .panel.panel-default > .panel-body table tbody>tr:last-child>td {border-bottom: none;}
/* #relative-box .tooltiptext:before {top: -25px;left: 92%;} */
#relative-box .tooltipte .tooltiptext p img.fr-fic.fr-fil.fr-dib, #relative-box .tooltipte .tooltiptext .tooltip_Desc .toAlignListElmntOnPage img.fr-fic.fr-fil.fr-dib, #relative-box .tooltipte .tooltiptext img.fr-fic.fr-fir.fr-dii, .tooltipte .tooltiptext p>img.fr-fic.fr-dib {width: auto !important;max-width: -webkit-fill-available;max-width: -moz-available;max-width: fill-available;}
/* ----------------------------------------------------------------
	Margin Utility Classes
-----------------------------------------------------------------*/
.ml-auto, .mx-auto {margin-left: auto!important;}
.m0, .mar0{margin: 0px !important;}
.mt0, .mt-0 {margin-top: 0px !important;}
.mt-1 {margin-top: 1px;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-4 {margin-top: 4px;}
.mt-5 {margin-top: 5px;}
.mt-7 {margin-top: 7px;}
.mt-8 {margin-top: 8px;}
.mt-10, .mt10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px;}
.mti-15 {margin-top: 15px !important; }
.mt20,.mti20, .mt-20 {margin-top: 20px!important; }
.mti25, .mt-25 {margin-top: 25px!important; }
.mt-30 {margin-top: 30px;}
.mt-36 {margin-top: 42px;}
.mt--40{margin-top: -40px;}
.mt43{margin-top: 43px !important;}
.mt--2 {margin-top: -2px !important;}
.mt--5 {margin-top: -5px !important;}
.mt--10 {margin-top: -10px;}
.mt--20 {margin-top: -20px;}
.mb0, .mb-0 {margin-bottom: 0px !important;}
.mb-1 {margin-bottom: 1px;}
.mb-2 {margin-bottom: 2px;}
.mb-3 {margin-bottom: 3px;}
.mb-4 {margin-bottom: 4px !important;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;} 
.mb-15 {margin-bottom: 15px !important;}
.ml0, .ml-0 {margin-left: 0px !important;}
.ml-1 {margin-left: 1px !important;}
.ml-2 {margin-left: 2px !important;}
.ml-3, .ml3 {margin-left: 3px !important;}
.ml-4 {margin-left: 4px !important;}
.ml-5, .ml5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left:15px;}
.ml20, .ml-20 {margin-left: 20px !important;}
.ml35, .ml-35{margin-left: 35px !important;}
.ml48, .ml-48 {margin-left: 45px}
.ml60, .ml-60 {margin-left: 60px}
.ml75, .ml-75 {margin-left: 75px;}
.ml--5 {margin-left: -5px !important;}
.ml--10 {margin-left: -10px !important;}
.ml--20 {margin-left: -20px !important;}
.mr-0{margin-right: 0!important;}
.mr-1{margin-right: 1px !important;}
.mr-2{margin-right: 2px !important;}
.mr-3{margin-right: 3px !important;}
.mr-4{margin-right: 4px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10, .mar-10{margin-right: 10px;}
.mr-15, .mar-15{margin-right: 15px;}
.MR20, .mr-20 {margin-right: 20px;}
.mr-39{margin-right: 39px;}
/* ----------------------------------------------------------------
	Padding Utility Classes
-----------------------------------------------------------------*/
.no-padding {padding-left: 0px !important;padding-right: 0px !important;}
.p0, .pad0, .padding-0 {padding: 0 !important;}
.pad-5{padding: 5px !important;}
.pad8 {padding: 8px;}
.pad4 {padding: 4px;}
.pad10{padding: 10px;}
.pad-15, .panel-padding {padding: 15px !important;}
.pt-0, .padT0 {padding-top: 0px !important;}
.pb-0, .padb0, .pb0{padding-bottom: 0px !important;}
.pb-5 {padding-bottom:5px;}
.pt-10{padding-top:10px;}
.pt_20, .pt_20{padding-top:20px;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pad_btm40 {padding-bottom: 40px;}
.PadL0, .padL-0 {padding-left: 0px !important;}
.PadR0, .padR-0 {padding-right: 0px !important;}
.pl-1, .padding-left {padding-left: 1px !important;}
.pl-5{padding-left: 5px !important;}
.pl-8{padding-left:8px;}
.pl-10{padding-left: 10px !important;}
.pl-20{padding-left: 20px !important;}
.pr-5, .padR-5{padding-right: 5px;}
.pr-10, .padR10 {padding-right: 10px;}
.paddingL5R0 {padding-left: 5px;padding-right: 0px;}
.ptb-10 {padding-top: 10px;padding-bottom: 10px;}
.ptb-15 {padding-top: 15px;padding-bottom: 15px;}
.padLR-5, .pLR-5 {padding-left: 5px;padding-right: 5px;}
.padL-15{padding-left: 15px;}
.pbi-3{padding-bottom: 3px !important;}
.pti-2 {padding-top: 2px !important;}
/* ----------------------------------------------------------------
	Font Utility Classes
-----------------------------------------------------------------*/
.font-weight-extralight {font-weight: 100 !important;}
.font-weight-medium {font-weight: 500 !important;}
.font-weight-semibold {font-weight: 600 !important;}
.font-normal {font-weight: 400 !important;}
.font-normal{font-weight: normal;}
.font13 {font-size: 13px;font-weight: normal;}
.font14, .f-14{font-size: 14px;}
.content_drop .title2.fontSize14{font-size: 14px !important;}
.f-15 {font-size:15px !important;}
.f-16 {font-size:16px !important;}
.f-18 {font-size: 18px;}
.f-22 {font-size: 22px !important;}
.f-13 {font-size: 13px !important;}
.f-11 {font-size: 11px !important;}
.f-12 {font-size: 12px !important;}
.font-bold, .bold {font-weight: 700 !important;}
.profiletitle {font-size: 25px;}
/* ----------------------------------------------------------------
	Width Utility Classes
-----------------------------------------------------------------*/
.wid15 {width: 15px;}
.icon-widths {width: 20px !important;}
.min-wid {min-width: 10px;}
.wid65p { width: 65px;}
.wid10 {width: 10px;} 
.wid14 {width: 14px;}
.wid16 {width: 16px;}
.wid17 {width: 17px;}
.wid18 {width: 18px;}
.wid20 {width: 20px;}
.wid22 {width: 22px;}
.wid24 {width: 24px;}
.wid26 {width: 26px;}
.wh-27 {width: 27px;height: 27px;}
.wid29 {width: 29px;}
.wid60 {height: 60px;width: 60px;}
.wid67 {width: 67px;}
.wid75 {width: 75px;}
.wid85 {width: 85px;}
.wid95 {width: 95px;}
.wid100 {width: 100px;}
.wid10per {width: 10% !important;}
.wid15per {width: 15% !important;}
.wid18per {width: 18% !important;}
.wid25per {width: 25% !important;}
.wid70per {width: 70%;}
.width-90 {width: 90%;}
.full_width, .full-width {width: 100%;}
.wid210 {width: 210px;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width:500px;}
.width545 {width: 545px;}
.wh-90{height: 90px;width: 90px;}

/* ----------------------------------------------------------------
	Height Utility Classes
-----------------------------------------------------------------*/
#fixedHieght {height: 250px;}
.maxheight350{max-height: 325px;}
.fullscreen {height: 550px;}
.min-height430 {min-height:430px;}
.UploadPictures {height: 465px !important;}
.TxtEnd{text-align: end;}
.create.pull-right {margin-top: -29px;margin-right: -2px;}
.disflex {display: flex;align-items: center;}
.d-flex {display: flex;align-items: center;justify-content: center;}
.displayFlex {display: inline-flex !important;}
.h-35{height:35px}
.h-15{height:15px;}
.lineh_18{line-height: 18px !important;}
/* ----------------------------------------------------------------
	Image width 100 Classes
-----------------------------------------------------------------*/
.SharewebHelpImg img, .fr-img-wrap img, .contact-image img, .left_icon img, .forimg img, .Joint .label img{width: 100%;}
.map_img img {max-width: 100px;}
/* .news-event_img img {width: 100% !important;height: 100% !important;} */
.icons img {width: 40px;} 
/* ----------------------------------------------------------------
	Colors Utility Classes
-----------------------------------------------------------------*/
.clr-black {color: #000000 !important;white-space: pre-line;}
.top-assign .numbering {color: #000;}
.StarRed {color: #dc0018 !important;}
.tasklength{color: #fff;}
a.btn-primary, a.btn-primary:hover {color: #ffffff !important;}
.required {color: red;}
.StarBlue {color: #519AA1;}
.col-green {color: #228b22;}
.text-white, .col-white {color: #fff !important;}
a.text-white, a.text-white:hover {color: #fff !important;}
.text-grey {color: #cccccc !important;}
.grey{color : #b9b9b9;}
.head, .text-dark{color:#000 !important;}
.for-lis.EpsPmTextclr.tdrows.tdrows div a{color: #008000!important;}
.for-lis.PmTextclr.tdrows.tdrows div a{color:#0000ff!important;}
/* Background Color */
.no-bg, .background-transparent {background: transparent !important;}
.bg-white, .bg-ffff {background: #FFF !important;background-color: #fff !important;}
.bg-black {background: #000 !important;}
.boxbdrdesign{border: 1px solid #ccc!important;padding: 10px!important;color: #333;}
.bg-d6 {background: #dbdbdb !important;}
.bg-f2f2{background:#f2f2f2;}
.bg-fc {background: #fcfcfc;}
.bg-grey{background: #ccc;}
.bg-f5, .bg-f5f5 {background: #f5f5f5;}
.ms-rtestate-field, p {font-size: 13px;}
/* ----------------------------------------------------------------
	Border Utility Classes
-----------------------------------------------------------------*/
.no-border{border:none !important;}
.bdrbtm-trans{border-bottom: 1px transparent !important;}
.bdrtop-trans{border-top: none !important;}
.border-btm{border-bottom: 2px solid #fff;}
.bdrgt-clr {border-right: 1px solid #969696 !important;}
.bdr-88{border:1px solid #888;}
.bottombdr{border-bottom: 1px solid #ccc;}  
.phase, .border, .border-grey, .accordintab, .compare_item td, .AllOverView-content, .NewProjects, .border-all, .Agenda_structure,.header,.header-body {border: 1px solid #ccc;}
.seperator {border-left: 1px dotted #ccc;}
.tabBox li {border-left: 1px solid #ccc;}
.NewProjects thead tr {border-top: 4px solid #ccc;}
.border3L-dotted {border-left: 3px dotted rgb(213, 213, 213);}
.border-top, .BTop {border-top: 1px solid #ccc !important;}
.border-bottom {border-bottom: 1px solid #ccc !important;}
.border-left, .boxbdrleft {border-left: 1px solid #ccc !important;}
.border-right {border-right: 1px solid #ccc !important;}
.border-top-light {border-top: 1px solid rgba(0, 0, 0, 0.06) !important;}
.border-bottom-light {border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;}
.border-left-light {border-left: 1px solid rgba(0, 0, 0, 0.06) !important;}
.border-right-light {border-right: 1px solid rgba(0, 0, 0, 0.06) !important;}
.border-all-light {border: 1px solid rgba(0, 0, 0, 0.06) !important;}
.border-width-1 {border-width: 1px !important;}
.border-width-2 {border-width: 2px !important;}
.border-width-3 {border-width: 3px !important;}
.border-width-4 {border-width: 4px !important;}
.border-width-5 {border-width: 5px !important;}

/* ----------------------------------------------------------------
	Divider Classes
-----------------------------------------------------------------*/
.divider.divider-center::before {display: block;}
.divider {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;overflow: hidden;margin: 1rem auto;color: #e5e5e5;width: 100%;}
.divider::after {margin-left: 0.5rem;}
.divider::before {margin-right: 0.5rem;}
.divider::after, .divider::before {content: '';-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;height: 1px;background-color: #dfdfdf;}
.divider a, .divider-text {width: auto;color: inherit;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.divider a, .divider i, .divider-text {position: relative;-ms-flex: 0 0 auto;flex: 0 0 auto;/* width: 24px; */max-width: 100%;line-height: 24px;font-size: 18px!important;text-align: center;}

/* ----------------------------------------------------------------
	Webpart Panel CSS
-----------------------------------------------------------------*/
.panel-heading {padding: 7px 8px !important;height: 35px;}
.panel-title h3 {font-weight: bold;margin-top: 10px;font-size: 18px !important;padding-left: 5px;}
.panel-title {font-weight: 700 !important;}
.panel-title> span.panel-title-right {float: right;font-size: 13px;}
.panel-title> span.panel-title-right > span.panel-title-right-feedback .addtoggle {top: 2px;position: relative;margin-left: 10px;}
.panel-title> span.panel-title-right span.panel-title-right-feedback {width: 20px;}
.panel-title> span.panel-title-right > span.panel-title-right-feedback .feedbackPOP  .addtoggle {top: 0;}
.panel-title> span.panel-title-right > span.panel-title-right-feedback .feedbackPOP {position: inherit;float: right;}
.panel-title> span.panel-title-right > span.panel-title-right-feedback .feedbackPOP .addtoggle span.glyphicon-menu-hamburger.dropdown-toggle.page-content {width: auto;font-size: 13px;}
.panel-heading.panel-new-head {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.empty-item-box {border: 2px dotted #ccc;margin: 5px;background: #f5f5f5;padding: 10px;text-align: center;}

/****** Custom CSS ********/
.popover {min-width: auto;max-width:300px;width: max-content;font-size: 13px;}
.justify-start {justify-content: flex-start;}
.align-start{align-items: flex-start;}
.justify-center {justify-content: center;}
.justify-space {justify-content: space-between;}
ul.configuration-features li {display: inline-block;width: 33%;}
.fa {cursor: pointer;}
span.input-addon-icon:hover {background: #dddbdb;}
span.input-addon-icon {position: absolute;top: 41.5%;right: 1px;background: #e5e5e5;height: 28px;cursor: pointer;line-height: 28px;text-align: center;padding: 0 5px;}
#additempopup span.input-addon-icon {top: 42%;}
a.input-addon-selectedText { width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;}
.input-addon-selectedText-DeleteIcon {position: absolute;float: right;right: 28px;}
.modal-content fieldset input[type=text]:not(.sp-peoplepicker-editorInput) {width: 100%;}
/* .modal.Z-index1051 {z-index: 1051 !important;} */
.common_comment ol{padding-left: 5px !important;}
.rounded-0 {border-radius:0px !important;}
.ComntBox-height {max-height: 200px;overflow-y: scroll;}
#relative-box .panel-body {padding: 5px !important;}
.wd-breakfile{word-break: break-word;}
.break_url, .word_break{word-break: break-all;}
.container-new #Links {word-break: break-all !important;}
.container-new td a {word-break: break-all;letter-spacing: 0;}
.container-new td {word-break: break-all !important;}
#contacttabs td {word-break: break-all;}
.StrikeWord {text-decoration: line-through;}
.member-userImg {width: 35px;height: 35px;border: 1px solid #ccc;border-radius: 100%;}
.member-userImg img {width: 100%;border-radius: 100%;height: 33px;}
.resposbaluser, .responsibility-user-img {text-align: center;}
.resposbaluser img {width: 100%;width: 35px;height: 35px;border-radius: 100%;}
.IsStaticPageSmartHtml{display: block;}
.IsdynamicPageSmartHtml{display: none;}
table td>div.pagecontent {position: relative;}
.IsStaticPageSmartHtml img {position: absolute;top: 5px;width: 35px;right: 20px;}
.d-flex > input[type="file"] {line-height: 26px;}
.form-control {border-radius: 0px !important;height: 30px !important;padding: 2px 6px!important;}
.form-control-static {padding-left: 7px;}
.responsibility-user-img img{width: 100%;width: 24px;height: 24px;border-radius: 100%;}
input[type=search] {padding: 0 7px;}
.fr-box.fr-basic.fr-top .fr-wrapper {border-radius: 0px !important;}

/* .eda-groups .ms-rtestate-field ul:not([class]):not([id]) > li::before {content: "\f111";font-family: FontAwesome;display: inline-block;margin-left: -2em;width: 1.3em;color: #000;font-size: 6px !important;position: relative;top: -2px;padding: 0px 0px 4px 0px;margin-right: 5px;height: 100%;} */
.eda-groups .ms-rtestate-field ul:not([class]):not([id]) > li::before {content: "–";display: inline-block;margin-left: -2em;width: 1.3em;color: #000;font-size: 10px !important;position: relative;top: -2px;padding: 0px 0px 4px 0px;margin-right: 5px;height: 100%;}
/* ----------------------------------------------------------------
	Modal Classes
-----------------------------------------------------------------*/
.modal {opacity: 1 !important;overflow: auto;}
.modal-lg, #modalAllCovers .modal-dialog  {width: 1250px !important;}
.modal-dialog { left: 0px !important; margin: 30px auto !important;}
.modal-title h3 {font-weight: bold;margin-top: 3px;font-size: 18px !important;padding-left: 5px; margin-bottom:3px;}
.modal-content {border-radius: 0px !important;border: none !important;}
.modal-backdrop.in {display: none;}
.modal-header .close {font-size: 21px;opacity: 1;padding: 0 5px;text-align: right;flex: auto;line-height: 28px;} 
.modal-header span.glyphicon-menu-hamburger.dropdown-toggle.page-content {/* top: 0;bottom: 0; */ margin: 0;right: 0;}
.modal-body {padding: 10px 10px !important;}
.modal-footer {padding: 10px 10px !important;font-size: 12px;margin-top: 0px !important;display: flex;align-items: center;justify-content: flex-end;}
.modal-footer .btn+.btn {margin-bottom: 0;}
.modal-dialog.modal-sm {width: 500px !important;}
.modal-dialog.modal-750 {width: 750px !important;}
.modal-dialog.modal-md {width: 910px !important;}
.modal-dialog.modal-lg {width: 1250px !important;}
.modal-dialog.modal-lg .divPanelBody {height: 600px;overflow-y:auto !important;}
.modal-dialog.modal-lg .fixed-divPanelBody {height: 600px;overflow-y:auto; display: inline-table;width:100%;}
.modal.fade .modal-dialog {transform: translate(0,0%) !important;-webkit-transform: translate(0,-0%); -ms-transform: translate(0,-0%); transform: translate(0,-0%);}
.modal.in .modal-dialog {-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}
.modal-header {background: #fff !important;padding: 10px 10px !important;}
.modal-content .panel-title button.close { margin-top: -5px;opacity: .5;margin-left: 5px;font-size: 24px;}
.modal-new {width: 800px;}/*** out of box popup editor****/
.modal-help {width:64%;}
.modal-body.tab-content.help {max-height: 600px;overflow: auto;}
.modal .link-dialog .close span {font-size: 21px;float: right;margin-right: 6px;margin-top: 0px;}
.modal.link-dialog .modal-body {padding: 15px !important;}
/* #modalAllCovers .modal-body {height: 550px;overflow: auto;margin-top: 32px;} */
/* #modalAllCovers .modal-footer {margin-top: 29px;} */
#editContact .modal-body {padding: 0 0px !important;}
#PnlAddSiteOwner .modal-body {overflow-x: inherit;}
#replaceExistingImage .modal-body, .replaceExistingImage .modal-body {background-color: #f5f5f5;}
#SmartTaxonomyPopup .modal-dialog, #SmartMetadataPopup .modal-dialog {width: 1000px !important;}
#SmartTaxonomyPopup .modal-body, #SmartMetadataPopup .modal-body, #SmartMetadataPopupnew .modal-body {min-height: 500px;background: #f5f5f5;overflow-y: hidden; overflow-x:hidden;}#page {padding-right: 10px;}
#selectProjectsPopUp .modal-dialog .modal-content .modal-body {max-height: 450px;overflow-y: auto;overflow-x: hidden;}
.tiles_image div.col-sm-3 > div.modal {text-decoration: none;color: black;position: absolute;left: 100%;top: 0;display: block;padding: 0 20px;max-width: 276px !important;width: 100% !important;}
/* #EditTeamTaskId .modal-body {padding: 0 5px !important;overflow: inherit;} */
.modal-content .modal-body table tbody>tr>td {vertical-align: middle;padding: 2px 8px;font-size: 1em;}
#AddSmartfaviratesfilterpoup .modal-content .modal-body table tbody>tr>td {vertical-align: middle;}
#AddSmartfaviratesfilterpoup table.indicator_search td > div {margin-bottom: 5px;border-bottom: 1px dashed #ccc;padding-bottom: 0px;padding-left: 0px !important;padding-right: 0px !important;min-height: 130px;margin-top: 5px;}
.modal-title {width: 100%;}
/* .modal-content span {font-size: 13px;} */
button.close:hover {background: transparent;}
.modal-header h3.modal-title {font-size:18px !important;line-height: 26px;width: 100%;text-align: left;font-weight: 700;padding: 0;}
.modal-header {border-bottom: 1px solid transparent !important;padding: 1rem !important;min-height: auto;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem 1rem;}
.modal-content .modal-body table.indicator_search tbody>tr>td {vertical-align: top;}
.modal-content .modal-body table.indicator_search td fieldset legend span input[type=checkbox] {margin: 0 10px 5px 0 !important;}
.modal-body .tabBox .fr-box.fr-basic .fr-element li {border-left: none;}
.PortfolioComponentPopup .modal-header span.glyphicon-menu-hamburger.dropdown-toggle.page-content {top: 2px;}
.PortfolioComponentPopup ul.DisplayInline.breadcurmclr > li:last-child a {margin-right: 0;}
.PortfolioComponentPopup ul.DisplayInline.breadcurmclr > li a {padding-left: 7px;padding-right: 5px;}
.PortfolioComponentPopup span.input-addon-icon {top: 42.5%;}
/*Feedback POP*/
.modal-header .feedbackPOP .dropdown>ul.dropdown-menu.dropdown-menu-right.add li#li-brdr {width: 100% !important;display: flex;}
.feedbackPOP .dropdown > ul.dropdown-menu.dropdown-menu-right.onhover {min-width: 100%;width: 950px;clear: both;right: 0;z-index: 999;top: 13px;padding: 10px 0px;margin-top: 0px;margin-right: 3px;left: auto;border-radius: 0px;}
.feedbackPOP .dropdown > ul.dropdown-menu.dropdown-menu-right.onhover.active {display: block !important;}
#feedbackPOPStick {padding: 0;margin: 0;z-index: 999;}
#feedbackPOPStick .feedback-mega-content {background: #f5f5f5;padding: 10px 0;}
#feedbackPOPStick .feedback-mega-content ul.dropdown-mega-sub-feedback li a.dropdown-item:hover {background: none;}
#feedbackPOPStick ul.dropdown-mega-sub-feedback li { padding: 5px 0px;}
#feedbackPOPStick ul.dropdown-mega-sub-feedback li a.dropdown-item.hreflink {color: #444444 !important;font-weight: 500;font-family: 'Segoe UI';font-size: 13px;}
#feedbackPOPStick ul.dropdown-mega-sub-feedback {padding: 0;}
#feedbackPOPStick ul.dropdown-mega-sub-feedback li:last-child {border-bottom: none;}
#Sectorgroup .table {margin-bottom: 0px;}
/* ----------------------------------------------------------------
	Table Classes
-----------------------------------------------------------------*/
td {font-size: 13px;} 
td.phase-td {background: #f5f5f5;}
.tdrows {border-top: 1px solid #f2f2f2 !important; background-color: #fff   !important; }
.User-imgText {display: inline-block;width: 28px;height: 28px;background: #cccccc;border-radius: 25px;font-size: 11px;margin-bottom: 0px;text-align: center;font-weight: 700;line-height: 28px;}
/* ----------------------------------------------------------------
	Accordion Classes
-----------------------------------------------------------------*/
/***************** Navigation bar style**********************/
/* #accordion li {background: url("images/whitearrow.png") no-repeat scroll 89% 11px;color: #282c2e;cursor: pointer;display: block;font-weight: bold;line-height: 21px;list-style: outside none circle;margin: 1px;padding: 5px 5px 5px 7px;} */
#accordion li {color: #282c2e;cursor: pointer;display: block;font-weight: bold;line-height: 21px;list-style: outside none circle;margin: 2px 0px;padding: 5px 5px 5px 7px;}
#accordion .addtoggle {background: none;}
#accordion ul.dropdown-menu.dropdown-menu-right li {background: #ffffff;padding: 2px 3px;}
#accordion ul.dropdown-menu.dropdown-menu-right li #edit-text {color: #000000 !important;font-weight: 100;padding: 0px 0px;font-size: 12px;margin-left: 0px;background: none;}
#accordion ul {list-style: none;padding: 0 0 0 0;display: none; margin-left:0px;}
/* #accordion ul li {font-weight: normal;cursor: auto;background: url(images/libg.png);padding: 0 0 0 7px;} */
#accordion ul li {font-weight: normal;cursor: auto;background: #f5f5f5;}
/* #accordion a {background: rgba(0, 0, 0, 0) url("images/liarrow.png") no-repeat scroll left center;padding-left: 20px;text-decoration: none;font-weight: bold;} */
#accordion a {text-decoration: none;font-weight: bold;}
#accordion a:hover {text-decoration: underline;}

/****accordian-toggle-box*****/
.accordion-toggle:hover {text-decoration: none;}.toggle-box-content {display: none;}
.toggle-box-content + label {display: block;}
.toggle-box-content + label + div {display: none;}
.toggle-box-content + label {cursor: pointer;display: block;font-weight: bold;line-height: 21px;margin-bottom: 5px;}
.toggle-box-content + label + div {display: none;margin-bottom: 10px;}
.toggle-box-content:checked + label + div {display: block;}
.toggle-box-content + label:before {font-family: AdminCH_Symbols;content: ':';font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;margin-right: .6146em;}
.toggle-box-content:checked + label:before {content: ',';margin-right: .3846em;}
.accordin-header{margin: 0 0 5px;background-color: #f5f5f5;padding: 10px;border:1px solid #ddd;}
.accordin-content {margin-left: 14px;}
#manageconfigurationpopup .accordin-content {margin-left: 0px;}
.accordin-content p img {max-width: 100% !important;}
.edit_pop-up td {padding: 10px !important;font-size: 13px;}
.accordin-glyph .direction-arrow {position: absolute !important;top: -2px !important;right: 38px;}#SharewebUntaggingItem {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;z-index: 99;text-align: center;background: #fff;}

/* --------------------------------------------------------------
	Tooltip CSS
-----------------------------------------------------------------*/
.tooltipte.tooltipscrnsize span.tooltiptext.right {left: auto;}
#inputTableHeaderTooltip span.tooltiptext.right:before {border-color: transparent transparent transparent #ffffff;}
/* ----------------------------------------------------------------
	Display Property CSS 
-----------------------------------------------------------------*/
/*****************Display None******************/
#breadcrumb, #DeltaTopNavigation, #DeltaPlaceHolderPageTitleInTitleArea, #mainnav, #removeImage, .hnav .removeImage, .ms-pivotControl-container, .displayLabel, #DeltaPageStatusBar, #pageContentTitle, .AllOverView-header #identifier-0:checked+label+div { display: none;}
.tooltiptext.detailhoverbox:before, .iFrameDiv .pageviewiFrame #WebApplicationFrame .Safari.Windows.usehover .pptWebContainer .AppHeader.Panel .cui-ribbonTopBars, .cui-tabBody, .cui-cg-i, .cui-ct-ul, .cui-tabContainer {display:none !important;}
/*****************Display Inline-block******************/
.top-assign, .marginRTeam {display: inline-block;}
.intro {display:block !important;}
.sharewebInstitution .table {margin-bottom: 0px;}
#itemtabs #froalaPopupId td{ border-top:2px solid #dddddd!important;  border-bottom:2px solid #dddddd!important;}
#itemtabs #froalaPopupId tr{ border-right:2px solid #dddddd!important;  border-left:2px solid #dddddd!important;}
.fr-toolbar .fr-command.fr-btn i {padding: 0px;border: none;}
.page-content {height:10px !important;}
.fr-editorImage, .fr-editorPresentation {min-width: 54%;margin-left: 22%;}
#pageContent .ExternalClassBA61247B914F49FA8D9F117A15A2274B ul li{color: #808080;font-size: 1.2em;margin-left: 15px !important;line-height: 1.5;}
div#CSDocuments {padding: 0px;}
/* #CSDocuments .table > thead .searchclear {top: 0px;margin: 18px auto;} */
#EditProjectItemId span.glyphicon-menu-hamburger.dropdown-toggle.page-content {margin-top: 4px;margin-right: 10px;}
#EditProjectItemId button.close {font-size: 26px;}
span.glyphicon-menu-hamburger.dropdown-toggle.page-content {z-index: 9;padding-left: 0px;text-align: right;width: 30px;font-size: 14px;bottom: 11px;right: 2px;top: 2px;}
/* .modal span.glyphicon-menu-hamburger.dropdown-toggle.page-content {top: 0px;} */
div#editContact .modal-lg .divPanelBody {overflow: hidden;min-height: 600px;}
#EditSharewebItemId .exTab3 .nav-pills {height: 37px;}
#EditSharewebItemId .left-section .exTab3 .nav-pills {height: auto;}
#EditSharewebItemId #itemtabs td {border-top: none;}
.ItemInfo {padding-left: 5px; padding-top: 10px;}
#editNewsDescriptionbody ul {padding: 0 0 0 1.5em;}
.DashboardpublicationItem {margin: 3px 22px 8px 14px; border-radius: 0px; border: 1px solid #d5d5d5;overflow-x: hidden !important;box-shadow: 0 7px 10px #cccccc;background: #fff}
.AssignUserPhoto .TeamPad{padding: 0px 0px!important; height: 30px!important;width: 30px !important;}
.AssignUserPhoto.UserTableTeam{height: 22px!important;width: 22px !important; object-fit: cover;}
div#idEvents .table tbody>tr>td {padding: 4px 0px 4px 6px;}
div#idEvents .ForMoreInfoWebpart_Table tbody>tr>td {padding:4px 4px;}
.toAlignListElmntOnPage ol li{font-size: 13px;margin: 1.5em 0 0;padding: 0 0 0 0.5em; list-style-position: inside;}
.toAlignListElmntOnPage .accordin-content ul li {border-left: 1px solid transparent; font-size:13px;}
.toAlignListElmntOnPage ul.nav.nav-pills { margin-left: 0px;}
.fr-quick-insert {position: absolute;z-index: 2147483639;white-space: nowrap;padding-right: 2px;margin-left: 13px !important;}
.forFullScreenButton.fr-box.fr-fullscreen, .forFullScreenButton1.fr-box.fr-fullscreen {margin: 0 auto!important;position: fixed;width: 1250px !important;}
#pageContent > ul li, #pageContent > ol li {font-size: 13px;margin-left: 15px !important;margin-top: 10px;line-height: 18px;}
#togglenav {visibility: hidden;}
.ItemInfo {float: left;font-size: 12px;text-align: left;}
.main-folder img {width: 24px;padding-right: 7px;}
.note-popover.popover .popover-content a {display: table-caption !important;max-width: 600px !important;white-space: initial !important;overflow: initial !important;}
.ngViewport.ng-scope {height: auto !important;overflow-y: hidden;}
.note-editable {max-height: 600px !important;}
.note-editor .note-editable {font-family:"Segoe UI" !important; font-size: 13px !important;padding: 7px !important;}
.note-editor.note-frame.fullscreen {position: fixed;top: 30px;left: 10px;z-index: 1050;width: 98% !important;}
.ms-dialog #s4-bodyContainer {width: 97% !important;}
.cs-document{ color:#000;margin-top: 5px !important;}
td.child-staff-td {padding: 8px 0 8px 16px !important;}
label {margin-bottom: 0px !important;font-size: 13px;font-family:"Segoe UI";}
.searchclear {position: absolute;right: 22px;bottom: 22px;height: 14px;margin: auto;font-size: 14px;cursor: pointer;color: #ccc;top: 16px;line-height: 14px;}
#SharewebAddAndConnectToolId span.searchclear {top: 0;bottom: 0;margin:8px;}
.morecovers {width: 110px;height: 150px;padding: 0px;border: 1px solid #a6a6a6;float: left;}
.preview > .morecoverselect {width: 110px;height: 150px;padding: 0px;border: 2px solid #dc0018;}
.coverimage {width: 100px;height: 115px;padding: 0px;border: 1px solid #a6a6a6;}
.PageImages {width: 140px !important;height: 150px;padding: 0px;border: 1px solid #a6a6a6;}
.iconimgselect {width: 47px !important;height: 48px !important;padding: 0px;border: 2px solid #dc0018 !important;}
.iconimg .view_more_img {border: none !important;max-width: 100px !important;box-shadow: none !important;}
.preview > .coverimageselect {padding: 0px;border: 2px solid #dc0018;width: 110px;height: 115px;}
img#selectedimage {width: 100%;border: 1px solid #d5d5d5;box-shadow: 2px 3px 2px 0 #d5d5d5;margin-bottom: 3px;margin-top: 4px;}
#preview {position: absolute;background: #555;padding: 5px;display: none;color: #fff;z-index: 99999;float: left;max-width: 573px;border: 1px solid #000;}
.logo-imgg {width: 100px; height: 100px;padding: 0px;border: 1px solid #a6a6a6;}
.preview > .logo-imggselect {width: 110px;height: 100px;padding: 0px;border: 2px solid #dc0018;}
.pageimage {width: 148px !important; height: 150px;padding: 0px;border: 1px solid #a6a6a6;}
.preview > .approveimageselect {padding: 0px;border: 2px solid #dc0018;width: 110px;height: 115px;}
/* #pageImages > img {width: 148px;} */
#iconImages .img-bottom > .setting-icon {width: 10px;height: 10px;}
.preview > .pageimageselect {width: 140px;height: 150px;padding: 0px;border: 2px solid #dc0018;}
.view_more_img {border: none !important;max-width: 100px !important;box-shadow: none !important;}
.coverImagesPopup {width: 100px;height: 150px;padding: 0px;border: 2px solid #dc0018;}
#coverImagesPopup li {border: 1px solid transparent !important;}
#image_tab_height {height: 300px;}
#iconImages img {width: 47px;height: 48px;padding: 0px;border: 1px solid #a6a6a6;}
.divPanelBody {width: 100%;overflow: hidden;vertical-align: middle;margin: 0 auto;overflow-x:hidden;}
.choicelabel {font-weight: bold;border-bottom: 2px solid #ddd;padding-bottom: 10px;padding-top: 7px;}
.ms-inputBox {border-radius: 0px;min-height: 35px;border: 1px solid transparent !important;}
#table-popUpscroll {max-height: 420px;overflow-y: auto;overflow-x: hidden;min-height: 520px;}
.pipeseperator {font-weight: bold;font-size: 16px;margin: 8px 0;}
ul li.pipeseperator input[type="checkbox"] {margin-right: 5px !important;}
.tab_border {border-left: 1px solid rgba(0,0,0,0.2);border-right: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);}
/******thats important is for add user ui-complete*****/
.NewsletterCheckbox {margin: 0 !important;}
.ms-dialog select, .ms-dialog textarea, .ms-dialog input[type="text"], .ms-dialog input[type="password"] {height: 35px !important;}
.radio, .checkbox {padding-left: 0px !important;margin-top: 0px !important; margin-bottom:0px !important;}
.SharewebItemHeader {font-weight: bold;font-size: 18px;color: #069;}
.tabdetail img {margin-right: 5px;}
.popupwidth {width: 1000px;}
.link-tab {padding: 0;}
.folder-icon {height: 20px;}
.more-options li {display: inline-block !important;}
.options {margin-top: 5px;}
.left-section {padding-right: 0px;margin-top: 46px; z-index:999;}
.logo-images > img {height: 170px;margin-bottom: 10px;margin-left: 5px;margin-right: 5px;width: 219px;border: 1px solid #ccc;}
.logo-images > img.active {border: 2px solid #ff0000;}
.padding-left img {height: 14px;}
.view-all {padding-top: 4px;width: 88px !important;float: right; padding-right:0px;}
/*****************start image tab Style******************/
.inner-tab .ng-pristine.ng-valid.ng-touched {background: #f6f6f6 none repeat scroll 0 0;color: #4a4a4a;text-align: center;text-decoration: none;}
.inner-tabb {padding-top: 6px;}
.inner-tabb .nav.nav-tabs {border-bottom: none;}
#img-part .pad_tab-content {padding: 10px 7px;margin-bottom: 10px; min-height: 465px;}
.inner-tab .tab-content.padLR {border-bottom: 1px solid #ffffff;border-top: 1px solid #ffffff;}
.inner-tabb a:focus {outline: medium none;outline-offset: -2px;}
.inner-tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: #ffffff none repeat scroll 0 0;border-color: #dddddd #ffffff #ffffff #dddddd;border-right: 1px solid #dddddd;}
#fixedHieght .full_width {padding: 10px 0;}
.inner-tabb li a {background: #f6f6f6 none repeat scroll 0 0;font-size: 14px;margin: 0 0px;border: 1px solid #ccc;}
.dropbox {border: 2px dashed #bbb;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 23px;text-align: center;color: #bbb;margin-top: 8px;height: 57px;margin-bottom: 7px;}
.dashboard .dropbox {border: 2px dashed #bbb;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 10px;text-align: center;color: #bbb;}
.dropbox span {display: block;font-family:"Segoe UI";font-size: 15px;}
.Drop_width {width: 95%;float: left;}
.column-width {width: 5%;float: right;padding-top: 19px;}
.dropbox.not-available {background-color: #F88;}
.dropbox.over {background-color: #bfb;}
#imginfo {margin: 0;padding: 0;}
.form-group.search-image {padding-left: 2px;padding-right: 1px;}
.publicationItem:first-child {margin-top: 15px;}
.publicationItem {margin: 15px 5px 15px 5px;border-radius: 0px;border: 1px solid #d5d5d5;box-shadow: 0 7px 10px #cccccc;background:#fff;}
#s4-titlerow {z-index: 1 !important;}
#s4-bodyContainer #s4-titlerow > header > ul.dropdowns > li.people-search .ms-srch-sb-searchLink {bottom: 17px !important;}
#s4-bodyContainer #s4-titlerow > header > ul.dropdowns > li.people-search .ms-srch-sb-searchLink {bottom: 2px !important;}
ul.featured_profile_lists {list-style-type: disc;padding-left: 20px;}
/************* links color *************/
.sub-menu a:hover {color: #ffffff !important;text-decoration: none;}
a.pull-right.morelink {color: #000 !important;padding-top: 5px;font-size: 12px;}
.ms-rtestate-field p, p.edaElement-P {font-size: 13px !important;font-family:"Segoe UI" !important;}
.subfilter {/*left: 3px;position: relative; width: 270px;*/width:100%;margin-left:3px;font-size: 12px;margin-bottom:0px;}.subfilter li {list-style: none;}
.newstitle {font-family:"Segoe UI";line-height: 1.2;margin: 0 0 11px;font-size: 22px;padding-top: 10px;}
#sharewebprogressbar, #globalProgressbar, #ReplaceExistingDocumentprogressbar, #DragDropsharewebprogressbar, #CopyPasteuploadImage{width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;z-index: 99;background-color: #fff;text-align: center;}
#sharewebprogressbar-image {position: absolute;top: 50%;left: 45%;z-index: 100;width: 110px;}
.divPanelBody #main-menu {width: 34% !important;padding-left: 15px; margin-top: 2px;}
.setting-icon {height: 12px;padding: 0 3px;margin: 3px 2px;}
/**new image changes**/
pre {display: block;font-size: 13px;padding: 5px;background: #e3f4f9;margin: .4em 0;overflow: auto;width: 700px;}
.preview > img {width: 110px;border: 1px solid #ccc;}
#pageImages .preview>img, #pageImages .img-bottom {width: 140px;}
.inner-tabb li a.preview {border: none !important;}
.imageinfo-gallery .ap-title {color:#fff; padding-left:5px}
.imageinfo-gallery .img-bottom, .imageinfo-gallery .icon-list .img-bottom { position: absolute;background-color: rgb(0 0 0 / 34%);width: -webkit-fill-available;z-index: 1;bottom: 0px;cursor: pointer;}
#preview > img {max-width: 558px;display: block;clear: both;}
.preview {border: none !important;}
.imageinfo-gallery > li {list-style: none;float: left;margin-right: 5px;margin-bottom: 5px;background-color: #555;position: relative;}
/* .logos-list > .img-bottom {opacity: 0.6;bottom: 0px;} */
/* .images-list > .img-bottom {opacity: 0.6;width: 148px;bottom: 0px;} */
.replaceExistingImage .borderr {border: 1px solid #ccc;}
.img-bottom-desc {font-size: 14px;word-break: break-word;}
#coverImagesPopup {margin-top: 10px;}
.table > thead .searchclear {right: 14px;top: 19px;}
.inner-tabb li a {border: 1px solid transparent !important;}
.inner-tabb .gallery ul.imageinfo-gallery li a {border: 0px !important;background: transparent;}
/******************************************GENDER****************************************/
.pagecontent {background-color: #fff;opacity: 0.9;padding-right: 0.8em;padding: 5px;}
.pagetitleheaderborderless{font-family:"Segoe UI";font-weight: 400;line-height: 1.2;font-size: 23px;padding-left: 10px;border-left:transparent;padding-top: 15px;padding-bottom: 10px;border-right:transparent;}
.pagetitleheader{font-family:"Segoe UI";font-weight: 400;line-height: 1.2;font-size: 23px;padding-left: 10px;border-left:none;padding-top: 5px;padding-bottom: 10px;border-right:none;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.Custom-pagetitleheader {font-family: "Segoe UI";font-weight: 400;line-height: 1.2;font-size: 23px;}
.flex-item .flex-container {margin-left: 5px;padding-top: 0px;padding-right: 10px;}
.spotlighttitle {font-family:"Segoe UI";font-weight: 400;line-height: 1.2;margin: 8px 0px 0px;font-size: 18px;}
.eventtitle {font-family:"Segoe UI";font-weight: 400;line-height: 1.2;margin: 0 0 11px;font-size: 15px;}
.tabdetail {font-size: 13px;line-height: 1.5;font-family:"Segoe UI"!important;margin: 0px !important;}
.tabdetail p, .tabdetail div, .tabdetail font {font-size: 13px !important;line-height: 1.5 !important;margin: 0 0 6px !important;font-family:"Segoe UI"!important; padding: 2px 3px;}
/* .tabdetail  .toAlignListElmntOnPage p{padding: 2px 3px;} */
news-home-component .tabdetail p, news-home-component .tabdetail div, news-home-component .tabdetail font{padding: 0;}
.tabwptitle {padding: 10px 0 5px 0;}
.tabwptitle a {font-size: 23px;}
.ms-webpart-titleText {font-size: 16px !important;font-weight: 700;}
.pagetile {float: left;padding: 5px;width: 48px;}
.pagetile img {height: 100%;width: 100%;}
/***********GENDER popup********/
.left-imagepopup .note-editor.note-frame, .left-imagepopup .preview>img { width: 100% !important;}
.flagstyle {height: 14px;padding-bottom: 2px;}
/******Edit header-font*********/
.fr-dropdown-list h1, .fr-dropdown-list h2 {font-size: 15px !important;font-weight: 600;}
.fr-dropdown-list h3, .fr-dropdown-list h4 {font-size: 14px !important;	font-weight: 600;}
.fr-dropdown-list h5, .fr-dropdown-list h6 {font-weight: 600;}
/******end edit editor header-font******/
body .ms-webpart-titleText.ms-webpart-titleText {margin-top: 0px !important;padding-bottom: 5px !important;}
blockquote ul li, blockquote ol li {font-size: inherit !important;line-height: inherit !important;margin-left: 0.8em;}
.noitems {padding: 20px;}
.lstevents {font-size: 13px !important;line-height: 1.2 !important;}
#imgCountry {float: left;padding-right: 5px;height: 16px;}
.headertab {background: lightgrey none repeat scroll 0 0;display: block;padding: 5px;width: 100%;opacity: .85;}
.bullets {background: url("images/bullet.png") 0px 6px no-repeat !important;padding: 0px 0 0 15px !important;}
/******CEPteamprofile****/
.memberprofiles {padding-bottom: 8px;box-sizing: border-box;box-shadow: 0 0 10px #d7d7d7;transition: box-shadow 1s;margin-bottom: 20px;float: left;background: #fff;min-height: 200px;min-height: 160px; width: 100%;margin-left: 4px; margin-right:7px;}
.memberprofiles .ttl {display: block;color: #fff;font-size: 12px;font-weight: bold;padding: 4px 0 4px 4px;margin: 0px 0 8px 0;}
.memberprofiles span img {width: 60px;height: 60px;float: left;margin: 0px 8px 0px 8px;object-fit: cover;}
.memberprofiles .name {font-size: 13px;color: #006699;display: block;font-weight: 600;}
.memberprofiles .comp {font-size: 12px;color: #444;display: block;line-height: 19px;}
.memberprofiles .dept {font-size: 12px;color: #999;display: block;}
.memberprofiles .dept {padding-left: 9px;padding-right: 7px;text-align: -webkit-auto;}
.memberprofiles:hover {box-shadow: 0 0 10px #9f9f9f;}
.cardProfile .memberprofiles {width: 24%;}
/***/
.dfwp-item .groupheader {font-size: 24px !important;background: rgba(181, 181, 181, 0.3);margin-bottom: 24px;margin-top: 24px;color: #006699;}
.EIItemStyle {padding: 5px;border-bottom: 1px solid #d5d5d5;font-size: 13px !important;}
.comment-scroll ul#accordion {padding: 0px;}
.divPanelBody #main-menu > li {display: inherit !important;border-left: 1px solid #ccc;background: #fff;position: initial !important;min-height: 0px;padding: 0px;}
#SmartMetadataPopup .divPanelBody #main-menu > li > a {display: block;padding: 7px;}
.divPanelBody ul.sub-menu {left: 174px !important;top: 0px !important;}
/******************starting use for gradient tabs**********************/
.exTab3 {background-clip: content-box;outline: 0 none;padding: 0; clear:both;}
.left-section .exTab3 {box-shadow: none !important;border: none !important;}
.left-section .exTab3 .nav-pills > li {border-right: none !important;background-color: #ffffff;background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(0, 0, 0, 0.05) 100%) !important;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%) !important;background-image: -ms-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%) !important;border-top: none;}
.exTab3 .nav-pills > li {border-right: 1px solid #cccccc;box-sizing: border-box;border-radius: 0px;text-align: center;text-transform: uppercase;color: #006699 !important;float: left;height: 36px;background-color: #ffffff;border-top: 1px solid #ccc;background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(0, 0, 0, 0.05) 100%) !important;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%) !important;background-image: -ms-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%) !important;margin-bottom: 0px;}
.ui-tabs .ui-tabs-nav li a {float: left;/*padding: .7em .65em;*/text-decoration: none;font-weight: 200;}
.ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top {border: 1px solid #ccc;background-color: #ffffff !important;background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(0, 0, 0, 0.05) 100%) !important;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%) !important;background-image: -ms-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%) !important;padding: 2px 0px !important;}
.exTab3 .nav-pills > li > a:hover {background: transparent;}
.exTab3 .nav-pills {border-bottom: 1px solid #cccccc;box-sizing: border-box;}
.left-section .exTab3 .nav-pills {background: transparent !important;border-bottom: none !important;}
li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {background: #f5f5f5 !important;}
.news-tabs li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {background: #fff !important;}
.exTab3 .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {border-bottom: 0 none;filter: none;color: #000 !important;background:#f5f5f5 !important;}
.exTab3 .tabheight {color: #333333;background-color: #f5f5f5 !important;padding: 1em 0 !important;}
li.Tab-length.active {border-top: 1px solid #ccc !important;}
.ui-tabs {padding: 0 !important;}
.tdrow {background-color: #fff !important;border: 2px solid #eee !important;}
.imageinfo_border {border-left: 1px solid #ccc !important;border-right: 1px solid #ccc !important;border-bottom: 1px solid #ccc !important;}
.tab-content #imginfo {background: #f5f5f5 !important;margin-top: -2px !important;}
.tab-content {background: #f5f5f5;}
.fixed-scroll-connecting_image_items {height: 262px;overflow: auto;border: 1px solid #ccc;background: #fff;}
/******************ending use for gradient tabs**********************/
#tabs.ui-tabs .ui-tabs-panel {background: #f5f5f5 !important; }
#tabs .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #f5f5f5 !important;}
.Edit_smart .nav > li > a {position: relative;display: block;padding: 9px 15px;font-size: 13px;}
.Tab-length {width: 101% !important;margin-bottom: -1px;background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(0, 0, 0, 0.05) 100%);background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);background-image: -ms-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);}
#img-part .nav-stacked {background: #eee !important;}
.gallery {padding: 10px 5px;position: relative;}
#img-part .left-section .exTab3 .nav-pills > li.active > a {margin-right: 1px !important;border-right: 1px solid transparent !important;border-top: 1px solid transparent !important;border-right: none;border-bottom: 1px solid #ccc;padding: 7px 15px;color: #000000 !important; z-index:9999;}
#img-part .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {margin-right: 0px !important;border-color: transparent;background: #f5f5f5 !important;border-radius: 0px !important;color: #000000 !important;}
#img-part .nav-pills > li > a, .nav-pills > li > a:focus, .nav-pills > a:hover {background: transparent !important;text-align: center;border-radius: 0px;}
.left-section .nav-pills > li > a, .nav-pills > a:hover {border: 1px solid #ccc !important;}
#img-part, #img-part .nav-stacked > li {margin-bottom: 10px;}
#img-part .left-section > ul.nav-stacked {background: #ffffff none repeat scroll 0 0;}
#img-part .nav-tabs {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
#img-part .nav-stacked {padding: 0;}
#img-part .box {padding: 0;}
.box {height: 30px;border: 1px solid #ababab;background-color: rgba( 255,255,255,0.85 );color: #444;}
#img-part .tab-content {background: #f5f5f5 none repeat scroll 0 0;margin-bottom: 5px;}
#img-part .tab-pane.active {margin-top: 5px;}
.exTab3 > .pad_tab-content .panel-body {height: 430px;overflow-y: auto; overflow-x: hidden;}
.exTab3 > #imginfo {margin-top: -2px !important;}
#img-part .nav-pills > li.active > a {margin-right: 0px !important;padding-bottom: 8px !important;}
.left-section .pdf_icon {margin: 0 -3px;}
/******************dropdowm**********************/
.dropdown > ul.dropdown-menu.dropdown-menu-right.add {min-width: 185px;left: -170px;z-index: 9999;top: 13px;padding: 0px; margin-top: 0px; margin-right:3px;}
#li-brdr {border-bottom: 1px solid #d5d5d5;list-style: none !important;}
#font-icon {font-size: 11px;margin-right: 6px;}
#edit-text {font-size: 12px;text-decoration: none;color: black !important;padding: 3px;font-weight: 600;}
.dropdown-menu > li > a {display: block;}
#edit-text:hover {text-decoration: none !important; background: transparent !important;}
#li-brdr:hover {background-color: #eee !important;}
/**image-section**/
#imagedetail, .imagedetail {width: 128px;padding-left: 11px;float: left;}
#imagedetail img, .imagedetail img {border: 1px solid #d5d5d5;box-shadow: 2px 3px 2px 0 #d5d5d5;width: 105px !important;}
#marg-p {padding: 0 15px 8px 20px;width: auto;text-align: left;font-size: 13px !important;}
#marg-p li {list-style-position: inside;}
/************************pop up*********************/
.panel {border-radius: 0px !important;}
.panel.panel-default {border: 1px solid #ccc;}
/*****************content-page****************/
blockquote {font-size: 13px !important;}
.plus-icon {cursor: pointer;margin-right: 1px;}
.plus-icon img {margin-top: -5px;margin-right: -5px;margin-left: -8px;}
.hreflink {cursor: pointer;}
.smartmeta_manage {max-height: 211px;overflow-y: auto;}
.filetree span.folder, .filetree span.file {padding: 1px 0 1px 20px !important;display: inline !important;} /**Associate-folder**/
/**Project Table parent child**/
.JointContactProfile-staffwidth {width: 99%;}
.Jointcontact_Profile > tbody > .contact_active > td {background: #e6e6e6 !important}
.Jointcontact_Profile .subcontacts > tbody>tr>td {border-top: none !important;padding:0px 0px 0px 14px;}
.Jointcontact_Profile {margin-bottom: 0px !important;width: 99.5%;margin-left: 4px;}
.sub_contacts {background:#f2f2f2; padding: 0 11px 0 11px;}
#contacts > tbody > tr.active > td {border: 3px solid #519AA1;}
.SAP-Project .subphase, .Jointcontact_Profile .subcontacts {background: #f2f2f2 !important;margin-left: 0px !important;}
.SAP-Project > tbody > tr.active > td, .Jointcontact_Profile > tbody > tr.active > td {background-color: #f2f2f2 !important;box-shadow: 0 -3px 25px -7px #cccc;padding-top: 0px;padding-right: 0px;padding-left: 0px;}
.SAP-Project > tbody > .project_active > td{background: #e6e6e6 !important;font-weight: 600;}
.print_excel img {cursor: pointer;float: right;margin-top: -6px;} /*Printer-Icon****/
.collaps {background: #f5f5f5; /*Group-by*/}
legend {margin-bottom: 2px !important;display: flex;font-size: 16px !important;border-bottom: 1px solid transparent !important;}
.P_icon img {width: 24px;} /**all-site img**/
.assisment-phase .P_icon img {width: 25px;padding-top: 0px;}
.EditDynamicProfilePopup .ui-tabs .ui-tabs-panel {min-height: 450px;padding: 10px;}
#EditProfileItemId .ui-tabs #Documents {min-height: 730px;}
#EditProfileItemId .ui-tabs #Documents.fixed-height {min-height: 370px;}
.fixed-scroll-height {overflow: auto !important;height: 500px !important;}
.fixed-scroll-connectingitems {height: 225px;overflow: auto;}
.fixed-scroll-ExistingConnectingItems {height: 163px;overflow-y: auto;overflow-x:hidden;}
.note-editor .panel-heading {height: auto !important;}
.note-editor.note-frame .note-editing-area .note-editable {padding: 10px;overflow-y: auto;color: #000;word-wrap: break-word;background-color: #fff;height:250px;}
.webpart-div .panel {margin-bottom: 12px;}
#AddAndConnectDocumentsId #Images.tabheight {min-height: 400px;}

/***dynamic tab***/
.ui-tabs .ui-tabs-nav .dynamic {border-bottom: 1px solid transparent;padding: 0px;}
.nav-pills > .dynamic.active > a {background: #f5f5f5 !important;}
.manage_border {margin-top: -1px;border: 1px solid #ccc;}
.manage_border #main-menu > li {padding: 8px 3px;}
/***dashboard***/
.dashboard h3.panel-title {color: #ffffff !important;margin-bottom: 0;padding-bottom: 0;line-height: 10px;font-size: 15px;}
.dashboard .AssignPriorityUserPhoto {width: 61px !important;border-radius: 6px;height: 61px;margin: 6px 14px;}
.AssignUserPhoto {width: 49px !important;border-radius: 45px;height: 50px; margin-left: 5px;}
.ProirityAssignedUserPhoto {width: 50px !important;border-radius: 25px;height: 50px;}
.data-para {font-size: 12px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 190px;}
div#ShowAssessmentDescriptionPopUp .assessment-para >div {display: block;text-overflow: inherit;white-space: normal;height: auto;overflow: auto;}
.assessment-para >div:first-child {display: block;}
.assessment-para >div {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;position: relative;font-size: 12px;padding-right: 70px;line-height: 24px;height: 28px;display: none;}
.assisment-phase2 span.assessment-para {white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.dashboard .editIcon {float: right;padding-right: 10px;}
.data-300-para {font-size: 12px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 300px;}
.data-400-para {font-size: 12px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 576px;}
.data-big-para {font-size: 12px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 380px;}
.dashboard p {margin: 0 0 0px !important;}
.dashboard .blocks {box-shadow: 0 5px 6px 0 #d7d7d7;transition: all 0.3s ease 0s;}
.dashboard .blocks .panel-body {border-color: currentcolor #dddddd #dddddd;border-image: none;border-style: none solid solid;border-width: 0 1px 1px;}
.dashboard #pull-text {font-size: 13px;float: right;cursor: pointer;color: #fff !important;}
.dashboard .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 6px 6px 6px 6px;}
.dashboard #testDiv1,#testDiv2,#testDiv3,#testDiv4,#testDiv5#testDiv6 {border: medium none;margin: 0;padding: 0;}
.dashboard .userPhoto {width: 30px !important;border-radius: 20px;margin-top: -5px;max-height: 30px;padding-right: 3px;}
.Tasks #table-wrapper {margin-top: 20px;}
.wrapper-news td {word-break: initial;}
/*****use in last modify & table header fixed***/
.Edit-last {margin-left: 5px !important;padding-bottom: 30px !important;}
section-event.positioned {position: absolute;top: 100px;left: 100px;width: 800px;box-shadow: 0 0 15px #333;}
.section-event th {height: 0 !important;line-height: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;color: transparent;border: none;white-space: nowrap;}
.section-event th div {position: absolute;background: transparent;color: #fff;padding: 9px 21px;top: 0;margin-left: -20px;line-height: normal;}
.section-event th:first-child div {border: none;}
.section-event .table > thead .searchclear {right: 43px;top: 19px;}
.container-new {overflow-y: auto;max-height: 600px;border: 1px solid #ccc;overflow-x: hidden;}
.container-new td .phase-td td, .container-new td.phase-td, .container-new td.sub-phase-td  {padding-bottom: 0px !important;}
.cont-new {overflow-y: auto;max-height: 700px;border: 1px solid #ccc;overflow-x: hidden;padding-top: 30px;}
.section-event thead tr th {border-bottom: 1px solid transparent !important;}
.section-event #Projects .imgdot {width: 6px;margin: 12px -7px;padding: 0px;}
/**********smart-taxonomy**********/
#modalAllCovers .btn {margin-right: 12px;margin-top: 0px;}
#editSmartMetadataTabs .form-control {height:30px;}
#SmartTaxonomyPopup .divPanelBody {height: 550px;overflow-y: scroll !important;overflow-x:hidden;position: relative !important;}
#SmartTaxonomyPopup .divPanelBody #main-menu > li {display: inherit !important;border-left: 1px solid #ccc;background: #fff;position: static !important;border-radius: 0px !important;font-size: 13px;font-family:"Segoe UI";}
#SmartTaxonomyPopup .divPanelBody #main-menu > li:hover {background: #ccc !important;} 
#SmartTaxonomyPopup .divPanelBody #main-menu > li > a {display: block;font-size: 13px;padding: 8px 12px;text-decoration: none;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu.clr {left: 324px !important;top: 0px !important;width: 33% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI"; list-style: none;padding: 0 0 0 0;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu > li:first-child {border-top: 1px solid #ccc;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu > li {border-radius: 0px;margin: 1px;position: static !important;}
#SmartTaxonomyPopup .divPanelBody .sub-menu.clr li {background: #ccc;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu.clr > li > a {background-color: transparent !important;font-size: 13px;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu ul.sub-menu {left: 303px !important;top: 0px !important;width: 99% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI"; list-style: none;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu ul.sub-menu > li > a {background: #b3b3b3 !important;font-size: 13px;}
#SmartTaxonomyPopup .divPanelBody ul.sub-menu.clr > li:hover {background: #b3b3b3 !important;}
#SmartTaxonomyPopup .divPanelBody::-webkit-scrollbar{width: 6px; background-color: #f5f5f5;}
#SmartTaxonomyPopup .divPanelBody::-moz-scrollbar{width: 6px; background-color: #f5f5f5;}
#SmartTaxonomyPopup .divPanelBody::-webkit-scrollbar-thumb{width: 6px; background-color: #999;}
#SmartTaxonomyPopup .divPanelBody::-moz-scrollbar-thumb{width: 6px; background-color: #999;}
/****smart taxnomy******/
#SmartMetadataPopup .divPanelBody #main-menu > li {display: inherit !important;border-left: 1px solid #ccc;background: #fff;position: static !important;border-radius: 0px !important;font-size: 13px;font-family:"Segoe UI";}
#SmartMetadataPopup .divPanelBody #main-menu > li:hover {background: #ccc !important;}
#SmartMetadataPopup .divPanelBody ul.sub-menu.clr.smartmetadata {left: 323px !important;top: 85px !important;width: 33% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI";}
/* #SmartMetadataPopup .divPanelBody ul.sub-menu.clr {left: 316px !important;top: 46px !important;width: 33% !important;z-index: inherit !important;position: absolute;height: 100%;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;} */
.ShiftR-10 {position: relative;right: 30px;}
#EditSharewebItemId #SmartMetadataPopup .divPanelBody ul.sub-menu.clr.smartmetadata {top: 56px !important;}
#SmartMetadataPopup .divPanelBody ul.sub-menu > li:first-child {border-top: 1px solid #ccc;border-radius: 0px;}
#SmartMetadataPopup .divPanelBody ul.sub-menu > li {margin: 2px;position: static !important;}
#SmartMetadataPopup .divPanelBody .sub-menu.clr li {background: #ccc !important;}
#SmartMetadataPopup .divPanelBody ul.sub-menu.clr > li > a {background-color: transparent !important;padding: 11px 12px !important;font-size: 13px;}
#SmartMetadataPopup .divPanelBody ul.sub-menu ul.sub-menu {left: 313px !important;top: 8px !important;width: 99% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI";}
#SmartMetadataPopup .divPanelBody ul.sub-menu ul.sub-menu > li > a {background: #b3b3b3 !important;padding: 10px 12px;font-size: 13px;}
/***used for ad-min-menu tabs***/
.marg {margin-bottom: 15px;margin-left: 0px;margin-right: 0px;padding: 6px 0px;}
.marg .col-sm-8 {padding-left: 0px;padding-right: 0px;}
.marg .col-sm-4 {padding-left: 9px;padding-right: 0px;}
.marg .col-sm-6 , .marg .col-sm-3{padding-left: 0px;}
/**sorting icon**/
.direction-arrow {position: absolute !important;top: 16px !important;right: 5px;font-size: 13px;color: #ccc;cursor: pointer;}
.glyphicon_active {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';-webkit-font-smoothing: antialiased;font-style: normal;font-weight: normal;line-height: 1;}
.arrow_up {margin-top: -7px;}
.arrow_down {margin-top: 7px;}
.glyphicon-menu-hamburger.dropdown-toggle {color: #808080;}
/***filter***/
#main-menu > li:hover {background: #ccc;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:"Segoe UI"!important;}
.table_scroll {max-height: 450px;overflow: auto;}
.publicationItem .tabdetail h4, .publicationItem .tabdetail li {font-size: 13px !important;font-weight: normal !important;color: #444444 !important;font-family:"Segoe UI"!important;line-height: 1.5 !important;}
/****task-profile****/
.task-name {margin-left: -16px;}
.blocks {margin-left: 13px;}
.blocks .col-lg-2.label {border-radius: 0;margin-right: 1px;width: 14.5%;}
.blocks .label {background: #f4f4f4 none repeat scroll 0 0;color: #6f6f6f;float: left;font-family:"Segoe UI";font-size: 12px;margin-bottom: 1px;margin-right: 2px;margin-top: 0;padding: 10px;text-align: left;height: 35px;}
.blocks .col-lg-4.labeltext {margin-right: 2px;}
.blocks .labeltext {background: #fafafa none repeat scroll 0 0;color: #000000;float: left;font-family:"Segoe UI";font-size: 12px;height: 35px;padding: 10px;}
.task-block-img {border: 2px solid #cccccc;box-shadow: 2px 6px 7px #666666;width: 100%;margin-top: 3px;}
#description > p {background: #fafafa none repeat scroll 0 0;line-height: 26px;margin-bottom: 0;padding: 0 5px;}
.Description > h2 {border-bottom: 2px solid #cccccc;color: #666666;font-family:"Segoe UI";font-size: 22px;margin: 5px 0;padding: 0;}
/***shareweb comment***/
.button-cateogry {padding-left: 25px;padding-right: 2px;width: 96%;padding-top: 3px;}
.comment-primary {margin: 5px 20px 25px 0;margin-right: -10px;}
/***print icon common in all site****/
.print-icon img {cursor: pointer;margin-top: -6px;}
.togglecontent {display: block;}
.icon-input {margin-top: -2px !important;margin-left: 3px !important; margin-right:-1px !important;}
/**Presentaion page used iFrame**/
.pageviewiframe {width: 100%;min-height: 460px;}iframe {border: none;width: 100%;}
.iFrameDiv {width: 100%;max-height: 600px;}
.pptInformation {height: auto;}
.imgFlag, .anchorFlag {padding-right: 5px;}
/********************Network-activity**********************/
.tdValue {background: #fafafa;min-height: 38px;text-align: left;padding: 10px 5px 10px 5px;color: #000;font-family:"Segoe UI";font-size: 13px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.tdText {background: #f4f4f4;text-align: left;padding: 10px 5px 10px 5px;color: #6F6F6F;font-family:"Segoe UI";font-size: 14px;min-height: 38px;font-weight: bold;border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
/***smarttaxnomy***/
.tabheight {min-height: 695px;}
.divPanelBody .manage_border ul.sub-menu {left: 408px !important;top: 78px !important;width: 33% !important;z-index: inherit !important;position: absolute;height: 100%;}
.divPanelBody .manage_border ul.sub-menu ul.sub-menu {left: 401px !important;top: 5px !important;width: 99.5% !important;z-index: inherit !important;position: absolute;height: 100%;}
.divPanelBody .manage_border ul.sub-menu > li > a {border-radius: 0px !important;margin: 2px 0;background: #ccc !important;}
.divPanelBody .manage_border ul.sub-menu > li:first-child {border-top: 1px solid #ccc;}
.manage_border ul.sub-menu.clr > li > a { padding: 10px 8px !important;}
.divPanelBody .manage_border ul.sub-menu > li {border-radius: 0px;margin: 1px;position: initial !important;}
.divPanelBody .manage_border ul.sub-menu ul.sub-menu > li > a {border-radius: 0px !important;margin: 1px 0;background: #b3b3b3 !important;padding-bottom: 13px;}
.divPanelBody .manage_border ul.sub-menu li a:hover {background: transparent !important;}
.manage_border .sub-menu.clr li:hover {background: #b3b3b3 !important;}
.divPanelBody .manage_border ul.sub-menu ul.sub-menu > li:first-child {border-top: 0px solid #ccc;}
.manage_border .sub-menu.clr li {background: #ccc !important;}
.global_srch {margin-left: 17.7%;padding-right: 15px;display: block;}
img.img-icon {height: 14px;}
/***default home share your knowledge***/
.contact-home {padding: 10px;box-shadow: 0 2px 2px #cccccc !important;margin: 7px !important;border: 1px solid #d5d5d5;}
.share-knowledge {padding: 5px;border-bottom:1px solid #d5d5d5;}
/***sp-peoplepicker-topLevel**/
div#peoplePicker_updateAssignedToUser_TopSpan {margin: 0px !important;}
.sp-peoplepicker-topLevel {border: none;padding: 0;width: 100% !important; background:transparent;box-shadow: inherit;}
/**shareweb comment***/
#public-item {padding-top: 10px;padding-bottom: 10px; margin-right:2px;}
#public-item img {width: 100%;height: 100%;padding-left: 5px;}
#public-item .pad0 {padding: 0px;margin-bottom: 5px;}
/***tiles-image***/
.tiles_image .manage-event {padding: 15px !important;margin-left: 15%;margin-right: 15%;}
.tiles_image .manage-event a > img.ReplaceToolImages {width: 234px;margin: 0 20px;}
.tiles-img img {width: 209px;cursor: pointer;}
.tile_img {margin-left: 10%;margin-right: 10%;}
.tiles_creative .panel-body {padding: 12px !important;width: 1086px;margin-left: 75px;}
/*******slider*****/
.vedio_left {width: 38%;float: left;padding-left: 7px;}
.vedio-tool {float: right;width: 60%;}
/****task management******/
.overdue {color: blue;}
.highpriorityTask {color: red;}
#itemtabs td {border: 1px solid transparent !important;}
.task_manage .section-event th div {position: absolute;background: transparent;color: #fff;padding: 9px 21px;top: 0;margin-left: -3px;line-height: normal;}
/*****tiles*************/
#ManageSiteOwners .sp-peoplepicker-topLevel {border: none;padding: 0;width: 100% !important;}#ManageSiteOwners td {word-break: break-all;}
.ManageSiteOwners .direction-arrow {position: absolute !important;top: 9px !important;right: 14px;font-size: 13px;color: #ccc;cursor: pointer;}
.tiles_image div.col-sm-3 > div.modal span {display: block;font-weight: 700;}
.line-separator {height: 1px;background: #717171;border-bottom: 1px solid #313030;}
.imgStyle {width: 95%;}
.headergroup {font-size: 22px !important;background: rgba(181, 181, 181, 0.3);margin-bottom: 15px;margin-top: 15px;color: #006699;list-style: none;line-height: 35px;padding-left: 10px;font-weight: bold;margin-right: 20px;}
#table-scrollselectProject {max-height: 250px;overflow-y: auto;overflow-x: hidden;box-sizing: border-box;display: inline-block;width: 100%;border: 1px solid #ccc;}
/****admin_task****/
.admin_task {padding-left: 17.5%;padding-right: 15px;}
#tabsContainer .ms-webpart-chrome {margin-top: -13px;}
#tabsContainer .ui-tabs-panel {background: #f5f5f5 none repeat scroll 0 0 !important; border: 1px solid #ccc;border-radius: 0 !important;display: block;margin-top: -2px;padding: 1em 0;height: 770px;}
/******breadcrumb********/
.breadcrumbs {--cssuiBreadcrumbsTextColor: var(--breadcrumbsTextColor);--cssuiBreadcrumbsTextColorActive: var(--breadcrumbsTextColorActive);--cssuiBreadcrumbsDivider: var(--breadcrumbsDivider);--cssuiBreadcrumbsDividerColor: var(--breadcrumbsDividerColor, inherit);--cssuiBreadcrumbsDividerSize: var(--breadcrumbsDividerSize, 16px);--cssuiBreadcrumbsIndent: var(--breadcrumbsIndent, 8px); padding-left: 0;margin-top: 0;margin-bottom: 0;list-style: none;display: flex;flex-wrap: wrap;}
.breadcrumbs__item:after {position: relative;top: 1px;display: inline-block;font-family: "Glyphicons Halflings";font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;font-size:12px;content:"\e258"}
.breadcrumbs__item_active {margin-right: 0;padding-right: 0;color: var(--cssuiBreadcrumbsTextColorActive);}
.breadcrumbs__item_active:after {display: none;}
.breadcrumbs__element {color: inherit;}
.breadcrumbs {--breadcrumbsTextColor: #222222;--breadcrumbsTextColorActive: ##222222;font-size: 14px !important;}
.breadcrumbs_type5 { --breadcrumbsDivider: "›";--breadcrumbsDividerSize: 20px;}

 /* new breadcrumb css ***************/
 .DisplayInline .icon {font-size: 14px;}
.DisplayInline li {float: left;list-style: none;}
.DisplayInline li >span{display: none;}
.DisplayInline li a {display: block;background: #e3e3e3;text-decoration: none;position: relative;height: 30px;line-height: 30px;padding: 0 5px 0 7px;text-align: center;margin-right: 15px;}
.DisplayInline li:first-child a {padding-left: 15px;-moz-border-radius: 4px 0 0 4px;-webkit-border-radius: 4px;border-radius: 4px 0 0 4px; margin-left: -10px;}
.DisplayInline li:first-child a:before, .DisplayInline li:last-child a:after {border: none;}
.DisplayInline li:last-child a {padding-right: 15px;-moz-border-radius: 0 4px 4px 0;-webkit-border-radius: 0;border-radius: 0 4px 4px 0;}
.DisplayInline li a:before, .DisplayInline li a:after {content: "";position: absolute;top: 0;border: 0 solid #e3e3e3;border-width: 15px 8px;width: 0;height: 0;}
.DisplayInline li a:before {left: -9px;border-left-color: transparent;}
.DisplayInline li a:after {left: 100%;border-color: transparent;border-left-color: #e3e3e3;}
.note-editable > ul {list-style-type: disc !important;padding: 0px 12px;}
.custom-color-grey ul.DisplayInline li a:hover:last-child, .DisplayInline li a:not([href]):hover{color: #fff !important;}
.DisplayInline li:first-child a.home {background: #fff;margin-right: 0;padding-left: 0;}
.DisplayInline li:first-child a.home::before, .DisplayInline li:first-child a.home::after {display: none;}
.DisplayInline li.no-corner a::before {content: none;}
ul.DisplayInline {margin-left: 10px;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem > div, .SelectSubChildBreadcrumbDropdownList li.SelectSubChildBreadcrumbItem > div {display: block;margin: 1px 0px;border-radius: 0px;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem div a, .SelectSubChildBreadcrumbDropdownList li.SelectSubChildBreadcrumbItem div a {padding: 0px 10px;margin: 0;border-radius: 0;text-align: left;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList, .SelectSubChildBreadcrumbDropdownList {padding: 0px;top: 15px;border-radius: 0;left: auto;margin: 0 0px 0px -10px;width: 160px;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem > div:first-child, ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem .SelectSubChildBreadcrumbItem > div:first-child {margin-top: 0;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem > div:last-child, ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem .SelectSubChildBreadcrumbItem > div:last-child {margin-bottom: 0;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem, ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem li.SelectSubChildBreadcrumbItem {margin-bottom: 0;width: 100%;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem div:hover .SelectSubChildBreadcrumbDropdownList {display: block;left: 107%;top: -1px;border-radius: 0;}
ul.dropdown-menu.SelectChildBreadcrumbDropdownList li.SelectChildBreadcrumbItem div a i {float: right;line-height: 31px;}

/****standard size for flag and edit-icon**********/
.flag_icon {width: 18px;}
.mgadd {padding: 10px 15px;}
.update_img .panel-body {padding: 0px !important;}
/******imageslider*******/
images-slider .gallery {padding: 0;border: 0;}
#myCarousel.item.active > img {max-width: 100% !important;margin: 0 auto;}
#myCarousel .carousel-caption a {cursor: pointer;}
#myCarousel .carousel-caption {left: 0;right: 0;bottom: -1px;text-align: left;padding: 5px 10px;background: rgba(0,0,0,0.6);text-shadow: none;background: rgba(0,0,0,0.6);text-shadow: none;}
/*****use for all sites comment******/
.add_cmnt {padding: 9px;border: 1px solid #ccc;background: #eee;color: #000;}
.cmnt_img img {width: 95%;padding-left: 5px;}
/***************tiles***************/
#createCasepopup .news_upload {padding: 0px 0;width: 104px;display: inline-block;}
#createCasepopup .news_upload .content_wrap {width: 100px;display: inline-block;clear: both;padding: 0px;margin-right: 7px;height: 70px;}
#createCasepopup .content_wrap .title2 {font-size: 13px !important;padding: 17px 22px;font-weight: normal !important;word-wrap: initial;}
.content_wrap .title1 {height:50px;}
.news_upload {padding: 0px 10px;margin: 5px 0px;display:inline-block;}
.tileselected {border: solid 2px red !important;}
.news_upload .content_wrap {padding: 10px 1px;box-shadow: 0px 3px 6px 0px #ccc;height: 153px;width: 153px;cursor: pointer;}
.ActivityBox {min-height: 30px !important;border: 1px solid #ccc;margin-top: 4px;margin-bottom:10px; padding:3px;}
.Activity_Box { min-height: 30px !important; margin-top: 4px; margin-bottom: 10px;}
.ActivityBoxdivision {margin-bottom: 10px;padding-left: 10px;min-height: 30px !important;margin-bottom: 10px;padding: 3px;}
.slider #myCarousel .carousel-control.left, .slider #myCarousel .carousel-control.right {background-image: none;}
.slider #myCarousel .carousel-inner > .item > img, .slider #myCarousel .carousel-inner > .item > a > img {display: block;height: 100%;max-width: 100%;line-height: 1;margin: 0 auto;}
.slider #myCarousel .carousel-inner > .item {height: 400px;}
.Non-Relevance {min-height: 110px !important;border: 1px solid #ccc;padding-top: 5px;}
.TopicDropPanel {border: 1px solid #ccc;height: 100px !important;overflow-y: auto;overflow-x: hidden;}
#SharewebProjectsPopup .section-new > .container-new {max-height: 275px;}
/*****Use in global page carousel *********/
.DisplayInline.carousel-caption {width: 100%;position: absolute;left: 0px;bottom: 0px;background: #000;opacity: 0.6;padding: 10px;height:35px; display:block !important;}
.DisplayInline li {margin-top: 1px;margin-bottom: 0px;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {margin:0 auto;height:450px}
.slider .right {padding: 0px !important;border-left: 1px solid transparent !important;}
.slider .left{padding:0px !important;}
.carousel-control.left, .carousel-control.right {background-image: none !important;}
#DeltaSuiteBarRight .AuthLink {color: #fff !important;}
a.AuthLink:hover {background: #8c8c8c;cursor: pointer;}
.imgdot {width: 8px;position: absolute;padding-top: 6px;margin-left: 3px;}
.imgdott {width: 8px;margin-top: -4px;margin-left: 5px;}
.text {color: #000 !important}.ManageSiteOwners .section-event {padding-top: 35px !important;}
.sp-peoplepicker-initialHelpText {top: 0px;left: 0px;position: absolute;}
.tileimage img {width: 35px;}
.smart_search_tiles > img {margin: 5px;width: 182px;height: 182px;}
.serach-glyph .direction-arrow {position: absolute !important;top: 12px !important;right: 3px;}
.event_home {color: #333333;background-color: #f5f5f5 !important;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top:1em;}
.event_home .publicationItem{background:#fff;}
.section-new {position: relative;border: 1px solid #ccc;padding-top: 25px;}
.section-new .table thead>tr>th {border-bottom: 2px solid #ddd;padding-bottom: 0px !important;padding-top: 0px !important;}
.section-new th div {position: absolute;background: transparent;color: #000;padding: 3px 25px;top: 0;margin-left: -25px;line-height: normal;}
/******this css are usable for team profile background color in all sites*******/
.team-profile {background: #fff;}
.imgFrame img {border: 1px solid #d5d5d5;box-shadow: 2px 3px 2px 0 #d5d5d5;width: 105px;}
.leftcol {float: left;width: 20%;margin-right: 1%;}
.rightcol {float: right;width: 79%;}
.rightcol .col-lg-9 {width: 74%;}
.infoblock.contact h1 {color: #dc0018;}
.infoblock.network .label {border-radius: 0;height: 45px;width: 251px;}
.infoblock.aboutus {border-radius: 0;width: 692px;}
.infoblock.network .labeltext {height: 45px;}
.infoblock .address-block.labeltext {height: 39px;width: 625px !important;}
.infoblock .address-block-text.labeltext {height: 39px;width: 617px;}
.infoblock.aboutus .labeltext {border-radius: 0;min-height: 38px;min-width: 689px;}
.labeltext_profile {background: #fafafa;float: left;text-align: left;padding: 10px;color: #000;font-family:"Segoe UI";font-size: 12px;min-height: 38px;width: 164px;}
.labeltext_title {background: #fafafa;float: left;text-align: left;padding: 10px;color: #000;font-family:"Segoe UI";font-size: 12px;min-height: 38px;width: 559px;}
.infoblock.contact .label {border-radius: 0;height: 38px;}
.infoblock .label {background: #f5f5f5;float: left;margin-right: 0px; border-right:1px solid #fff;margin-bottom: 1px;margin-top: 0px !important;text-align: left;padding: 10px;color: #6F6F6F;font-family:"Segoe UI";font-size: 12px;}
.infoblock .labeltext {background: #ebebeb;float: left;text-align: left;padding: 8px;color: #000;font-family:"Segoe UI";font-size: 12px;min-height: 38px;}
.Personal .label, .Address .label {float: left;width: 34px !important;padding: 2px 1px;margin: 2px;background: none;height: 36px;}
.Personal .labeltext, .Address .labeltext {min-height: 39px;margin-bottom: 2px;} 	
.contct-profile-img {border: 1px solid #d5d5d5;box-shadow: 2px 3px 2px 0 #d5d5d5;width: 180px;}
.infoblock h1 {font-family:"Segoe UI";font-size: 22px;color: #0289DF;margin: 5px 0;padding: 0px;border-bottom: 2px #ccc solid;}
.infoblock h2 {font-family:"Segoe UI";font-size: 22px;color: #666;margin: 5px 0;padding: 0px;border-bottom: 1px #d5d5d5 solid;width: 100%;}
.Address .col-lg-11 {width: 93%;}	
.TopicDropPanel {border: 1px solid #ccc;height: 100px !important;overflow-y: auto;overflow-x: hidden;}
#editCSDocuments .infoblock .labeltext {width: 446px;margin-right: 10px;}
#editCSDocuments .infoblock.contact {width: 100%;margin-top: 5px;}
#editCSDocuments .infoblock.contact .label {width: 130px;}
/*****thats css are used for filter data************/
.filter-input {display: inline-flex;margin-bottom: 0px !important;}
.p-data-filter {display: inline-flex;width: 99%; margin-bottom:0px; line-height:18px;}
.manage_border .filter-input {font-size: 14px;font-family:"Segoe UI" !important;width: 79%;}
.spotlighttitle .filter-input {width: 95%;display: inline-grid;margin-bottom: 9px !important;font-family:"Segoe UI";font-weight: 400;font-size: 18px;}
.cs_image > img {text-align: center;width: 95%;border:1px solid #ccc;}
.DomainsOfInterventions .infoblock.contact .label {padding-top: 15px;}
.comment-scroll {max-height: 237px;overflow-y: auto;}
.comment-project {min-height: 250px;}
.labelforText {background: #eee;border: 1px solid #ccc;min-height: 30px;padding: 5px 6px;font-size: 12px;}
/************flora-editor managing pop up height***********/
.tab-content.flora_editor {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-left: 20px;padding-top: 15px;overflow:auto;height:340px;}
input[type=button], input[type=reset], input[type=submit], .fr-btn-font_awesome {min-width: 2em !important;}
/************EditSAPproject manage all tab height pop up************/
#EditProjectItemId textarea {height: 100px;}
.clear-btn {margin-top: 8px;}
#governanceinfo .divPanelBody, #organizationinfo .divPanelBody, #planninginfo .divPanelBody, #leverageinfo .divPanelBody  {overflow: inherit;}
/******css are used for expand page width**************/
#expandwidth {padding-right: 10px;float:right;padding-top:5px;}
#expandwidth img{width:20px;vertical-align:top;}
textarea {height: auto;width: 100% !important;}
.fr-popup.fr-desktop.fr-active {display: block;z-index: 10000 !important;}
/*****************scrolling**************/
.dashboard .wrapper {/* overflow: auto; */background: white;/* height: 540px;   */}
.dashboard  .wrapper::-webkit-scrollbar{width: 6px;border-radius: 5px;}
.dashboard  .wrapper::-webkit-scrollbar-track{border-radius: 5px;}
.dashboard  ::-webkit-scrollbar-thumb{width: 2px;background: #ccc;opacity:0.2;border-radius: 10px;}
 /****************************Dashboard&Create task css*************************/
.hight_priority {text-align: center;margin-left: 8% !important;margin-right: -23px !important;}.hight_priority li {list-style: none;}
.subcategoryTasks {text-align: center;margin-top: 15px;}
.icon-box {max-height: 40px;display: initial;margin-bottom: .25em;margin-top: .25em;}
.subcategoryTasks .tasks-label {display: block;font-weight: 400;color: #ffffff;text-align: center;}
.high_priority_border {float: left;width: 27%;background: #e80101;margin: 0px 5px;}
.normal_priority_border {float: left;width: 35%;background: #0ad050;margin: 0px 5px;}
.low_priority_border {float: left;width: 26%;background: #ffe000;margin: 0px 5px;}
.teamMember_Img {height: 60px !important; width: 78px !important; margin-right: 3px;}
.subcategoryTasks .subcategoryTask{padding: 12px 7px 0px;}
.subcategoryTasks .sharewebTopicTiles {width: 11%;height: 123px;}
.icon-box .title2 {color: #fff;font-size: 21px !important;font-weight: 700 !important;margin: 15px auto;}
/* .dashboard_col-sm-6 .searchclear {right: 28px !important;top: 6px !important;} */
.dashboard_col-sm-6 .search .glyphicon {position: absolute !important;}
.tasks .task {width: 100%;display: inline-block;padding: 12px 0;margin: 9px -3em;vertical-align: top;text-decoration: none;background-color:#31833b ;min-height: 105px;}
.content_wrap.ProirityAssignedUserPhoto {max-width: 54px !important;border-radius: 25px;height: 53px !important;margin:2px;}
.assignToDropPanel {height: 125px;border: 2px dotted #ccc;padding: 5px;}
.DragUser_Images {min-height: 40px;z-index:9999; position:relative;}
.due-date li {margin-bottom: 0px !important;margin-top: 2px !important;min-width: 11%;min-height: 18px;line-height: 18px;padding: 6px 20px;display: inline-block;}
.due-date li a {color: #ffffff !important;font-size: 14px;text-decoration: none;}
.create_task_title .searchclear {top: 36px;right: 9px;}
.due-date li span {color: #ffffff !important;font-size: 14px;text-decoration: none;}
.task_create .fieldsett {border: 1px solid #CDCDCD !important;margin: 0;min-width: 0;padding: 0px;position: relative;background: #ffffff;}
.task_create legend {margin-bottom: 2px !important;display: flex;font-size: 16px !important;border-bottom: 1px solid transparent !important;}
.clear.pull-right {margin-top: -35px;margin-right: -2px;}
.section-news {padding-top: 36px;border: 1px solid #ffffff !important;position: relative;margin-top: 15px;}
#TasksTable {overflow: auto;max-height: 450px;overflow-x: hidden;margin-top: 3px;border: 1px solid #ccc;}
.section-news th div {position: absolute;background: transparent;color: #000;padding: 0px 25px;top: 0;margin-left: 5px;line-height: normal;}
.section-news thead th {padding: 0px !important;}
.section-news .searchclear {top: 14px !important;bottom: 15px;right: 30px !important;}
.section-news .glyphicon {position: absolute !important;top: 8px !important;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #d3d3d3 !important;right: 7px !important;}
.section-news .glyphicon_active {position: absolute;top: 8px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;right: 7px;color: #31833b;top: 9px !important;}
.kind_task .subcategoryTask {min-width: 11% !important;height:98px;}
.kind_task {text-align: left !important;margin-top: 4px !important;margin-bottom: 5px;}
.dashboard h3.panel-title {color: #ffffff !important;margin-bottom: 0;padding-bottom: 0;line-height: 10px;font-size: 15px;}
.wrapper-news {padding-top: 45px !important;border: 1px solid #ffffff !important;position: relative;border-bottom: 1px solid transparent !important;overflow-x: hidden !important;}
.dashboard .wrapper {background: white;max-height:800px;overflow-x: hidden;border: 1px solid #ccc; overflow-y:scroll;}
.dashboard_col-sm-6 .wrapper-news th div {position: absolute;}
.dashboard_col-sm-6 .search {padding-left: 0px;margin-left: 5px;}
.wrapper-news th div {position: absolute;background: transparent;color: #000;padding: 7px 25px;top: 0;margin-left: -19px;line-height: normal;}
.wrapper-news .searchclear {top: 21px !important;right: 31px !important;}
.dashboard_col-sm-6 .wrapper .glyphicon_active {position: absolute;}
.global_dashboard {background: #f5f5f5;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 11px;border-left: 1px solid #ccc;}
.dashboard h3.panel-title {color: #ffffff !important;margin-bottom: 0;padding-bottom: 0;line-height: 10px;text-align: center;font-weight: bold;margin-top:5px;}
.togglebox .togglecontent {margin-left: 0px;}.pagecolor img { max-width: 100%;}
.dashboard .wrapper::-webkit-scrollbar{width: 6px;border-radius: 5px;}
.dashboard .wrapper::-webkit-scrollbar-track{border-radius: 5px;}
.dashboard ::-webkit-scrollbar-thumb{width: 2px;background: #ccc;opacity:0.2;border-radius: 10px;}
.wrapper-news .table>thead>tr>th {vertical-align: bottom;border-bottom: 0px solid #ddd !important;padding: 0px !important;}
.content_wrap .permission {color: #fff;font-weight: 700 !important;text-align: center;font-family:"Segoe UI";margin: 0px 3px; height: 50px;}
.create.title2 {width: 49px !important; border-radius: 45px; height: 50px;font-size: 14px; padding-top: 15px; margin:0px 0px 0px 4px;}
.ProirityAssignedUserPhoto.content_wrap .title2 {color: #fff;font-size: 11px !important;font-weight: 700 !important;text-align: center;font-family:"Segoe UI";margin: 17px 3px;padding-bottom: 10px;}
.tasks .tasks-label {display: block;font-weight: 400;color: #ffffff;}.tasks {text-align: center;padding-top: 1px;margin-bottom: 3px;}
.task_create .container {width: 100% !important;max-width: 100% !important;margin-top: 20px;}
.DropUser_Images {min-height: 120px;}
.due-date {list-style: none outside none;margin-bottom: 10px !important;margin-top: 15px !important;text-align: center;}
.fieldsett > legend {font-size: 13px;font-weight: 200;margin-bottom: 0px;width: auto;padding: 0 5px;margin-left: 15px;border-bottom: 1px solid transparent;}
.selectedTasksubcategory, .selectedTasksPriority, .selectDueDate, .selectedSharewebFeedbackType{background: #3399ff !important;}
.selectedTaskProcessCate{background: #3399ff !important;}
.title_task .feedbackTask {min-width: 11% !important;height: 98px;}
.DragUser_Assign {opacity: 0.5;position: absolute;bottom: 55px;right: 85px;}
.Drag_User {font-size: 13px;padding-left: 47px;padding-right: 15px;color: #888; opacity: 0.5;position: absolute;bottom: 39px;right: 33px;}
/***use for flora editor ****/
/* button#fullscreen-1,button#fullscreen-2,button#fullscreen-3,button#fullscreen-4,button#fullscreen-5,button#fullscreen-6,button#fullscreen-7,button#fullscreen-8,button#fullscreen-9 {position: absolute;right: 0px;border-left: 1px solid #ccc;} */
.forFullScreenButton1 button#fullscreen-2 {top: 40px;position: absolute;right: 0px;border-left: 1px solid #ccc;}
.forFullScreenButton1 button#fullscreen-2.fr-active {top: 0px;}
.fr-command.fr-btn.fr-dropdown span {width: 90px !important;}
.fr-element.fr-view ul {list-style: square;}
.searchbox_height {height: 30px;}
.EditTaskPopup._fixedScrollHeight {max-height: 220px;overflow-y: auto;}
/******using for right side webpart latest******/
#responsive-relative{margin-top:-770px ;}
#profile-response {margin-top: -259px;}
#education-webpart {margin-top: -480px;}
#education-rightwebpart {margin-top: -653px;}
#qa-webpart {margin-top: -465px !important;}
#develop-response{margin-top: -173px;}
/*******assessment*******/
.more {position: absolute;top: 10px;right: 5px;}
.assessment-para h1 {margin-top: -5px;margin-bottom: 0px;}
.assessment-para h1, h3 {font-size: 15px !important;}
.assessment-para {width: 95%;float: left;}
#ShowAssessmentDescriptionPopUp span.assessment-para {width: 100%;}
#AssessmentPopUp .fieldsett {border: 1px solid #CDCDCD !important;margin: 0;min-width: 0;padding: 0px;position: relative;background: #ffffff;}
.fieldsett {border: 1px solid #CDCDCD !important;margin: 0;min-width: 0;padding: 0px; position: relative; background: #ffffff;}
.update_fieldset {padding: 20px;border: 1px solid transparent;}
.fieldsett > legend {font-size: 13px;font-weight: 200;margin-bottom: 0px;width: auto;padding: 0 5px;margin-left: 15px;border-bottom: 1px solid transparent;}
.clear-assessment {margin-top: 1px;margin-right: 1px;}
.relative_second {position: absolute;top: 73px;right: 0px;}
.toAlignListElmntOnPage .fr-fir {float: right !important; margin: 0px 0 5px 5px !important;}
.toAlignListElmntOnPage .fr-fil {float: left !important; margin: 0px 5px 5px 0px !important;}
/*****for qa editor******/
.fr-fic.fr-dib, .fr-img-wrap img {/*width: 300px;*/margin:0 0 5px 0px;display: block;float: none;}
img.fr-fic.fr-fil.fr-dib {float: none !important;}
.fr-inner {width: 300px;margin: 5px auto;display: block;float: none;}
.ms-rtePosition-1 {-ms-name: "Left";float: none !important;}
/****usable for language version in all pop-up*******/
.version-popup {border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 4px; background:#fff;}
.language-version {background: #fff;padding: 5px;border: 1px solid #ccc;}
/**this css are used for feature profile web part**/
.webpart-response {display: grid;grid-gap: 10px;color: #444;grid-auto-rows: minmax(min-content, max-content);grid-template-columns: 1fr 1fr 1fr;}
.top_feature {grid-column: 1 / span 2;}
.right_feature {grid-column: 3;grid-row: 1 / span 2;width: 100%;}
.left_feature {grid-column: 1/span 2;grid-row: 2/ span 3;width: 100%;}
/***E-Discussion*****/
.E-discussion_header {font-size: 22px !important; background: rgba(181, 181, 181, 0.3);margin-bottom: 15px; margin-top: 15px;color: #006699;list-style: none;line-height: 35px; padding-left: 10px;font-weight: bold;margin-right: 20px;}

/******Agenda Structure css**********/
.header{padding-left:0;padding-right:0;background:#ddd;font-size:13px;}
.header-body{padding-left:0;padding-right:0;background:#fff}
.education {min-height: 400px;background: #fff; margin-left: 12px;width: 98%;padding: 8px; margin-bottom:-13px;}
#EditProjectItemId .ui-tabs .ui-tabs-nav li a {padding: 5px;}
.description {background: #fff;padding: 7px;margin-bottom: 9px;border: 1px solid #ccc;max-height: 200px;overflow: auto;}
.rightcol .label img {height: 100%;}   .Personal .labeltext, .Address .labeltext {min-height: 36px;margin-bottom: 2px;width: 456px;}
.contct-profile-img {border: 4px solid #cccccc;border-radius: 4px;margin-bottom: 2px;width: 100%;margin-left: 0px;}
.rightcol .Address .label,.rightcol .Personal .label{width: 39px!important}
#contacttabs legend {font-size: 13px !important;font-weight: 600;padding-top: 8px !important; padding-left: 16px !important; border-bottom: 1px solid #ccc !important;padding-bottom: 3px;}
.institution-contact { padding: 0px !important; border-bottom: hidden !important;}.institution-td{width: 100%;margin-left: 0px;}
#contacttabs .expentInstitutionItems {font-size: 13px !important;font-weight: 600; padding-top: 8px !important; padding-left: 16px !important;border-bottom: 1px solid transparent !important;padding-bottom: 3px;}
.manage-agenda .right {padding: 8px;border-left: 1px solid #ccc;}.manage-agenda .left {padding: 8px;}
/**********Comment-Section***********/
.icon-responsive {float: left;width: 19%;}
.common_comment {width: 95%;margin: 0px;padding: 4px 22px 0px 19px;width: auto;text-align: left;font-size: 13px !important;}
#TaggedTasksTable {overflow-y: auto;height: 241px;}
.lengthToAlignWithTab span {position: absolute;top: 6px;right: 26px;font-weight: 100;font-family:"Segoe UI";}
.lengthToAlignWithTab a {padding-right: 40px !important;}.lengthToAlignWithTab.active span {color: #000;}
.margLeft .accordin-content {margin-left: 0px;margin-bottom: 0px;}
/*******usine team task***********/
.drop-color .assignToDropPanel{margin:5px!important;float:left!important;width:480px!important}
.borderH{height:102px!important;border:1px dotted!important;border-radius:0!important}.shadow{box-shadow:2px 3px 2px 0 #d5d5d5}
.borderdotted{border:2px dotted #ccc;max-width:429px!important;margin:8px;padding-left:0!important}
#ProirityInfo .fieldsett{border:1px solid #CDCDCD!important;margin:0;min-width:0;padding:0;position:relative;background:#f5f5f5}
.dropUser .col-sm-4 .AssignUserPhoto{width:54px!important;border-radius:35px;height:57px;padding-top:5px}
.dropUser .col-sm-4 .marginR41{margin-right:31px;padding:6px!important;display:inline-block;width:8%}
.dropUser .col-sm-3 .marginR41{margin-right:31px;padding:6px!important;display:inline-block;width:9%}
.dropUser .col-sm-3 .AssignUserPhoto{width:50px!important;height:52px;border-radius:35px;padding-top:5px}
 .dropUser .col-sm-6 .AssignUserPhoto{width:60px!important;height:60px;}
 .dropUser .col-sm-6 .marginR41{margin-right:31px;padding:6px!important;display:inline-block;width:7%}.drop-color {color: #22222273;}
 .dropUser .col-sm-12 .AssignUserPhoto{width:53px!important;height:53px}.dropUser .col-sm-12 .marginR41{margin-right:31px;padding:6px!important;display:inline-block;width:3%}
/*****this css are used for td text areranging******/
.involve_actor{display: flex;justify-content: flex-start;}.tmvalue{flex-basis:19%;flex-basis: 38%;background: #f4f4f4;text-align: left;padding: 10px 5px 10px 5px;color: #6F6F6F;font-family:"Segoe UI";font-size: 14px;font-weight: bold;border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.tlvalue {background: #fafafa;flex-basis: 68%;text-align: left;padding: 10px 5px 10px 5px;color: #000;font-family:"Segoe UI";font-size: 13px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.imgFrame {min-height: 130px;float: left;margin: 0px 8px 0px 8px;border-radius: 5px;border:1px solid #ccc;}
.DisplayInline{/* display: inline-flex;*/float: left;padding-left: 0px;list-style-type: none;} 
.DisplayInline  a{font-size: 13px;margin-left: -3px;margin-top: 5px;}
.DisplayInline li a:hover{text-decoration:underline;}.DisplayInline li a:not([href]):hover {text-decoration: none;}
.DisplayInline li a:not([href]) {text-decoration: none !Important;color:#333 !important;}
.DisplayInline li:last-child a:hover {cursor: default;}
.DisplayInline li span {margin-left: -2px;margin-right: 7px;}
.topinfo{border-left: 1px solid #ccc; border-right: 1px solid #ccc;min-height: 20px;}
/*****subscribe button*****/
.subscribe p { display: inline-flex;color: #fff;font-size: 15px;font-weight: 600; margin-bottom: 0px;margin-top: 3px;}
.subscribe {width: 70%; margin-bottom: 10px;margin-left: 56px;}
.subscribe img {width: 28px;margin-right: 4px; margin-left: -8px; float: left;}
#TaskUser .AssignPriorityUserPhoto {width: 30px !important;height: 30px;}
.education ul li {font-family:"Segoe UI" !important;font-size: 13px;}
#TaskGroup .AssignPriorityUserPhoto {width: 61px !important;border-radius: 6px;height: 61px;margin: 6px 17px;}
.group_Active{background:blue;color:#fff;}

/****Agenda***/
.rel-document div {background: #fff;padding: 4px;margin: 4px 0px;border: 1px solid #ccc;}
#agendaTabs.exTab3 .nav-pills > li > a {padding: 8px 6px;}
.rel-document p {font-weight: 600;}
.workspace_boxes {border: 1px solid #ccc;width: 31.5%;margin: 2px;padding:0px;}.workspace_header { padding: 6px;background: #ddd;border-bottom: 1px solid #ccc;font-size: 13px;font-weight: 600;margin-bottom:0px !important;}.workspace_content {padding: 6px;}
.ForRadioButton {display: inline-block;margin-left: 11px;margin-right: 14px;margin-bottom: 1px;}
.ForAll {margin-top: 5px;margin-left: 5px;}
ul.DisplayInline {list-style: none !important;margin-left:0px;letter-spacing:initial;margin-left: 15px;}
.left-Link-input {float: left;padding-right: 5px;margin-bottom:0px !important;}
.imageinfo-gallery.session_img .img-bottom {position: absolute;background-color: #000000;width: 100%;z-index: 1;bottom: 0px;opacity: 0.6;color: #fff;font-size: 13px;padding: 5px;line-height: 16px;height:38%;}
.session_img .preview > img {width: 100%;border: 1px solid #ccc;}
.imageinfo-gallery.session_img > li {list-style: none;float: left;margin-right: 5px;margin-bottom: 5px;background-color: #555;position: relative;width: 19%;}
.treeview li {list-style: none;}
.displayFlex a {margin: 5px;}
body.no-left-navigation.content-in-tabs #DeltaPlaceHolderMain {margin-left:0px;margin-right: 5px;width: calc(100% - 30px);} 
.flex-item .flex-container {margin-left: 5px;padding-top: 0px;padding-right: 5px;}
/******saving&credit header************/
.saving-header {font-size: 22px !important;background: rgba(181, 181, 181, 0.3);margin-bottom: 15px;margin-top: 15px;color: #006699;list-style: none;line-height: 35px;padding-left: 10px;font-weight: bold;margin-right: 20px;}
.right-icon{margin-right:7px;margin-left:3px;}
.smart-folder .DisplayInline li span {margin-left: -1px;margin-right: 7px;font-size:13px;}
.smart-folder .DisplayInline li:last-child {color: #888;}
/******pop-up-feedback-icon*********/
.feedback-icons .addtoggle {margin-top: 0px;}
.feedback-icons .dropdown > ul.dropdown-menu.dropdown-menu-right.add {min-width: 200px;left: -146px;z-index: 9999;top: 20px;padding: 0px;}
.feedback-icons #edit-text {font-size: 12px;text-decoration: none;color: black !important;padding: 2px;font-weight: 600;}
/******n/w Activity*****/
.AllOverView-header #identifier-0+label:before, .AllOverView-header #identifier-0:checked+label:before, .AllOverView-header .toggle-box-content+label:before {font-family: inherit ;font-variant: normal;text-transform: none;line-height: 1.5;-webkit-font-smoothing: antialiased;margin-right: 1px;color: #fff;float: right;font-size: 14px;font-family: 'Glyphicons Halflings';}
.AllOverView-header #identifier-0+label:before {content: "\e113";}
.AllOverView-header #identifier-0:checked+label:before, .AllOverView-header .toggle-box-content+label:before {content: "\e114";}
.AllOverView-header a {color: #fff;text-decoration: none;font-size: 18px;}
.AllOverView-header a:hover {color: #fff;text-decoration: none;font-size: 18px;}
.AllOverView-content a{color: #2eabe3;font-size: 15px;margin-right:10px;}
.AllOverView-content a:hover {color: #2eabe3;font-size: 15px;text-decoration: none;}
.panel-group .panel {border-radius: 4px;margin-bottom: 12px !important;}
.AllOverView-header .toggle-box-content:checked+label:before {content: "\e113";margin-right: 1px;font-family: 'Glyphicons Halflings';}
.AllOverView-header {background-color: #fff;margin-bottom: 4px;}
.AllOverView-content p {padding-bottom: 0px;margin-bottom: 0px;}
.AllOverView-content {padding-top: 1px !Important;padding-left:2px;}  
.AllOverView-header #identifier-0+label+div{display:block;}
.AllOverView-data {background: #fafafa;padding: 4px 7px;margin: 2px;}
.commentForAdmin ._fixedScrollHeight {max-height: 580px;overflow-y: auto;border-right:1px dashed #ccc;}
/***task-profile****/
#description img.fr-fic.fr-dii {max-width:100%;}
.radio-inline{margin-top:-1px !important;}
.ui-autocomplete {background-color: rgb(245, 245, 245) !important;font-size: 12px !important;overflow-y: scroll;max-height: 310px;border: 1px solid #ccc;max-width: 331px !important;overflow-x:hidden;}
/******current-cooperation*******/
.current_description {border: 2px solid #888;padding: 15px;}
.current_title a:hover {color: transparent !important;}
.current_title span {color: #fff;font-size: 14px;padding-left: 16px;}
.current_title {padding: 9px 0px;background: #888;}
.infoblock h3 {font-family:"Segoe UI";font-size: 22px;color: #666;padding: 5px 0;border-bottom: 1px #d5d5d5 solid;width:100%;font-weight: 700;color: #666;margin-bottom:10px;}
.current_commnet {padding: 33px;font-size: 14px;text-align: center;color: #888;border: 2px dashed #ccc;}
.language .label {width: 39px !important;float: left;padding: 0px;margin: 2px;background: none;height: 36px;}
.language .labeltext {height: 39px;margin-bottom: 2px;width: 952px;}
.infoblock .describe {background: #f4f4f4;float: left;text-align: left;margin: 10px;color: #000;font-family:"Segoe UI";font-size: 13px;min-height: 38px;width: 96%;padding:10px;}
.forshowingcontact p{margin-bottom:0px;}
/****this are used for right webpart ******/
.right-webpart-mg {padding: 0px 5px;}
.right-webpart-mg .filter-input {width: 85%;display: inline-grid;margin-bottom: 9px !important;font-family:"Segoe UI";font-weight: 400;font-size: 16px;word-break:break-all;}
.right-tabsdetail {padding: 0px 7px !important;}
.right-tabsdetail #imagedetail, .imagedetail {width: 70px;padding-left: 0px;float: left;}
.right-tabsdetail #imagedetail img, .imagedetail img {border: 1px solid #d5d5d5;box-shadow: 2px 3px 2px 0 #d5d5d5;width: 50px !important;}
.right-tabsdetail #marg-p {padding: 0px 4px 0px 2px;width: auto;text-align: left;font-size: 13px !important;}


/****************************/
.side-user-card {width: 100%;float: left;border: 1px solid #ededed;padding:5px;}
.side-user-card h4{font-size:12px;font-weight: 600;}
.side-user-card >div {float: left;line-height: 30px;}
.side-user-card >div:last-child {float: right;}

/****institution*******/
#Institution li, #changeDivision li {position: initial;}
#changeDivision .divPanelBody #main-menu > li {min-height: 0px;padding: 0px;display: block;font-size: 13px;padding: 8px 12px;text-decoration: none;background: #fff;}
#changeDivision .divPanelBody ul.sub-menu.clr {left: 337px !important;top: 72px !important;width: 33% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI";}
#changeDivision .divPanelBody ul.sub-menu ul.sub-menu.clr2 {left: 326px !important;top: 7px !important;width: 99% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI";}
#changeDivision .divPanelBody ul.sub-menu.clr > li > a {background: #ccc !important;border: 1px solid #ccc;border-top: none;color: #dc0018 !important;display: block;font-size: 14px;line-height: 15px;padding: 10px 12px;margin-bottom: 1px;}
#changeDivision .divPanelBody #main-menu > li a:hover {background: #b3b3b3 !important;}
#changeDivision .divPanelBody ul.sub-menu ul.sub-menu > li > a {background: #b3b3b3 !important;margin-bottom:1px;}
fieldset.team {border-top: 1px solid #ccc transparent !important;margin: 0px;padding-bottom: 5px;padding-top: 0px;margin-right: 10px;}
.team legend {font-size: 14px !important;text-align: center;color: #fff !important;font-size: 14px !important;display: block !important;width: -webkit-fill-available !important;text-align: center;padding-left: 5px;padding-right: 5px;}
.marginR41 {display: contents;margin-right: 24px;}
.taskteam_member fieldset.team {display: flow-root;}
.smart_case_team fieldset.team {display: inline;}
.smart_case_team .subcategoryTask {width: auto;margin: 0px 2px;vertical-align: top;text-decoration: none;padding:0px;}
.smart_case_team .teamMember_Img {padding: 2px;padding-left: 5px;}
.responsibility_tile {display: inline-flex;}
.margright {display: inline-block;margin-right: 3px;}
.showing_date {width: max-content;}
.AssignUserTask {padding: 3px;min-height: 69px;}
.AssignUserTask img {width: 35px;height: 35px;border-radius: 25px;border: 1px solid #dedede;margin:2px;}
.current_division {padding: 33px;font-size: 14px;text-align: center;color: #888;border: 2px dashed #ccc;}
.assigntask_img img {width: 30px !important;height: 30px;margin-bottom: 3px;border-radius:50px;}
.table-hover > tbody > .group_hover:hover {background-color: blue !important;}
.TeamLeader {width: 30px;height: 30px;border-radius: 50px;display:inline-flex;margin-right:2px;}
.TeamLeaderImg {padding-bottom: 5px;padding-top: 4px;height:40px;display:flex;}
/*****compare EditPop-up********/
.compare_tool {padding: 10px !important;background: #fafafa;flex-basis: 48%;text-align: left;padding: 10px 5px 10px 5px;color: #000;font-family:"Segoe UI";font-size: 13px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.compare_icon {flex-basis: 60px;background: #f5f5f5;text-align: center;padding: 10px 5px 10px 5px;color: #6F6F6F;font-family:"Segoe UI";font-size: 13px;font-weight: bold;border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
p.small_icon {padding-bottom: 0px;margin-bottom: 0px;}
.small_undo_icon {padding-top: 11px;}
p.text-center.up_down {height: 18px;padding-bottom: 0px !important;margin-bottom: 0px;padding-top: -10px;}
.up_down img {height: 45px;margin-top: -11px;}
.DragComment {padding: 15px;font-size: 14px;text-align: center;color: #888;border: 1px solid #ccc;}
.ForProcessCategory .subcategoryTask {width: 150px;height: 82px;padding: 6px;}
.late .labeltext {width: 50%;padding-left: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 35px;padding-right: 0px;border-right: 2px solid #fff;}
.late span img {padding: 7px;width: 34px;}
.late.long .labeltext {width: inherit;}
.wrapper_scroll {overflow: auto;background: white;overflow-x: hidden;border:1px solid #ccc;}
.wrapper_scroll::-webkit-scrollbar {width: 6px;border-radius: 5px;background: #ccc;opacity: 0.2;border-radius: 10px;}
.late .label {width: 35px !important;}
.JointContact .current_commnet {padding: 49px;font-size: 14px;text-align: center;color: #888;border: 2px dashed #ccc;}
.infoblock .describe {background: #f4f4f4;float: left;text-align: left;margin: 10px;color: #000;font-family:"Segoe UI";font-size: 13px;min-height: 38px;width: 92%;padding: 10px;}
.DragUser_Images .Drag_User {font-size: 15px;padding-left: 47px;padding-right: 15px;color: #888;opacity: 0.5;position: absolute;bottom: -14px;right: 160px;}
.cepEditor {margin-top: -12px;margin-left: 35px !Important; width: 79% !important;float: left;}
.TopicDropPanel li {margin-bottom: 4px;margin-top: 4px;}
.tmvalue.process {padding: 15px 3px;}
.cepClient {width: 18%;float: left;}
.left_icon {width: 7%;float: left;margin-right: 6px;}
.contacts-tabs .ui-tabs .ui-tabs-nav li a {float: left;padding: .5em -1em;text-decoration: none;font-weight: 200;padding: 8px 4px;}
.urlcompletewidth {width: 113px;}
.urlsmallwidth {width: 728px;}
.completewidth {width: 27%;}.smallwidth {width: 73%;}
.EPS100Division legend {background: #999797;margin-bottom: 0px !important;color: #ffff;padding: 8px;}
.EPS100Division .container-new {border: 2px solid #999797;max-height: 700px;overflow: auto;}
.EPS100Division .phase-td {padding: 8px 8px 8px 8px;}
.impact-infoII {flex-basis: 82%;}
.FlexBasis84{flex-basis: 84%;}
.FlexBasis50{flex-basis: 50%;}
.FlexBasis16{flex-basis: 16%;;}
.impact-infoIII {flex-basis: 66%;}
.impact-infoI {flex-basis: 18%;}
.impact-infoIV {flex-basis: 30%;}
.impact-infoVII {flex-basis: 148px;}
/****create report*****/
.report-project{padding-left:0px;padding-right:0px;height:500px;overflow:auto;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

/***use for profile page***/
.accordintab .toggler span {color: #716565;font-weight: 600;margin-top: -1px;width: 100%;cursor: pointer;}
.accordintab a.toggler:before, .toggletable a.toggler:before {font-size: 14px;cursor: pointer;margin-right: 7px !important;}
#peoplePicker_updateAssignedToUser_TopSpan_InitialHelpText {width: 270px;}
/****Involve-actors****/
.Involve-actors {border-bottom: 2px solid #e8e7e7;padding: 3px 1px;}
.Involve-actors .checkbox {margin-left: 20px;margin-bottom: 0px;}
/*****disable textarea and input css****/
.pointer-event {pointer-events: none;background: #efeded !Important;}
.cursor-disable {cursor: not-allowed;}
/**Team User Drag and Drop */
.content_drop .title2 {color: #fff;font-size: 17px !important;font-weight: 700 !important;padding-bottom: 2px;margin: 5px -11px;padding: 6px 1px;background: none;text-align: center;}
.content_drop {cursor: pointer;border-radius: 50%;display:inline-block;}
.title3 {color: #fff;font-weight: 700;font-family:"Segoe UI";font-size: 15px;padding: 13px 4px;border-radius: 50%;margin-left:2px;}
.title4 {color: #fff;font-weight: 700;font-family:"Segoe UI";font-size: 10px !important;padding: 4px;border-radius: 50%;margin-right:2px; width: 50px; height: 50px;}
.usernew.title2 {width: 28px;height: 35px;margin: 0px;}
.title2_resp {width: 70px;height: 57px;margin: 2px;font-size: 16px;padding-left: 1px;padding-right: 2px;background: #429e4d;color: #fff;padding: 17px 3px;font-weight:600;}
.title2 {width: 46px;height: 37px;padding-top: 9px;padding-bottom: 5px;margin: 0px;font-size: 10px;padding-left: 1px;padding-right: 2px;}
.title2.alltaskimageprofile {width: 30px !important;height: 28px;margin-bottom: 0px;border-radius: 50px;font-size: 10px;padding: 5px 0px;margin-left: 0px;margin-top: 0px;}
.title2.contact {width: 28px;}
.all_task_dashboard {color: #fff;padding-top: 13px;margin: 4px 5px;font-weight: 800;font-size: 20px;font-family:"Segoe UI";display: inline-block;width: 73px;height: 55px;}
.title2.alltaskimage {width: 30px !important;height: 30px;margin-bottom: 0px;border-radius: 50px;font-size: 10px;padding: 7px 0px;margin-left: 0px;}
.TeamLeaderImg .title2 {border-radius: 50%;margin: 0px;width: 30px;height: 30px;font-size: 12px;padding-top: 5px;margin-left:4px;}
.TeamLeader .title3 {width: 30px;height: 30px;font-size: 9px;padding: 7px 1px;text-align: center;}
/****error page****/
 .go_threw {border: 1px solid #ccc;padding: 27px;text-align: center;font-size: 14px;background: #fff;box-shadow: 1px 2px #f0f0f0;}
.go_threw a span {font-weight: 600;}
.name_info{min-height:40px}.smart_general{background:#a4a4a4;width:7%;float:left;padding:2px;border-right:2px solid #fff;min-height:39px}.smart_information{width:93%;float:right;padding:10px 4px;font-weight:600;color:#605e5e;background:#f0eeee;min-height:39px}.smart_general img{padding:2px;width:30px}span.btn.btn-primary.per{background:#777272!important;border:1px solid #777272!important}.taskItemLength{color:#fff}.deleteIcon_Color{background:#415665;height:50px;width:200px;border-radius:15px;padding:20px;font-size:22px;color:#fff}.TaskNameclass{width:18%}.TaskNameclass1{width:30%}
/****smatmetadataPopnew*******/
#SmartMetadataPopupnew.divPanelBody #main-menu > li > a {display: block;padding: 7px;}
#SmartMetadataPopupnew .divPanelBody #main-menu > li {display: inherit !important;border-left: 1px solid #ccc;background: #fff;position: static !important;border-radius: 0px !important;font-size: 13px;font-family:"Segoe UI";padding: 7px 0px;}
#SmartMetadataPopupnew .divPanelBody ul.sub-menu.clr.smartmetadata {left: 316px !important;top: 53px !important;width: 33% !important;z-index: inherit !important;position: absolute;height: 100%;font-family:"Segoe UI";}
#SmartMetadataPopupnew .divPanelBody .sub-menu.clr li a {background: #ccc !important;margin-bottom:2px;padding:11px 12px;}
#SmartMetadataPopupnew .divPanelBody .sub-menu.clr li a:hover {background-color: #b3b3b3 !important;}
/***smartcase_dashboard****/
.smartcase_dashboard th div {margin-left: 1px;}
.partner_des {width: 96%;}
.impact-infoV {flex-basis: 23%;}
.partner_img img {width: 100%;height: 39px;margin-bottom: 1px;}
.partner_img {width: 4%;border-right: 2px solid #fff;}
ul.square-list {list-style-type: square;margin-left: 11px;}
#DescriptionInfo p {margin-top: -2px;}
/****css project-tool****/
.tiles_project .panel-body {text-align: center;padding:30px 70px !important;}
.project-tool {font-size: 20px;padding: 57px 10px;font-weight: 600;color: #fff;height: 200px;line-height: 27px;display: grid;text-align: -webkit-center;}
.news_upload a:hover {text-decoration: none;}
.partner_des .tlvalue {flex-basis: 100%;}
.toggle-box-content + .showDownIcon:before {content: "\e252";font-family: AdminCH_Symbols;position: relative;top: 1px;display: inline-block;font-family: "Glyphicons Halflings";font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;font-size: 11px;}
.accordin-header .toggle-box-content + .add-collapse:before {content: "\e250";font-family: AdminCH_Symbols;position: relative;top: 1px;display: inline-block;font-family: "Glyphicons Halflings";font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;font-size: 11px;}
.admin_menu_control {min-height: 550px;overflow: auto;padding-left: 6px;}
/*****FAQs collapse Expand****/
.FAQsQuestion .toggle-box-content + label {cursor: pointer;display: block;font-weight: 500;line-height: 21px;margin-bottom: 5px;padding: 4px;font-size: 15px;border: 1px solid #ccc;color:#fff;}
.FAQsQuestion .toggle-box-content + label + div {display: none;margin-bottom: 10px;border: 1px solid #ccc;margin-left: 0px;padding: 5px 10px;font-size: 13px;}
.FAQsQuestion p {margin-bottom: 0px;}
.FAQsQuestion .toggle-box-content:checked + label:before {content: ',';margin-right: .3846em;float: right;content: "\2212";font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;color:#fff;}
.FAQsQuestion .toggle-box-content + label:before { font-family: AdminCH_Symbols;content: ':';font-variant: normal;text-transform: none;line-height: 1.3;-webkit-font-smoothing: antialiased;margin-right: .6146em;float: right;content: "\2b";font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;color:#fff;}
.FAQsQuestion .toggle-box-content:checked + label + div {display: block;}
.FAQsQuestion .toggle-box-content + label + div {display: none;margin-bottom: 10px;}
.fixed-scroll-ExistingConnectingItemsTagged {height: 320px;overflow-y: auto;overflow-x: hidden;}
.overview_eventtitle {height: 100px;background: #006699;color: #fff;padding: 27px 18px;font-size: 19px;text-align: center;line-height: 24px;margin: 0 0 11px;}
/****add css in smart taxnomy****/
#main-menu .sub-menu.clr li .secondactive span, #main-menu .Showclass.firstactive a {color: #fff !important;}
.Showclass a p {font-size: 14px !important;text-decoration: none;}
#main-menu .hoveractive:hover >.intro, .intro1, #main-menu .hoveractive:hover >.intro1  {display: block !important;}
#main-menu .hoveractive:hover > ul.sub-menu, #main-menu .hoveractive1:hover > ul.sub-menu.clr3 {display: none !important}
.intro.clr .secondactive1 span {color: #fff !Important;}
/****Admin-help****/
.FAQsQuestion .toggle-box-content#identifier-01 + label + div {display: block;}
.FAQsQuestion .toggle-box-content#identifier-01 + label:before {content: "\2212";}
.FAQsQuestion .toggle-box-content:checked#identifier-01 + label:before {content: "\2b";}
.FAQsQuestion .toggle-box-content:checked#identifier-01 + label + div {display: none;}
/***NotMatch***/
#NotMatchColumn .NewProjects, th {margin-bottom: 0px;}	
.displayLabel {text-align: left;}
/*****New View Project***/
.view_project {padding: 0px;}
.view_project label {padding: 10px;background: #dedddd;}
.view_project .accordin-content {padding-top: 15px;padding-right: 15px;}
/***update top***/
.permision_content {background: #fff;padding: 12px;border: 1px solid #ccc;}
.TeamMember .tmvalue {width: 18%;}
.TeamMember .tlvalue {padding: 4px 0px;}
.process .tmvalue {padding: 8px 5px;}
.process .tlvalue {padding: 6px 6px;}
/*****pipe***/
.pipe {font-size: 17px;font-weight: 600;margin: 5px;color: #000;}
/*****cardprofile EditImages****/
.cardProfile_editimage img {width: 17px !important;height: 17px !important;margin: 0px 1px !important;float: none !important;}
/****this css are used in radio & chcekbox margin****/
.label_margin label {padding-left: 0px;}
.label_margin input {margin-top: 2px;}
/***contact Pop up***/
.update_info {display: initial;float: left;margin-right: 9px;}
.update_info a {display: block;}
.uderlineOnHover:hover {text-decoration: underline;}
/**** this css use for smartmetadata ****/
.for-scroll{overflow-y: auto; overflow-x: hidden;height: 682px !important;}	
.for-li{padding: 7px 1px !important;}
.img_pad{padding: 9px 10px !important;}
.for-lies{padding: 8px 1px !important;}
.myscrool{height:285px; overflow-y: auto; border:1px solid #ccc;}
/**** start institution compare tool component css  ****/
.institutioncomparetool .presentation-image img {width: 100%;}
.institutioncomparetool .presentation-image {width: 20%;height: 99px; margin-left: 40%;}
.institutioncomparetool .DEcolor {background: #f98b36;color: #fff;padding: 5px; margin: 2px;}
.institutioncomparetool .EPScolor, .institutioncomparetool .EIcolor {color: #000;}
.institutioncomparetool .eps.fieldsett {border: 2px solid #dc0018 !important; margin: 0; min-width: 0;padding: 0px;position: relative;background: #ffffff;}
.institutioncomparetool .ei.fieldsett {border: 2px solid #519AA1 !important;margin: 0;min-width: 0;padding: 0px;position: relative;background: #ffffff;}
.institutioncomparetool .partner_img1 img {width: 48px;height: 39px; margin-bottom: 1px;}
.institutioncomparetool .validationError {color: #dc0018; }
.institutioncomparetool .tooltiplocal {position: relative;display: inline-block;}
.institutioncomparetool .tooltiplocal .tooltiptext {display:none;width: 120px;background-color: #eee;color: #555;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute; z-index: 1;bottom: 100%;left: 50%;margin-left: -60px;}
.institutioncomparetool .tooltiplocal:hover .tooltiptext {display:block;}
/**** end institution compare tool component css  ****/	
.jointContactsearchPage1 #SharewebAnCToolprogressbar {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;z-index: 99;background-color: #fff;text-align: center;}
.jointContactsearchPage1 #contact>tbody>tr.active>td {background-color: #e6e6e6 !important;box-shadow: 0 -3px 25px -7px #cccc;padding-top: 0px;padding-right: 6px;padding-left: 6px;}
.jointContactsearchPage1 .ui-autocomplete li:last-child {position: absolute;top: 0px;}
.centerlizedAddConnectTool .form-group {margin-bottom: 15px;font-size: 13px;} 
.centerlizedAddConnectTool .searchclear-project { position: absolute; top: 6px; right: 28px; color: #ccc; cursor: pointer;}
.centerlizedAddConnectTool .serach-glyph .direction-arrow {position: absolute !important;top: 8px !important;right: 17px;}
.centerlizedAddConnectTool .title-glyph .direction-arrow {position: absolute !important;top: 9px !important;left: 68px;}
/**** Start mangesmarttaxonomy component css  ****/	
.SmartMetadata1 .panel-body {padding: 0px !important;}
.SmartMetadata1 .for-scroll {position: sticky; max-height: 700px; overflow-x: hidden; overflow-y: auto;}
.SmartMetadata1 .pdtopleft {padding-top: 16px;padding-left: 6px;padding-right: 4px;}
.SmartMetadata1 .bdrboxsides1 {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.SmartMetadata1 .divPanelBody .manage_border ul.sub-menu {left: 34.1% !important;top: -8px !important; margin-top: 2px;}
.SmartMetadata1 ui-tabs .ui-tabs-nav li a {padding: .7em .65em !important;}
/**** End mangesmarttaxonomy component css  ****/	
.nonoe li{list-style:none !important;}
.fortablee .for-lis {display: flex;width: 100%;padding: 5px;font-size: 13px !important;}
 .fortablee .arrow_up {margin-top: -10px;cursor: pointer;margin-left: 4px;}
 .fortablee .arrow_down {margin-top: 4px;cursor: pointer;margin-left: 4px;}
 .fortablee .glyphicon {right: auto !important;}
 .for-c0l {background: #cccbcb !important;border: 1px solid #fff;border-bottom: none;}
 .for-c02 {background: #e2e0e0 !important;border: 1px solid #fff;border-bottom: none;}
 .for-c03 {background: #f3f1f1 !important;border: 1px solid #fff;border-bottom: none;}
 .for-c04{background: #f9f6f6 !important; border: 1px solid #fff;border-bottom: none;}
 .project_active {background: #b1b0b0 !important;}
 /* .fortablee .section-event .searchclear {right: auto !important;margin-left: -19px;bottom: auto;top: 10px !important;} */
 .fortablee .glyphicon_active {right: auto !important;}
 .fortablee .section-event {position: relative; border: 1px solid #ccc;padding-top: 0px !important;background: #fff;} 
.edittop-navigation #replaceimagesharewebprogressbar{width: 100%;height: 20%;top: 100px;bottom: 200px;left: 0px;position: fixed;display: block;opacity: 0.7;z-index: 99;text-align: start;background: #fff;}
.edittop-navigation .border-sp{border: 1px solid #ccc; padding: 4px;min-height: 30px !important;}
.showEdit{display: unset !important;}
/**** workspace Accordion ****/
.team-member {max-height: 281px; overflow: auto;}
.RightTop li a {font-size: 14px;}
.RightTop {display: block !important;}
.RightTop li {color: #fff;background: #a4a4a4 !important; margin-top: 3px !important;}
.rightAccordin li span {padding-right: 3px !Important;}
.rightAccordin li {padding: 5px 0px !important;}
#MSOZoneCell_WebPartWPQ3 { background: none;}
#accordion li.menuPlusIcon {background-image: none;}
span.glyphicon.glyphicon-chevron-right {position: unset; left: unset; top: unset;}
#accordion li span .glyphicon  {float: left;padding-right: 0px;color: #757575;padding-top: 4px;cursor: pointer;}
#accordion li .rightAccordin{background: #f5f5f5;color: #dc0018; background-image: none;}
#accordion ul li .EIItemStyle{background: #d9d3d3;padding-left: 42px !important;}
#accordion a .colores {background: none;margin-left: 0px;padding-left: 7px;color: #f98b36 !important;font-weight: 500;font-size: 14px;}
.SharewebRightNavigatorBarAccordion #accordion ul li > ul.child-level {padding-left: 30px;}
.ImgbottomBox{left: 24px; background: #000; position: absolute; background-color: #000000; width: 75px; z-index: 1; top: 70px; opacity: 0.6;}
/**** ManageSmartPageTool Page Css ****/
.titles_imgsizes {width: 120px !important;height: 120px !important;margin: 7px 5px;}
.box_borderdot {border: 2px dashed #ccccccf0;padding: 21px;}
.txt_sizeline {line-height: 14px;font-size: 14px;font-weight: 500 !important;width: 73px;height: 55px ;}
.for-white a{color: #fff !important;}
/**** Keyinstruments Page Css ****/
.keywid150{width: 150px;height: 150px;}
.keywid132{width: 132px;height: 150px;}
.img-card {width: 15px;height: 10px;}

/**** This css use for img hovering on all task profile pages ****/
.img-hover a{position:relative; z-index:0; display:inline;}
.img-hover span{position:absolute; left: -9999px;}
.img-hover a:hover{z-index:50; cursor:pointer;}
.img-hover a:hover span{top:-370px; left:110%;}
.img-hover span {margin-left:10px; background-color: #ccc;}

/**** DynamicSharewebFeaturedProfile Pages Css ****/
.splitTabTitle.exTab3.agenda_tabs .nav-pills > li.active > a {border-bottom: 0 none;filter: none; color: #000 !important;background: #f5f5f5;margin-bottom: -1px;width: 100%;height: 100%;}
.tabs_title {color: #666666;font-weight: 600;}
.splitTabTitle.exTab3.agenda_tabs .nav-pills .dynamic {display: table-footer-group; width: 33.33%;min-height: 154px;border-bottom: 1px solid #ccc;}
.splitTabTitle.exTab3.agenda_tabs .nav-pills > li > a {text-align: -webkit-auto;text-transform: initial;}

/**** ManagePermission Page Css ****/
.newhead{margin-top: -40px;font-weight: 900; font-size: 18px;background-color: #fff;padding: 5px;}	

/**** EditSharewebSmartMetaData Page Css ****/
#editsmatmetadataprogressbar {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;z-index: 99;text-align: center;background: #fff;}
.tiles_creative .for-white a {color: #fff !important;}

/**** JointEditPopup-ContactSearch Page Css ****/
.imagecancel {position: absolute;top: 82px;right: 16px;}
#divisionHistoryTable {border-top: 4px solid #519AA1 !important;table-layout: auto; border-collapse: collapse;width: 100%;}
#divisionHistoryTable td, #divisionHistoryTable tbody tr {background-color: #fff;border-bottom: 2px solid #e5e2e2 !important;}
.inputTextForm { width: 100%;border-radius: 1px;padding: 6px 20px;border: 1px solid #ccc;}
.img_nametitle {color: #fff;font-size: 10px;padding-left: 5px;text-overflow: ellipsis;overflow: hidden;width: 87px;white-space: nowrap;display: inline-block;}
.input_type_alignment {text-align: initial;padding-bottom: 3px;margin-left: 7px;}
/**** NewProjects Page Css ****/
.tabs .tab-nav {text-align: left;margin: 0 0 20px 0;}
.tabs .tab-nav li {display: inline-block;vertical-align: top;}
.tabs .tab-nav li a {transition: all 0.25s ease-in-out;cursor: pointer;font-weight: bold;user-select: none;}
.tabs .tab-nav li:hover > a,.tabs .tab-nav li.active > a {color: #448aff;}
.localtooltip {position: relative;}
.localtooltip .tooltiptext1 {display:none;min-width: 135px;background-color: #fff;color: #000;text-align:start;padding: 9px;position: absolute;z-index: 1;top: -5px;left: -867%;border: 1px solid #ccc;}
.localtooltip .tooltiptext2 {display:none;width: 135px;background-color: #fff;color: #000;text-align: center;padding: 5px 0;position: absolute;z-index: 1;top: -5px;left: -149px;border: 1px solid #ccc;}
.localtooltip:hover .tooltiptext1 {display:block;}
.localtooltip:hover .tooltiptext2 {display:block;}
.tooltiptext1.two {left: -229px;}
.tooll{left: 20px !important; width: auto;}
.NewProject.dropdown > ul.dropdown-menu.dropdown-menu-right.add {min-width: 168px;left: -140px;z-index: 9999;top: 15px;padding: 0px;margin-top: 0px;margin-right: 20px;}
.addclass {background: #dc0018;color: #fff;}
.institutioncomparetool .de.fieldsett {border: 2px solid #f98b36 !important;margin: 0;min-width: 0;padding: 0px;position: relative;background: #ffffff;}
.icons-check {width: 140px;}

/**** Centerlized AddnconnectTool Popup css ****/
.HighlitedClass{ background-color:yellow;}
.nodocbox {margin: 10px;padding: 25px; border: 2px dashed #bbb;}
.height-252{height: 252px!important;}
.pdlr3 {padding-left: 3px;padding-right: 3px;}
.foldersTreeViewPopup {height: 310px;overflow: auto;}
.toAlignListElmntOnPage .dismar li {font-size: 13px;margin: 0px;padding: 0 0 0 0.5em;}
.Roundf{width: 32px;height: 32px;background-color: #ccc;border-radius: 50%;padding-top: 9px; text-align: center;}
.alertmsg {overflow: hidden !important;margin-left: 30%; margin-top: 32px;}
ul.sub-menu > li :focus{display: block;}
/** filter-icon on click Popup **/
.tooltipte.tooltipscrnsize .tooltiptext{left: auto;margin: 0 auto;}
.tooltipte.tooltipscrnsize .tooltiptext:before{left: 91%;}
.tooltipte {position: relative}
.tooltipte .tooltiptext {display:none;width: 300px;min-height: auto;background-color: #fff;color: #000;text-align: center;padding: 5px 0;position: absolute;z-index: 9999;top: 13px;right: -72%;font-size: 13px;font-weight: normal;line-height: 18px;border-width: 1px;color: #333;padding: 0px;font-size: 12px;font-family: Verdana,Arial;background-color: #f6f6f6;text-align: left;margin-right:-200px;}
.tooltipte .tooltiptitle {color: #6b6a6a;font-size: 14px !Important;font-weight: 600;background: #e8e6e6;padding: 4px 8px;border: 1px solid #ccc;margin-bottom: 0px;} 
.tooltip_Desc {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 10px;background: #fff;}
.tooltiptext:before {content: "";position: absolute;top: -18px;left: 27%;border-width: 13px;border-style: solid;border-color: transparent transparent transparent #e8e6e6;transform: rotate(-90deg);}
.dashboard-tool {font-size: 20px;padding: 57px 10px; font-weight: 600; color: #fff; height: 200px; line-height: 27px; display: inline;}
.dashboard-tool:hover .tooltiptext {display:block;}
.dashboard-tool a.text-white {color: #ffffff !important;font-size: 22px !important;font-weight: 600;}
.dashboard-tool.tilessizetxt {padding: 0px 2px 7px 1px;position: relative;}
.dashboard-tool.tilessizetxt a.text-white {color: #ffffff;font-size: 20px !important;font-weight: 600;letter-spacing: 1.2px;}
.dropbtn {background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
.dropdown1 {position: relative;display: inline-block;}
.dropdown-content {position: absolute;background-color: #f6f6f6;max-width: 225px;border: 1px solid #ddd;z-index: 1;margin-left: 5px;}
#searchSelfAssessmentDec .dropdown-content {max-width:230px; width:100%;margin-left:0px; }
.dataoverflow {height:175px;overflow-y: auto; overflow-x: hidden;}
.width-45 {width: 45%;}
.dropbtn:hover, .dropbtn:focus {background-color: #3e8e41;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;}
.width-60{width: 60%;}
.width-51{width: 51%;}
#myInput:focus {outline: 3px solid #ddd;}
#myDropdown1 button, #myDropdown2 button {min-width: 4.5em}
#myInput {box-sizing: border-box;background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;padding: 14px 20px 12px 45px;border: none;border-bottom: 1px solid #ddd;}
.togglebox > p .pull-right{margin-top: -19px;}
.togglebox a.toggler, .toggletable a.toggler{width:97%;}
.tooltip-detail {width: 165px;position: absolute;background-color: #f6f6f6;display:none;top: 30px;z-index: 1;left: -42px;padding: 10px; font-size: 13px !important; font-family: "Segoe UI" !important;}
.tooltip-detail:before {content: ""; position: absolute; top: -47%; left: 25%; border-width: 13px;border-style: solid;border-color: transparent transparent transparent #c7c5c5;transform: rotate(-90deg); }
.Info-tooltip {position: relative;}
.Info-tooltip:hover .tooltip-detail {display:block;}
.th_filtericon{left: 36px; margin-top: -25px;}
.break_sent{white-space: normal !important;}
.posi_uns{position: unset !important;}
/***************** Traffic light design *******************/
#TrafficLightTaggingPopup .responsibility_tile .circlelight {width: 40px;height: 40px;margin-right: 12px;}
#TrafficLightTaggingPopup .br_red {border: 3px solid #f00;}
#TrafficLightTaggingPopup .br_yellow {border: 3px solid #fc0;}
#TrafficLightTaggingPopup .br_black {border: 3px solid #000;}
#TrafficLightTaggingPopup .br_green {border: 3px solid #008100;}
#TrafficLightTaggingPopup .responsibility_tile{justify-content: center;display: flex;}
.trafficlearall{width: 40px;height: 40px;border: 3px solid #ccc;background: #fff;font-weight: 600;padding-top: 6px;border-radius: 50px;font-size: 12px;text-align: center;}
.circlelight:first-child {margin-left: 0px;}
.circlelight {width: 12px;height: 12px;border-radius: 50%;background-color: #fff;margin-left: 2px;}
.red, .activered {background-color: #f00;}
.activered,.activeyellow, .activeblank, .activegreen{border: 3px solid #ccc!important;}
.br_red{border: 1.5px solid #f00;}
.yellow, .activeyellow {background-color: #fc0;}
.br_yellow{border: 1.5px solid #fc0;}
.blue{background-color: #069;}
.br_blue{border: 1.5px solid #069;}
.green, .activegreen {background-color: #008100;}
.br_green{border: 1.5px solid #008100;}
.notable, .activeblank {background-image: url("https://www.shareweb.ch/site/Joint/SiteCollectionImages/ICONS/32/NotAble.png");border: none !important;width: 13px;background-repeat: no-repeat;}
#TrafficLightTaggingPopup .notable, .activeblank{background-image: url("https://www.shareweb.ch/site/Joint/SiteCollectionImages/ICONS/48/Not-Available.png");border: none !important;background-size: contain;background-repeat: no-repeat;}
.br_black{border: 1.5px solid #000;}
/***End Traffic light design ***/
.btn-grey {color: #fff !important;border-color: #cccccc !important;background: #cccccc !important;}
.l_hei_nor{line-height: normal !important;}
.R_Secbr{border: 1px solid #f00;}
.Y_Secbr{border: 1px solid #fc0;}
.G_Secbr{border: 1px solid #008100;}
.B_Secbr{border: 1px solid #000;}
.Bl_Secbr{border: 1px solid #069;}
.table tbody>tr#participants>td {vertical-align: middle;}
.feditortooltip .tooltiptext:before{display: none;}
#accordion .rightAccordin .new2 li a {padding: 0 !important;display: list-item;font-size: 13px;margin-left: 10px;}
#accordion .rightAccordin .new2 li a span {padding: 0px;}
#accordion .rightAccordin .new2 li {background: #fff !important;}
/* ----------------------------------------------------------------
	Countries Tab Classes
-----------------------------------------------------------------*/
img.region-map--img, img.SubRegion-map--img {display: block;width: auto;height: 69px;margin: 5px auto;}
img.Countries-map--img {display: block;width: 50px;height: 30px;margin: 0 auto;text-align: center;}
#countriesTab ul.tab-nav.tab-nav2.countriesTab li {width: 25%;margin: 15px auto;text-align: center;}
#countriesTab ul.tab-nav.tab-nav2.countriesTab, #countriesTab ul.tab-nav.tab-nav2.regionTab, #countriesTab ul.tab-nav.tab-nav2.SubRegionTab {margin-bottom: 0px;padding-left: 0px;text-align: center;}
#CountriesOverview ul.tab-nav.tab-nav2.regionTab li, #countriesTab ul.tab-nav.tab-nav2.SubRegionTab li {padding: 15px;color: #333 !important;background-color: #ffffff;font-weight: bold;width: 16%;height: 130px;margin: 7px 7px 0px 7px;}
#CountriesOverview ul.tab-nav.tab-nav2.regionTab li:last-child, #countriesTab ul.tab-nav.tab-nav2.SubRegionTab li:last-child {margin: 7px 0px 0px 7px;}
#CountriesOverview ul.tab-nav.tab-nav2.regionTab li.active, #countriesTabul.tab-nav.tab-nav2.regionTab li:hover {top: 0;background-color: #f5f5f5;border-top: 2px solid #519aa1;}
#countriesTab ul.tab-nav.tab-nav2.SubRegionTab li.active, #countriesTabul.tab-nav.tab-nav2.SubRegionTab li:hover {top: 0;background-color: #eaeaea;border-top: 2px solid #519aa1;}
#CountriesOverview ul.tab-nav.tab-nav2.regionTab li.active a, #CountriesOverview ul.tab-nav.tab-nav2.regionTab li:hover a, #countriesTab ul.tab-nav.tab-nav2.SubRegionTab li.active a, #countriesTab ul.tab-nav.tab-nav2.SubRegionTab li:hover a {color: #519aa1 !important;}
#CountriesOverview ul.tab-nav.tab-nav2.regionTab li a, #countriesTab ul.tab-nav.tab-nav2.SubRegionTab li a {text-transform: uppercase;background-color: transparent;padding: 0;color: #333 !important;}
#CountriesOverview fieldset.fieldset-region, #countriesTab fieldset.fieldset-SubRegion, #countriesTab fieldset.fieldset-Countries {display: block;padding-block-start: 0.35em;padding-inline-start: 0.75em;padding-inline-end: 0.75em;padding-block-end: 0.625em;min-inline-size: min-content;border: 1px solid #cccccc !important;}
#CountriesOverview fieldset.fieldset-region>legend, #countriesTab fieldset.fieldset-SubRegion>legend, #countriesTab fieldset.fieldset-Countries>legend {width: auto;color: #519aa1;font-weight: 700;font-size: 13px !important;padding: 0 10px;}
#countriesTab .tab-SubRegioncontainer .tab-content {padding: 10px;}
#countriesTab .tab-CountriesContainer .tab-content {background: #eaeaea;padding: 10px;}
/* ----------------------------------------------------------------
	tootltip Classes
-----------------------------------------------------------------*/
.featured .popover {position: absolute;top: 0;left: 0;z-index: 1010;display: none;max-width: 276px;padding: 0px;text-align: left;white-space: normal;background-color: #fff;border: 1px solid #ccc;border-radius: 0;-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);box-shadow: 0 5px 10px rgb(0 0 0 / 20%);background-clip: padding-box;}
.featured .popover.right .arrow {left: 0px;border-width: 0px;z-index: 0;}
.featured .popover .popover-title {margin: 0;font-size: 13px !important;font-weight: 600;padding: 5px 15px;color: #dc0018 !important;border-radius: 0px;border: none !important;margin-top: -1px;display: none;}
img.infoicon.fr-fic.fr-dii {max-width: calc(100% - (2 * 5px)) !important;margin-left: 1px;margin-right: 2px;cursor: pointer;z-index: 999;margin-top: -2px;}
.featured .popover-content {text-align: left;font-size: 12px;font-weight: normal;line-height: 18px;padding: 5px 10px;border: none !important;-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);box-shadow: 0 3px 10px rgb(0 0 0 / 15%);}
.featured .popover .arrow:after {border-width: 8px;}
.featured .popover.right .arrow:after {bottom: -17px;left: -7px;border-right-color: #fff;border-left-width: 0px;content: " ";}
.breadcrumbb .tooltipte .tooltiptitle {color: #fff !important;font-size: 13px !Important;font-weight: 600;background: #dc0018;padding: 4px 8px;border: 1px solid #dc0018;margin-bottom: 0px;display: none;}
.breadcrumbb .tooltip_Desc p {margin-bottom: 0px;}
.breadcrumbb .tooltip_Desc {padding: 5px 10px;border: 1px solid #ccc;-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 15%);box-shadow: 0 3px 10px rgb(0 0 0 / 15%);}
.breadcrumbb .tooltipte .tooltiptext:before {content: "";position: absolute;top: -21px;left: 3%;border-width: 13px;border-style: solid;border-color: transparent transparent transparent #fff;transform: rotate(-90deg);}
.breadcrumbb .tooltipte .tooltiptext {min-height: auto !important;top: 24px;}
div#addConnectTooltabs .webpart-div .panel.panel-default .popover {width: 100%;min-width: 400px;max-width: 400px;}

/* ----------------------------------------------------------------
	Switch Checkbox
-----------------------------------------------------------------*/
.switch {position: relative;display: inline-block;width: 60px;height: 30px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 23px;width: 23px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked+.slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round {border-radius: 30px;}
.slider.round:before {border-radius: 50%;}
 /* ----------------------------------------------------------------
	Risk assesment graph
-----------------------------------------------------------------*/
ul.numeric_lists {list-style-type: numeric;padding-left: 20px;}
ul.lists >li {margin-bottom: 10px;list-style-type: disc;}
ul.lists {padding-left: 20px;}
.breadcrumbb {list-style-type: none;margin: 1px !important;padding: 0px !important;}
span#pageContent ul.breadcrumbb li.breadcrumbb-level a {color: #ffffff !important;}
ul.breadcrumbb.gray .breadcrumbb-level:first-child a {font-weight: normal;}
li.breadcrumbb-level {margin: 2px 1px 0px 1px !important;padding: 0 !important;}
.redd .breadcrumbb-level::before, .redd .breadcrumbb-level::after, .bluee .breadcrumbb-level::before, .bluee .breadcrumbb-level::after, .greeen .breadcrumbb-level::before, .greeen .breadcrumbb-level::after, .yelloww .breadcrumbb-level::before, .yelloww .breadcrumbb-level::after {content: "";position: absolute;left: 0;height: 51%;width: 100%;z-index: 1;}
.redd .breadcrumbb-level::before, .redd .breadcrumbb-level::after {background: #EED0D0;}
.bluee .breadcrumbb-level::before, .bluee .breadcrumbb-level::after {background: #D3D9EF;}
.greeen .breadcrumbb-level::before, .greeen .breadcrumbb-level::after {background: #DDECD9;}
.yelloww .breadcrumbb-level::before, .yelloww .breadcrumbb-level::after {background: #FBEEC1;}
.greyy .breadcrumbb-level::before, .greyy .breadcrumbb-level::after {background: #ccc;}
.redd .breadcrumbb-level::before, .bluee .breadcrumbb-level::before, .greeen .breadcrumbb-level::before, .yelloww .breadcrumbb-level::before, .greyy .breadcrumbb-level::before {top: 0;transform: skew(20deg);}
.redd .breadcrumbb-level::after, .bluee .breadcrumbb-level::after, .greeen .breadcrumbb-level::after, .yelloww .breadcrumbb-level::after, .greyy .breadcrumbb-level::after {bottom: 0;transform: skew(-20deg);}
.breadcrumbb-level {display: inline-block;position: relative;height: 56px;}
ul.breadcrumbb .breadcrumbb-level:first-child a {font-weight: 900;font-size: 13px;}
.breadcrumbb-level a {display: inline-block;position: relative;line-height: 18px;padding: 10px 16px;color: #000000 !important;text-decoration: none;font-family: "Segoe UI" !important;z-index: 2;margin-top: 8px;font-weight: 400;}
.minified-lvl2 ul.breadcrumbb.greeen li.breadcrumbb-level:first-child, .minified-lvl2 ul.breadcrumbb.greeen li.breadcrumbb-level:first-child ul.breadcrumbb.greeen li.breadcrumbb-level:first-child {height: 56px;}
ul.breadcrumbb li.breadcrumbb-level a {color: #222222 !important;font-size: 13px;}
ul.redd li.breadcrumbb-level.active:before, ul.redd li.breadcrumbb-level.active::after {background: #ff9f9f;}
ul.bluee li.breadcrumbb-level.active:before, ul.bluee li.breadcrumbb-level.active::after {background: #0072c6;}
ul.greeen li.breadcrumbb-level.active:before, ul.greeen li.breadcrumbb-level.active::after {background: #98c98b;}
ul.yelloww li.breadcrumbb-level.active:before, ul.yelloww li.breadcrumbb-level.active::after {background: #f0d370;}
ul.breadcrumbb li.breadcrumbb-level.active a {color: #ffffff !important;}
.full ul.breadcrumbb.greyy .breadcrumbb-level:first-child {width: 96% !important;}
.full ul.breadcrumbb {margin: 0 auto !important;width: 100%;}
.page-contentt {width:80%;left: 19%;position: relative;top: -166px;font-size: 13px;font-family: "Segoe UI" !important;text-align: left;}
.page-contenttredd {width: 78.2%;left: 18.5%;position: relative;top: -173px;font-size: 13px;font-family: "Segoe UI" !important;text-align: left;background: #fff7f7;padding: 10px 15px;clear: both;}
.page-contenttBlue {width: 78.5%;left: 18.3%;position: relative;font-size: 13px;font-family: "Segoe UI" !important;text-align: left;background: #f5f7ff;top: -117px;padding: 10px 20px;clear: both;}
.page-contenttGreen {width: 78.2%;left: 18.5%;position: relative;top: -60px;font-size: 13px;font-family: "Segoe UI" !important;text-align: left;padding: 10px 20px;clear: both;background: #f6fcf5;}
.page-contenttYelloww {width: 78.3%;left: 18.3%;position: relative;top: 0px;font-size: 13px;font-family: "Segoe UI" !important;text-align: left;padding: 10px 20px;clear: both;background: #fffbec;}
.page-contenttredd .pagetitle.Title>span {color: #d30017;}
.page-contenttBlue .pagetitle.Title>span {color: #005fa4;}
.page-contenttGreen .pagetitle.Title>span {color: #577b4c;}
.page-contenttYelloww .pagetitle.Title>span {color: #cbac43;}
.minified ul.breadcrumbb.redd li.breadcrumbb-level, .minified-lvl2 ul.breadcrumbb.redd li.breadcrumbb-level, .minified-lvl2 ul.breadcrumbb.bluee li.breadcrumbb-level {width: 99.5% !important;text-align: left !important;height: 32px;}
.minified .breadcrumbb.redd, .minified-lvl2 ul.breadcrumbb.redd, .minified-lvl2 ul.breadcrumbb.bluee{height: 32px;width: 99.5%;}
.full ul.breadcrumbb.redd .breadcrumbb-level, .mini ul.breadcrumbb.redd .breadcrumbb-level {width: 27.3%;}
.minified ul.breadcrumbb.bluee .breadcrumbb-level:nth-child(2), .minified-lvl3 ul.breadcrumbb.yelloww .breadcrumbb-level:nth-child(2), .full ul.breadcrumbb.bluee .breadcrumbb-level:nth-child(2), .full ul.breadcrumbb.yelloww .breadcrumbb-level:nth-child(2), .minified-lvl2 ul.breadcrumbb.greeen li.breadcrumbb-level:nth-child(2), .full ul.breadcrumbb.greeen li.breadcrumbb-level:nth-child(2), .minified ul.breadcrumbb.bluee .breadcrumbb-level:last-child, .full ul.breadcrumbb.bluee .breadcrumbb-level:last-child, .full ul.breadcrumbb.yelloww .breadcrumbb-level:last-child, .minified-lvl2 ul.breadcrumbb.greeen li.breadcrumbb-level:last-child, .minified-lvl3 ul.breadcrumbb.yelloww .breadcrumbb-level:last-child, .full ul.breadcrumbb.greeen li.breadcrumbb-level:last-child {width: 41% !important;}
.minified-lvl3 ul.breadcrumbb.redd li.breadcrumbb-level, .minified-lvl3 ul.breadcrumbb.bluee li.breadcrumbb-level, .minified-lvl3 ul.breadcrumbb.greeen li.breadcrumbb-level {width: 99.2% !important;text-align: left !important;height: 32px;}
.minified-lvl3 ul.breadcrumbb.redd, .minified-lvl3 ul.breadcrumbb.bluee, .minified-lvl3 ul.breadcrumbb.greeen {height: 32px;}
.minified ul.breadcrumbb.redd li.breadcrumbb-level a, .minified-lvl2 ul.breadcrumbb.redd li.breadcrumbb-level a, .minified-lvl2 ul.breadcrumbb.bluee li.breadcrumbb-level a, .minified-lvl3 ul.breadcrumbb.redd li.breadcrumbb-level a, .minified-lvl3 ul.breadcrumbb.bluee li.breadcrumbb-level a, .minified-lvl3 ul.breadcrumbb.greeen li.breadcrumbb-level a{margin: 0px;padding: 7px 20px;}
.full ul.breadcrumbb.greeen .breadcrumbb-level:first-child a, .mini ul.breadcrumbb.greeen .breadcrumbb-level a, .minified ul.breadcrumbb.greeen .breadcrumbb-level a, .minified-lvl2 ul.breadcrumbb.greeen .breadcrumbb-level:first-child a, .minified-lvl3 ul.breadcrumbb.greeen .breadcrumbb-level a {margin-top: 0px}
.breadcrumbb-level:first-child {width: 17% !important;font-weight: 700;text-align: left;}
.minified-lvl3 ul.breadcrumbb.yelloww li.breadcrumbb-level {width: 17% !important;font-weight: 700;}
ul.breadcrumbb_Graph_legend {list-style-type: none;}
ul.breadcrumbb_Graph_legend li {display: inline-block;margin: 10px 25px;font-size: 13px;font-weight: 600;}
img.icon-thumbsup, img.icon-thumbsDown, img.icon-hand, img.icon-arrowRight, img.icon-xclamationMark, .tooltiptext img.icon-thumbsup, .tooltiptext img.icon-thumbsDown, .tooltiptext img.icon-hand, .tooltiptext img.icon-arrowRight, .tooltiptext img.icon-xclamationMark, .tooltiptext img.infoicon {width: 17px;height: 17px;margin-right: 10px;}
img.icon-xclamationMark {display: inline-block;}
.steps.borderr-boxx {background: #fff;border: 1px solid #dad1d1;padding: 10px 15px; font-weight: 300 !important;}
p.underline {text-decoration: underline;font-size: 17px !important;font-weight: 300 !important;}
.steps ul li {font-size: 13px;font-weight: 500 !important;color: #0e0e0e;line-height: 35px;}
.steps ul li.title { display: inline-block;text-decoration: none !important;font-size: 16px;font-weight: 500 !important;color: #000000 !important;}
.steps p {font-size: 13px !important;font-weight: 500 !important;color: #0e0e0e;}
.boxxed-div { background: #dedede;padding: 5px 15px;margin: 10px 0px;}
.boxxed-div p, .steps.borderr-boxx p {margin-bottom: 0px;}
.boxxed-div2 p, .boxxed-div4 p {margin-bottom: 0px;padding: 0 10px;}
.boxxed-div p, .boxxed-div3 p {padding: 5px 15px;margin-bottom: 0px;}
.boxxed-div2 { border: 1px solid #ea8585;background: #fff;margin-bottom: 10px;}
.boxxed-div3 { border: 1px solid #0b65a8;background: #fff;margin-bottom: 10px;}
.boxxed-div4 {border: 1px solid #78a66b;background: #fff;margin-bottom: 10px;}
.boxxed-div2 p.boxx-header {margin-bottom: 0px;background: #ea8585;color: #fff;padding: 5px 15px;}
.boxxed-div3 p.boxx-header {margin-bottom: 0px;background: #0b65a8;color: #fff;padding: 5px 15px;}
.boxxed-div4 p.boxx-header {margin-bottom: 0px;background: #78a66b;color: #fff;padding: 5px 15px;}
.boxxed-div2 ul li {list-style-type: square;}
.boxxed-div2 ul {margin-left: 15px;margin-bottom: 0px;padding: 5px 15px;margin-top: 0px;}
#Epsheracles .current_commnet {padding: 7px;font-size: 14px;text-align: center;color: #888;border: 2px dashed #ccc;background: #f4f4f4;}
div#Epsheracles {border-bottom: 1px solid #ccc;}

/***************** Risk management -- Herakles SP Tiles *****************/
ol.gray li.breadcrumbb-level.active:before, ol.gray li.breadcrumbb-level.active::after {background: #505050;}
.gray .breadcrumbb-level {width: 100% !important;font-weight: 700;text-align: left;}
.gray .breadcrumbb-level::before, .gray .breadcrumbb-level::after {content: "" !important;position: absolute !important;left: 0 !important;height: 52% !important;width: 100% !important;z-index: 1 !important;background: #505050;}
.gray .breadcrumbb-level::before {top: -2px !important;transform: skew(20deg);border-radius: 0% !important;background-color: #505050 !important}
.gray .breadcrumbb-level::after {bottom: 0;transform: skew(-20deg);}
.main_sp ol.breadcrumbb.gray li.breadcrumbb-level { height: 30px;border-left: 0px !important;}
.main_sp ol.breadcrumbb.gray li.breadcrumbb-level a {margin: 0px;padding: 1px 20px; padding-left: 10px !important;}
span#pageContent .main_sp ol.breadcrumbb li.breadcrumbb-level a {color: #ffffff !important;font-weight: 500;}
#pageContent .gray .breadcrumbb-level::after {bottom: 2px !important;}
#pageContent .main_sp ol.breadcrumbb.gray li.breadcrumbb-level {height: 30px !important;}

/***ACCORDION CSS***/
 .accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
 .accordion .accordion-item button[aria-expanded=true] {border-bottom: 1px solid #dc0018;}
 .accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;color: #4a4a4a;font-size: 16px;font-weight: 400;border: none;background: none;outline: none;}
 .accordion button:hover, .accordion button:focus {cursor: pointer;color: #dc0018;}
 .accordion button:hover::after, .accordion button:focus::after {cursor: pointer;color: #dc0018;border: 1px solid #dc0018;}
 .accordion button .accordion-title {padding: 1em 1.5em 1em 0;}
 .accordion button .icon {display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;border: 1px solid;border-radius: 22px;}
 .accordion button .icon::before {display: block;position: absolute;content: "";top: 9px;left: 5px;width: 10px;height: 2px;background: currentColor;}
 .accordion button .icon::after {display: block;position: absolute;content: "";top: 5px;left: 9px;width: 2px;height: 10px;background: currentColor;}
 .accordion button[aria-expanded=true] {color: #dc0018; }
 .accordion button[aria-expanded=true] .icon::after {width: 0;}
 .accordion button[aria-expanded=true]+.accordion-content {opacity: 1;max-height: max-content;transition: all 200ms linear;will-change: opacity, max-height;}
 .accordion .accordion-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
 .accordion .accordion-content p {font-size: 1rem;font-weight: 300;margin: 5px 0px;}
 .newsletter .exTab3 .nav-pills>.dynamic {border-bottom: 1px solid #ccc;height: 35px;}
/************* SharewebRightNavigatorBarAccordion ****************/
.SharewebRightNavigatorBarAccordion ul#accordion { border: 1px solid #ccc;}
.SharewebRightNavigatorBarAccordion #accordion ul li {background: #fff;padding-left: 5px !important;border-bottom: 1px solid #dfdfdf;background-image: none;}
.SharewebRightNavigatorBarAccordion #accordion ul li:first-child {padding-top: 5px !important;}
.SharewebRightNavigatorBarAccordion #accordion ul li:last-child {background: #fff;padding-left: 5px !important;border-bottom: none;padding-bottom: 0px !important;}
.SharewebRightNavigatorBarAccordion #accordion a.active.colores, .SharewebRightNavigatorBarAccordion li.accordion-header a.accordion-header-title {font-weight: 700;font-size: 14px;}
.SharewebRightNavigatorBarAccordion li.accordion-header a.colores {font-weight: 700 !important;font-family: 'Segoe UI Light';font-size: 15px;}
.SharewebRightNavigatorBarAccordion li.accordion-header {background-color: #f5f5f5;border-color: #ddd;padding: 7px 8px !important;margin-bottom: 0px !important;}
.SharewebRightNavigatorBarAccordion #accordion ul li.accordion-header span {padding-right: 0px;color: #757575;padding-top: 0px;}
.RightTop li {color: #fff;background: #a4a4a4 !important;margin-top: 3px !important;}
.SharewebRightNavigatorBarAccordion #accordion ul li a.colores {font-weight: 100;}
.SharewebRightNavigatorBarAccordion ul#accordion li.accordion-header a {font-weight: inherit !important;}
.SharewebRightNavigatorBarAccordion #accordion ul.new1 li a.active {font-weight: 700;}

 /*******vertical tab****/
/*  bhoechie tab */
div.bhoechie-tab-container {z-index: 10;background-color: #fff7f7;padding: 0 !important;margin-top: 20px;margin-left: 0px;background-clip: padding-box;}
div.bhoechie-tab-menu {padding-right: 0;padding-left: 0;padding-bottom: 0;}
div.bhoechie-tab-menu div.list-group, div.bhoechie-tab-menu div.list-group>a {margin-bottom: 0;}
div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa {color: #5A55A3;}
div.bhoechie-tab-menu div.list-group>a:first-child {border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a:last-child {border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa {background-color: #dc0018;color: #ffffff !important;}
div.bhoechie-tab-menu div.list-group>a.active:after {content: '';position: absolute;right: 100%;top: 50%;margin-top: -13px;border-left: 0;border-bottom: 13px solid transparent;border-top: 13px solid transparent;border-right: 10px solid #dc0018;}
div.bhoechie-tab-content {background-color: #fff7f7;padding-left: 0px;padding-top: 10px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {display: none;}
h4.rounded-one,h4.rounded-two, h4.rounded-three, h4.rounded-four, h4.rounded-five {background: #dc0018;width: 28px;height: 28px;color: #ffffff !important;font-weight: bold;border-radius: 12rem;text-align: center;margin: 0 auto;}
div.bhoechie-tab-menu div.list-group>a.active h4.rounded-one, div.bhoechie-tab-menu div.list-group>a.active h4.rounded-two, div.bhoechie-tab-menu div.list-group>a.active h4.rounded-three, div.bhoechie-tab-menu div.list-group>a.active h4.rounded-four, div.bhoechie-tab-menu div.list-group>a.active h4.rounded-five {background: #fff;color: #dc0018 !important;font-weight: bold;border-radius: 12rem;text-align: center;width: 28px;height: 28px;margin: 0 auto;}
.glyphicon-home:before {content: "\e021";}
#InfoIconDescriptionpopup {top: 15px;}
#InfoIconDescriptionpopup .site-bordr {border-top: 6px solid #8c8c8c;}
#InfoIconDescriptionpopup .panel-title.site-bordr.inner-tabb {padding-top: 0px !important;}
#InfoIconDescriptionpopup button.close.min-wid {font-size: 26px;cursor: pointer;color: #222222;opacity: 1;font-weight: 900;cursor: pointer;width: 30px;margin-left: 5px;}
div#InfoIconDescriptionpopup .panel-title h3 {margin: 0;}
div#InfoIconDescriptionpopup .panel-title h3 a.pull-right img {margin-top: 8px;margin-right: 6px;width: 17px;cursor: pointer;}
div#InfoIconDescriptionpopup hr {margin: 0 0;}
#InfoIconDescriptionpopup div#DescriptionInfo p {margin-bottom: 0px;}
#InfoIconDescriptionpopup #DescriptionInfo {padding: 5px 10px;}
.grey-bg {background: #eeeeee;margin: 10px auto;}
div#InfoIconDescriptionpopup .modal-footer {padding: 8px 15px !important;}
.accordion button a.icon:hover, .accordion button a.icon:focus, .accordion button:hover>a.icon, .accordion button:focus>a.icon {cursor: pointer;color: #dc0018;}
.accordion button a.icon {color: #4a4a4a;}
.accordion button[aria-expanded=true] a.icon {color: #dc0018;}
#breadcrumbb-content .togglebox a.toggler {padding: 0 15px;}
#breadcrumbb-content .togglebox .togglecontent { padding: 10px 15px;}
.accordions_group {border: 5px solid #ffcccc;padding: 10px 10px;}
h1.accordions_group-title {font-size: 18px !important;padding: 0 7px;}
#metaInfoContainer{margin: 0px auto;text-align: center;}
.footer .PublishingFooter{margin-top: 0px;}
.PublishingFooter .metaInfoUserInfo {padding-right: 0px !important;}
.footer div:first-child { margin-top: 10px;}
.footer div:nth-child(2){margin-top: 10px;}
.hr_head {background: #5677b9;}
.fortablee > .section-event ul.table {margin-top: 0px;}
.Suffix-imgcreated {display: inline-block; width: 30px;height: 28px;background: #cccccc;padding-top: 7px;border-radius: 25px;font-size: 10px;margin-bottom: 3px;text-align: center;}
#contact>tbody>tr.active>td {background-color: #e6e6e6 !important;box-shadow: 0 -3px 25px -7px #cccc;padding-top: 0px;padding-right: 6px;padding-left: 6px;}
#pexport-tablpopup.table>tbody>tr>td {padding: 8px;}
/* #pexport-tablpopup.table>thead>tr>th, #pexport-tablpopup.table>tbody>tr>td {border: transparent;border-bottom: transparent !important;} */
.h-smartmetatable {position: relative;}
.h-smartmetatable .container-new {border: transparent;}
/* #pexport-tablpopup.table {border-spacing: 0 6px;border-collapse: separate;} */
#pexport-tablpopup img {width: 35px;height:35px;object-fit: contain;border:1px solid #dcdcdc;}
#pexport-tablpopup span.tooltiptext1 img {width: 100%;height: auto;}
table#pexport-tablpopup .localtooltip .tooltiptext1 {padding:0px;border: 0;}
.headlev {color: #000;}
#pexport-tablpopup tbody tr {Background: #fff;border-bottom: 4px solid #f5f5f5;}
#pexport-tablpopup.table thead tr {background: #dbdbdb;}
p.filter-qa-input {display: inline-flex;margin-bottom: 0px !important;}
#ManageSiteOwners #siteOwnerUser.PeopleHeight .sp-peoplepicker-topLevel {border: none !important;}
.featured .togglebox a.toggler, .featured .togglebox button.toggler, .featured .toggletable a.toggler {font-size: 16px;}
.featured .togglebox { min-height: 28px; margin-bottom: 10px !important;}
.featured .togglebox p{padding-top: 0px;  }
.featured .togglebox a.toggler {padding-bottom: 0px;}
.smartSearch-Filter-Section>table {table-layout: fixed;}
table.indicator_search td fieldset legend span, .smartSearch-Filter-Section .td-manage fieldset legend > span {padding: 5px 5px;font-weight: 600;font-size: 14px !important;width: 96%; font-family: "Segoe UI" !important;background: #e9e9e9;letter-spacing: 0;float: left;}
table.indicator_search td fieldset .add_box, .smartSearch-Filter-Section .td-manage fieldset .filter-Item {width: 92%;margin-left: 7px;font-size: 13px;color: #444444;letter-spacing: 0;font-family: 'Segoe UI';margin-bottom: 5px;}
table.indicator_search td fieldset .add_box .subfilter li p, .smartSearch-Filter-Section .td-manage fieldset .filter-Item .subfilter li p {line-height: 18px !important;}
table.indicator_search td fieldset .add_box, .smartSearch-Filter-Section .td-manage fieldset .filter-Item span.plus-icon {cursor: pointer;margin-right: 1px;position: relative;left: -2px;top: 2px;}
/***** FEEDBACK POPUP *****/
#FeedbackPopupId .modal-dialog.modal-lg {width: 1050px !important;}
#main.container.expandedtablesize100 .feedbackPOP .dropdown-content {width: 100%;min-width: 1050px !important;right: 1%;margin-top: -5px;}
#main.container.expandedtablesize75 .feedbackPOP .dropdown-content {width: 100%;min-width: 950px !important;right: 11%;margin-top: -5px;}
#main.container.expandedtablesize60 .feedbackPOP .dropdown-content {width: 100%;min-width: 900px !important; right: 17%;margin-top: -5px;}
#main.container.expandedtablesize1280 .feedbackPOP .dropdown-content {width: 100%;min-width: 900px !important;right: 10%; margin-top: -5px;}
.container#main .feedbackPOP .dropdown-content {width: 100%;min-width: 950px !important;right: 10%; margin-top: -5px;}
.MobilizationDataPOP .dropdown-content {width: 100%;right: 0;min-width: 875px !important;}
#FeedbackPopupId > .modal-header {padding: 5px 10px !important;}
#FeedbackPopupId > .modal-header h3.modal-title {font-size: 17px !important;font-family: 'Segoe UI' !important;}
ul.dropdown-mega-sub-feedback li a#edit-text {font-weight: 700 !important;font-family: 'Segoe UI Light' !important;}
#FeedbackPopupId a.dropdown-item.hreflink {padding: 5px 5px;color: #222222 !important;}
ul.dropdown-mega-sub-feedback li a#edit-text span#font-icon {margin-right: 14px;}
#FeedbackPopupId{display: none;position: absolute;background-color: #ffff !important;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 9999;}
.MobilizationDataPopup{display: none;position: absolute;background-color: #ffff !important;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 9999;}
.MobilizationDataPOP span.glyphicon-menu-hamburger.dropdown-toggle.page-content {width: auto;float: left;}
.Mobilization-mega-content ul.dropdown-mega-sub-Mobilization img {width: 40px;}
.Mobilization-mega-content table#contact {margin-bottom: 0px;}
.Mobilization-mega-content table#contact tr td {vertical-align: middle;}
.MobilizationDataPOP .dropdown-content h3.modal-title {font-size: 16px !important;}
.MobilizationDataPOP .dropdown-content .modal-header {padding: 7px 10px 7px !important;}
.MobilizationDataPOP .dropdown-content table a {padding: 0 !important;}
ul.dropdown-mega-sub-Mobilization {overflow-y: auto;max-height: 350px; overflow-x: hidden;}
.dropdown>ul.dropdown-menu.dropdown-menu-right.add {min-width: 187px;}
.feedbackPOP .dropdown>ul.dropdown-menu.dropdown-menu-right.add {min-width: 225px;}
.feedbackPOP .dropdown>ul.dropdown-menu.dropdown-menu-right.add #li-brdr a {font-weight: 600;padding: 3px 8px;}
span.dropdown-mega-sub-feedback-title {display: block;font-size: 14px;text-transform: uppercase;font-weight: 700;font-family: 'Segoe UI';padding-bottom: 6px;}
span.dropdown-mega-sub-feedback-title img {width: 16px;height: 16px;}
ul.dropdown-mega-sub-feedback {padding-left: 0;}
ul.dropdown-mega-sub-feedback li {padding: 0px;border-bottom: 0.4px solid #dcdcdc;}
ul.dropdown-mega-sub-feedback li a.dropdown-item img {width: 19px;height: 19px;margin-right: 4px;}
ul.dropdown-mega-sub-feedback li a.dropdown-item {font-size: 13px;color: #5b5b5b;font-family: 'Segoe UI Light';font-weight: 600;padding: 8px ​5px;}

/*****AddnConnectTool****/ 
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile a input.radio-inline {display: none;}
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile .topbar-line-sitecolor a, #SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile .topbar-line-jointSites a {background: #dfdfdf;padding: 8px 5px;margin: 0 5px 0 0;cursor: pointer;text-align: center;}
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile a:last-child, .Already-Tagged-Documents .topbar-line-sitecolor a:last-child {margin-right: 0;}
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile .topbar-line-sitecolor {width: 67%;float: left;padding-top: 12px;text-align: center;margin: 0 auto;}
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile .topbar-line-jointSites {float: left;border-top: 5px solid #00bcd4;padding-top: 12px;width: 31%;text-align: center;margin-left: 10px;}
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile a.active, .Already-Tagged-Documents .topbar-line-sitecolor a.active span {color: #ffffff !important;}
#SharewebAddAndConnectToolId #AllAddConnectTabs #addConnectTooltabs #Document .webpart-div .ANc-FolderTargetSiteTile label {margin-bottom: 10px !important;}
.Already-Tagged-Documents .topbar-line-sitecolor {text-align: center;margin: 0 10%;clear: both;display: flex;align-items: center;justify-content: center;}
.Already-Tagged-Documents .topbar-line-sitecolor a {background: #dfdfdf;padding: 8px 15px;margin: 0 5px 0 0;cursor: pointer;text-align: center;}
.Already-Tagged-Documents .topbar-line-sitecolor a span {color: #2a2a2a;}
.Already-Tagged-Documents .topbar-line-sitecolor a:hover span {color: #fff;}

/**Select Document Type Popup**/
.SelectDocumentTypepopup {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin: 30px auto;}
.SelectDocumentTypepopup a {width: 16%;text-align: center;margin: 0 auto;}
.SelectDocumentTypepopup a .card-circle {background: #fff;width: 120px;height: 120px;margin: 0 auto 10px auto;border-radius: 20rem;border: 4px solid #ebebeb;display: flex;align-items: center;justify-content: center;box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);transition: all 0.3s ease-out;}
.SelectDocumentTypepopup a .card-circle:hover {transform: translateY(-5px) scale(1.005) translateZ(0);box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),0 24px 46px var(--box-shadow-color);}
.SelectDocumentTypepopup a .card-circle span {height: 50px;width: 56px;background-repeat: no-repeat;}
.SelectDocumentTypepopup a .card-circle:hover span, .UploadProjectDocumentPopup .SelectDocumentTypepopup a.active .card-circle span {background-image: url(https://www.shareweb.ch/site/Joint/SiteCollectionImages/ICONS/siteIcons/icon_wordDoc.png);}
.SelectDocumentTypepopup a.active .card-circle.DMS-Link-Type span, .UploadProjectDocumentPopup .SelectDocumentTypepopup a.active .card-circle.ActaNova-Link-Type span, .SelectDocumentTypepopup a .card-circle.DMS-Link-Type:hover span, .SelectDocumentTypepopup a .card-circle.ActaNova-Link-Type:hover span, .UploadProjectDocumentPopup .SelectDocumentTypepopup a.active .card-circle.DMS-Link-Type:hover span, .SelectDocumentTypepopup a.active .card-circle.ActaNova-Link-Type:hover span{background-image: url(https://www.shareweb.ch/site/Joint/SiteCollectionImages/ICONS/siteIcons/icon_linkType.png);}
.SelectDocumentTypepopup a .card-title span {font-size: 15px;color: #777;}
.SelectDocumentTypepopup a:hover {text-decoration: none;}
#addDocumentPopup .modal-dialog.modal-dialog-centered.modal-md {width: 1100px;}
#addDocumentPopup .modal-header button.close {width: 50px !important;min-width: 50px;font-size: 28px;margin-top: -2px;}

/***SmartDocumentTypes-Section****/
#itemtabs tbody.tbody-light tr td {border: 1px solid #ccc !important;}
.table>thead.thead-sitecolor>tr>th, .table>tbody.tbody-light>tr>th, .table>tbody.tbody-light>tr>td {padding: 10px;}
thead.thead-sitecolor {border-bottom: none !important;background: #fff;}
tbody.tbody-light {background: #fff;}
.t-border {border: 1px solid #ccc;}
.SmartDocumentTypes-Section .tdText {width: 19.7%;padding-left: 20px;margin-right: 3px;float: left;background: #efefef;border-right: none;border-bottom: none !important;margin-bottom: 4px;}
.SmartDocumentTypes-Section .tdValue {float: right;width: 80%;background: #f5f5f5;padding-left: 20px;font-size: 14px;color: #777;font-weight: 600;margin-right: 0px;border-right: 0px;border-bottom: none !important;margin-bottom: 4px;border-left: 4px solid #fff;margin-top: 4px;}
.SmartDocumentTypes-Section .border-ddd {background: #efefef;}
.SmartDocumentTypes-Section .accordin-header a {font-size: 14px;}
.add_document-btn a, .add_document-btn a:link, .add_document-btn a:visited, .add_document-btn a:visited {color: #fff !important;padding: 7px 15px;}
.add_document-btn a img {margin-right: 6px;width: 16px;}
.border-ddd {border: 1px solid #ddd;}

/**Upload Project Document Popup**/
.UploadProjectDocumentPopup .tiles a{height: 100px;margin: 0px 20px;justify-content: space-evenly;text-align: center;box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);transition: all 0.3s ease-out;}
.UploadProjectDocumentPopup .tiles, #Tilespopup .tiles,  #Tileportfoliorange .tiles {margin: 20px auto;display: flex;justify-content: center;}
#Tilespopup .tiles a, #Tileportfoliorange .tiles a {width:25%;height: 110px;margin: 0px 10px;justify-content: space-evenly;text-align: center;box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);transition: all 0.3s ease-out;}
#Tilespopup .tiles a span,  #Tileportfoliorange .tiles a span{align-items: center;color: #fff !important;font-size: 16px;display: flex;text-align: center;justify-content: center;height: 110px;}
.UploadProjectDocumentPopup .tiles a span{align-items: center;color: #fff !important;font-size: 17px;display: flex;text-align: center;justify-content: center;height: 100px;}
.UploadProjectDocumentPopup .tiles a:hover, #Tilespopup .tiles a:hover {transform: translateY(-5px) scale(1.005) translateZ(0);box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),0 24px 46px var(--box-shadow-color);}
.Upload-New-Document input#uploaddocFile {height: 34px !important;background: #fafafa;padding: 4px 7px !important;}
.UploadProjectDocumentPopup .panel-body {padding: 15px !important;}
.UploadProjectDocumentPopup .form-control {height: 34px !important;border-radius: 0px !important;padding: 4px 7px !important;}
.UploadProjectDocumentPopup .SelectDocumentTypepopup a {width: auto;}
.UploadProjectDocumentPopup .SelectDocumentTypepopup a .card-circle {width: 80px;height: 80px;border: 3px solid #ebebeb;margin: 0 auto 0px auto;}
.UploadProjectDocumentPopup .SelectDocumentTypepopup a .card-circle span {height: 32px;width: 38px;background-repeat: no-repeat;background-size: contain;}
.UploadProjectDocumentPopup .section-new .form-control {height: 30px !important;padding: 2px 6px !important;}
.UploadProjectDocumentPopup .SelectDocumentTypepopup a .card-title span {font-size: 13px;font-family: 'Segoe UI';font-weight: 600;}
.UploadProjectDocumentPopup .SelectDocumentTypepopup {margin: 10px auto;display: flex;align-items: baseline;}
.UploadProjectDocumentPopup .SelectDocumentTypepopup a .card-title {display: contents;}
.UploadProjectDocumentPopup .Already-Tagged-Documents .fixed-scroll-ExistingConnectingItems {height: 340px;}
.UploadProjectDocumentPopup .Already-Tagup a span.tooltipte .tooltiptext {width: 320px;margin-right: 0px;top: -28px;right: 0px !important;left: -99px;min-height: 66px;}
.ged-Documents .fixed-scroll-ExistingConnectingItems #taggedDocumentsId td.P_icon img {width: 18px;height: 18px;}
.SelectDocumentTypepopSelectDocumentTypepopup a span.tooltipte .tooltiptext span.ml-10 {margin-left: 0px !important;}
.SelectDocumentTypepopup a span.tooltipte .tooltiptext p.tooltiptitle {font-weight: 500;}
.FocalPointTeamProfileCard .card .user-content .user-name, .FocalPointTeamProfileCard .card .user-content .JobTitle {margin-right: 216px;}
.EPS100Division span.tooltiptext {max-width: 500px;width: max-content;min-height: auto;}
#inputTableHeaderTooltip span.tooltip_Des .flag_icon img {width: 10px;}
#inputTableHeaderTooltip span.tooltip_Des .phase-td td {padding-bottom: 8px !important;}
#inputTableHeaderTooltip span.tooltiptext {padding: 0px 0px;background-color: #ffffff;border: none;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;}
#inputTableHeaderTooltip span.tooltip_Des img {width: 20px;}
#inputTableHeaderTooltip span.tooltip_Des a.btn {padding: 0;}
#inputTableHeaderTooltip span.tooltiptext:before {top: -12px;}
#inputTableHeaderTooltip span.tooltiptext-title {font-size: 13px;font-weight: 600;display: block;padding: 10px;color: #fff;}
#inputTableHeaderTooltip span.tooltip_Des {padding: 10px;display: block;}
#inputTableHeaderTooltip span.tooltiptext span.tooltip_item {padding: 5px 0px;border-bottom: 1px solid #cdcdcd;}
span.asterix_icon {width: 10px;}
.i-flex {display: inline-flex;}

/* -------------- CREATE TASK ---------------*/
.SharewebCreateTask .typesection ul.deumenu li input[type="text"] {padding: 10px !important;line-height: 52px;height: 52px !important;margin-left:5px;}
.smartsection{width: 100%;float: left;} 
.smartsection input[type="text"] {width: 100%;float: left;height: 35px;padding-left: 5px;border-color: #069}
.smartsection h2{width: 100%;float: left;line-height: 40px;color: #fff !important;font-size: 22px;padding-left: 10px;margin: 0px; }
.skrow{width: 100%;float: left;}
.smartsection .skrow:first-child{margin-bottom: 20px;}
.titlehed {width: 100%;float: left;}
.titlehed span a{cursor: pointer;}
.titlehed span a > .fa{font-size: 18px;padding-left: 5px;}
.titlehed h3{margin-top:5px; color: white !important;display: inline-block;font-weight: bold;padding: 7px 15px 7px 15px;font-size: 16px;margin-bottom: 0px;width: 10%;text-align: center;}
.typesection {width: 100%;float: left;}
.typemenu li{float: left;list-style: none;margin: 0px 7px;border-left:none;}
.typemenu li a{font-size: 16px;text-decoration: none;background: transparent;padding: 10px 15px;cursor: pointer;}
.typemenu li a:link{color: #fff !important;}
.typemenu li:first-child, .rattingtask li a:first-child{ margin-left: 0px;}
.typemenu, .rattingtask, .deumenu{float: left;margin: 33px 0px;padding: 0px;}
.rattingtask li{float: right;list-style: none;border-left:none; }
.rattingtask li span {padding: 4px 7px;font-size: 16px;}
.rattingtask li a {color: #000 !important;font-size: 16px;text-decoration: none;margin: 0px 7px;width: 30px;text-align: center;line-height: 30px;display: inline-block;background: #fff;}  
.deumenu li{float: left;list-style: none;border-left:none;}
.deumenu li a{ color: #000 !important;font-size: 16px;text-decoration: none;text-align: center;line-height: 30px;display: inline-block;padding: 10px 15px;cursor: pointer;margin: 0px 4px;background: #fff;}
.deumenu li:first-child a {margin: 0 4px 0px 0;}      
.DropUser_Images .team legend{margin-bottom: 8px !important;}
.DropUser_Images legend { text-align: left;line-height: 24px;width: 100%;float: left;display: inline-block;}
.teammember {margin: 38px 0px;float: left;width: 100%;}
#TasksTable .searchfilter {width: 100%;float: left;margin: 10px 0px;}
#TasksTable .searchfilter input[type="text"]{width: 100%;height: 30px;line-height: 30px;padding-left: 5px ;padding-right: 40px;float: left; position: relative;}
#TasksTable .searchfilter .icons {position: absolute;top: 0px;padding: 0 7px;right: 15px;font-size: 15px;font-weight: bolder;display: grid;line-height: 10px;}
#TasksTable .searchfilter .icons span {display: block;line-height: 16px;}
.flitertext {width: 100%;float: left;height: 250px;overflow-y: scroll; overflow-x: hidden;padding-bottom: 15px;}
.feedback {width: 100%;text-align: center;margin-bottom: 18px !important;margin: 0 auto;}
/* .feedbackmenu {margin: 20px auto;} */
.feedbackmenu li {height: 100px;margin-bottom: 10px;justify-content: space-around;text-align: center;box-shadow: 0 14px 26px rgb(0 0 0 / 4%);transition: all 0.3s ease-out;width: 19%;display: inline-table;margin-right: 10px;}
.feedbackmenu li a {font-size: 16px;cursor: pointer;width: 100%;background: #848484;border: 1px solid #848484 !important;color: #fff !important;box-shadow: 0 14px 26px rgb(0 0 0 / 4%);transition: all 0.3s ease-out;height: 100px;line-height: initial;display: table-cell;vertical-align: middle;}
.feedbackmenu li a:hover{transform: translateY(-5px) scale(1.005) translateZ(0);box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),0 24px 46px var(--box-shadow-color);}
#TasksTable .border-btm {padding-bottom: 10px;margin-bottom: 5px;display: inline-block;}
#TasksTable .searchfilter .searchclear{ right: 44px;}
/************** ratingSlider mySlides ***************/
.carousel-container {overflow: hidden;max-width: 800px;position: relative;margin: auto;z-index: 0;}
.mySlides {display: none;}
.mySlides {height: 450px;max-height: 450px;}
.mySlides img {display: block;width: 100%;height: 450px;object-fit: cover;}
/* image gradient overlay [optional] .mySlides::after {content: "";position: absolute;inset: 0 0 0 0;background-image: linear-gradient(-45deg, rgba(110, 0, 255, .1), rgba(70, 0, 255, .2));}*/
#ratingSlider .prev, #ratingSlider .next {cursor: pointer;position: absolute;top: 50%;transform: translate(0, -50%);width: auto;padding: 15px;color: white;font-weight: bold;font-size: 24px;border-radius: 0 8px 8px 0;background: rgba(173, 216, 230, 0.1);user-select: none; }
#ratingSlider .next {right: 0;border-radius: 0px;}
#ratingSlider .prev:hover, #ratingSlider .next:hover {background-color: rgba(173, 216, 230, 0.3);}
#ratingSlider .text { color: #f2f2f2; background-color: rgba(10, 10, 20, 0.1);backdrop-filter: blur(6px);border-radius: 10px;font-size: 20px;padding: 8px 12px;position: absolute;bottom: 60px;left: 50%;transform: translate(-50%);text-align: center;}
#ratingSlider .number {color: #f2f2f2;font-size: 16px;background-color: rgba(173, 216, 230, 0.15);backdrop-filter: blur(6px);border-radius: 3px;padding: 8px 12px;position: absolute;top: 10px;left: 10px;}
span.imgfile_name {font-size: 16px;color: #fff;font-weight: 800;width: max-content;}
#ratingSlider .dots-container {position: absolute;bottom: 10px;left: 50%;transform: translate(-50%);background-color: rgba(173, 216, 230, 0.2);backdrop-filter: blur(2px);padding: 5px 10px;width: max-content;}
#ratingSlider .dots {cursor: pointer;height: 14px;width: 14px;margin: 0 4px;background-color: rgba(173, 216, 230, 0.2);backdrop-filter: blur(2px); border-radius: 50%;display: inline-block;transition: background-color 0.3s ease;}
#ratingSlider .dots:hover {background-color: rgba(173, 216, 230, 0.8);}
#ratingSlider .animate {-webkit-animation-name: animate;-webkit-animation-duration: 1s;animation-name: animate;animation-duration: 2s;}
@keyframes animate {
        from {
            transform: scale(1.1) rotateX(15deg);
        }

        to {
            transform: scale(1) rotateX(0deg);
        }
}
#ratingSlider .starrsting {text-align: center;display: inline-block;position: relative;top: 30px;padding: 0px 20px;}
#ratingSlider .stars {padding: 5px 5px 5px 20px;display: inline-block;position: relative;}
#ratingSlider .stars input {position: absolute;left: -999999px; }
#ratingSlider .stars a {display: inline-block;padding-right: 4px;text-decoration: none;margin: 0;}
#ratingSlider .stars a:after {position: relative;font-size: 18px;font-family: 'FontAwesome', serif;display: block;content: "\f005";color: #fff;}
#ratingSlider .stars span {font-size: 0; }
#ratingSlider .stars a:hover ~ a:after, a.active ~ a:after {color: rgba(173, 216, 230, 0.8);}
#ratingSlider span:hover a:after, #ratingSlider .stars a.active:after {color: rgba(173, 216, 230, 1);}
 #ratingSlider span.active, #ratingSlider span.active a:after, #ratingSlider .commicon i.fa.active {color: #FFEE00;}
#ratingSlider .commicon {margin-left: 10px; }
#ratingSlider .commicon .fa {font-size: 20px;color: #fff ;}
#ratingSlider .commicon .fa:hover {cursor: pointer;color: rgba(173, 216, 230, 1);} 
/************** ratingSlider mySlides ENDS ***************/

/********************** TILES ******************************/
.Tile-Style1 { gap: 0px;display: inline-flex;flex-wrap: wrap; margin: 15px 0px !important;width: calc(100% + 6px); }
.Tile-Style1 .tile {height: 140px;margin: 6px;text-align: center;box-shadow: 0 14px 26px rgb(0 0 0 / 4%);transition: all 0.3s ease-out;width: 24%;position: relative; }
.Tile-Style1 a.tile {align-items: center;color: #fff !important;font-size: 17px;display: flex; text-align: center;justify-content: center;height: 140px;padding: 0 15px;}
.Tile-Style1 .tile a {color: #ffffff !important;font-weight: 500;font-size: 17px;}
.Tile-Style1 .tile span p.text-right.psdbox {position: absolute;top: 3px;right: 3px;background: #fff;padding: 0 7px;font-size: 14px;}
.Tile-Style1 .tile span img.edit-img {width: 18px; margin: 8px !important;height: 18px;cursor: pointer;}
   
/************* END OF Tile Style 1 ***************/
.Tile-Style2 {gap: 0px;display: inline-flex;flex-wrap: wrap;margin: 15px 0px !important;width: calc(100% + 2px);}
.Tile-Style2 .tile {height: 160px;margin: 6px;text-align: center;box-shadow: 0 14px 26px rgb(0 0 0 / 4%);transition: all 0.3s ease-out; width: 24%;cursor: pointer;}
.Tile-Style2 .tile span {align-items: center; color: #fff !important;font-size: 17px;display: flex;text-align: center;justify-content: center;height: 100%; padding: 0 15px;margin: 0 auto;flex-wrap: nowrap;flex-direction: column;}
.Tile-Style2 .tile span a {color: #ffffff !important;font-weight: 800;font-size: 17px;}
.Tile-Style2 .tile span img.edit-img { width: 18px;margin: 8px !important; height: 18px;cursor: pointer;}

/************* Tile Style 3 ***************/
.Tile-Style3 {gap: 0px;display: inline-flex;flex-wrap: wrap;margin: 15px 0px !important;width: calc(100% + 2px);}
.Tile-Style3 .tile {height: 250px;margin: 6px;text-align: center;box-shadow: 0 14px 26px rgb(0 0 0 / 4%);transition: all 0.3s ease-out;width: 24%;cursor: pointer;}
.Tile-Style3 .tile span {align-items: center;color: #fff !important;font-size: 32px;display: flex;text-align: center;justify-content: center;height: 100%;padding: 0 15px;margin: 0px auto;flex-wrap: nowrap;flex-direction: column;font-weight: 700;line-height: 41px;}
.Tile-Style3 .tile span a {color: #ffffff !important;font-weight: 800;font-size: 17px;}
.Tile-Style3 .tile span img.edit-img {width: 18px;margin: 8px !important;height: 18px;cursor: pointer;}.Tile-Style3 .tile span div {margin-top: 35px;}
.section_bg { background: #f5f5f5;border: 1px solid #ccc; padding-top: 15px;}
.Tile-Style1 .tile:hover, .Tile-Style2 .tile:hover, .Tile-Style3 .tile:hover {transform: translateY(-5px) scale(1.005) translateZ(0);box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);}

/************* UploadNewImage Page tile ***************/
.UploadNewImage.tiles_image .Tile-Style3 .tile {height: 170px;width: 15%;}
.UploadNewImage.tiles_image .Tile-Style3 .tile img {height: 60px;width: 60px;}
.UploadNewImage.tiles_image .Tile-Style3 span {font-size: 28px;font-weight: 500;}
.UploadNewImage.tiles_image .Tile-Style3 span div {margin-top: 20px;}

/************* AnC-SmartNotesTaskTiles ***************/
.AnC-SmartNotesTaskTiles.Tile-Style3 {margin: 5px 0px !important;}
.AnC-SmartNotesTaskTiles.Tile-Style3 .tile {height: 90px;width: 30%;}
.AnC-SmartNotesTaskTiles.Tile-Style3 .tile span div {margin-top: 10px;}
.AnC-SmartNotesTaskTiles.Tile-Style3 .tile span {font-size: 15px;line-height: 21px;}
.AnC-SmartNotesTaskTiles.Tile-Style3 .tile span img.d-block {width: 30px;height: 30px;}
/************* SmartNotesTaskTiles page tile ***************/
.SmartNotesTaskTiles.Tile-Style3 .tile {width: 23%;height: 170px;}
.SmartNotesTaskTiles.Tile-Style3 .tile img.d-block {width: 60px;height: 60px;}
.SmartNotesTaskTiles.Tile-Style3 .tile span {font-size: 24px;line-height: 24px;}
.SmartNotesTaskTiles.Tile-Style3 .tile span div {margin-top: 15px;}

.Tile-Style3.DAHome a.tile {width: 24%;height: 190px;}
.Tile-Style3.DAHome a.tile span div {margin-top: 25px;}
.Tile-Style3.DAHome a.tile span {font-size: 21px;line-height: initial;}
.Tile-Style3.DAHome a.tile span img.d-block {width: 60px;margin-bottom: 0px;}

/************* ANC Tool tile ***************/
div#AllAddConnectTabs .Tile-Style3 .tile {width: 19%;height: 184px;}
div#AllAddConnectTabs .Tile-Style3 .tile span {font-size: 22px;}
div#AllAddConnectTabs .Tile-Style3 .tile span div {margin-top: 15px;}
div#AllAddConnectTabs .Tile-Style3 .tile span div img {width: 65px;height: 65px;}
#WorkspaceAddAndConnectToolId #AllAddConnectTabs .Tile-Style3 .tile {width: 19%;height:134px;}
#WebpartPanelTiles .Tile-Style3 .tile {width: 80px;height: 80px;margin: 0px 5px;}
#WebpartPanelTiles .Tile-Style3 .tile span {font-size: 12px;line-height: 20px;font-weight: 500;padding: 0 10px;}
#WebpartPanelTiles .Tile-Style3 .tile span div {margin-top: 0;padding: 0;}
#WebpartPanelTiles .Tile-Style3 .tile span div >img.d-block {width: auto;height: auto;}
#WebpartPanelTiles .Tile-Style3 {margin: 10px 0px !important;width: 100%;}
/************* Replace Existing Image tile ***************/
.ReplaceTile .Tile-Style3 .tile {width: 28%;}
.ReplaceTile .Tile-Style3 .tile span {font-size: 30px;}
/************* Select Site Image tile ***************/
#createNews .Tile-Style2 .tile span {font-size: 18px;font-weight: 400;line-height: 21px;}
#createNews .Tile-Style2 .tile {width: 15%;height: 115px;}
#createNews .Workspaces .Tile-Style2 .tile {width: 23%;}
#CreateTasks .Tile-Style2 .tile {width: 30%;height: 120px;}
#SelectSitePopup .Tile-Style2 .tile {height: 120px;width: 45%;}
.ContractTaskTiles.Tile-Style2 .tile {width: 19%;}
.ContractTaskTiles.reduced-tile.Tile-Style2 .tile {height:60px;}
/************* manage-news Image tile ***************/
.manage-news.Tile-Style3 .tile .top_text {height: auto;font-size: 14px !important;position: relative;}
.manage-news.Tile-Style3 .tile span {height: auto;font-size: 27px;}
.manage-news.Tile-Style3 .tile {width: 19%;height: 210px;}
.manage-news.Tile-Style3 .tile span div img {width: 50px;}
/************* UploadNewImage Page tile ***************/
.ProjectLanding.Tile-Style2 .tile {height: 180px;width: 220px;font-size: 32px;}
/************* Create Workstream/Task ***************/
.subcategoryTasks.Tile-Style2 .tile {width: 47%;}
.subcategoryTasks.Tile-Style2 .tile span {font-size: 24px;}
#AddProfilePage .Tile-Style2 .tile {height: 130px;width: 30%;}
#AddProfilePage .Tile-Style2 .tile.selectedselectProfileTile {border:2px solid #05657c;box-shadow: 3px 2px 7px;}
#showrelaventpagepopup .Tile-Style2 .tile {height:130px;width: 45%;}
.SmartNotesTaskTiles.Tile-Style2 .tile {width: 23%;}
/************* Edit Shareweb Task ******************/
.taskstatussk > .radio {float: left;}
.taskform {width: 100%;float: left;margin-bottom: 15px;}
.taskformedit {width: 100%;float: left;margin-bottom: 15px;}
.taskformedit .imagesediter {float: left;width: 100%;}
.taskform label {float: left;margin-bottom: 6px !important;width: 100%;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.taskform input[type="text"] {width: 100%;float: left;height: 30px;line-height: 30px;padding-left: 5px;}.projectbox {width: 100%;float: left;position: relative;}
.projectbox .col-md-4 {margin: 0px;padding-right: 4px;padding-left: 0px;}
.projectbox input[type="text"] {padding-right: 30px;}
.toltrip {float: left;position: absolute;top: 0px;right: 1px;width: 26px;height: 30px;line-height: 30px;text-align: center;}
.Processcat {position: relative;}
.taskform .typemenu {margin: 0px;}.taskform .typemenu li {margin: 0px 5px;}
.taskform .typemenu li a {padding: 3px 5px;color: #519aa1 !important;margin: 0p 5px;font-size: 14px;}
.taskform .rattingtask {margin: 0px;}
.t-status li {border-left: 0px !important;}
.teammember {margin: 0px;}
.teammember li {float: left;margin: 0px 5px;border-left: 0px !important;}
.teammember li a {background: #ccc;width: 50px;height: 51px;border-radius: 100%;display: inline-block;text-align: center;padding-top: 8px;}
.copy {background: #dfdbdb;padding: 5px 5px;}
.rattinglow {width: 100%;float: left;margin-top: 5px;}
.rattinglow li {float: left;border-left: none !important;margin-right: 5px;}
.rattinglow li a {border: 1px solid #ccc !important;padding: 5px 18px;}
.in-clint {position: relative;}
.taskstatussk {width: 100%;float: left;}
.taskstatussk label {margin-bottom: 0px !important;border-bottom: 0px;}
.taskstatussk label:first-child {border-bottom: 1px solid #ccc;margin-bottom: 5px !important;}
.tasktypenav {float: left;margin-top: 5px;}
.tasktypenav li {float: left;list-style: none;text-decoration: none;border-left: none !important;}
.tasktypenav li a {padding: 5px 7px;border: 1px solid #ccc;}
.rattinglow li a:hover, .tasktypenav li a:hover {color: #fff !important;text-decoration: none;}
.rattinglow li a.active, .tasktypenav li a.active {color: #fff !important;}
.Processcat .toltrip {float: left;position: absolute;top: 30px;right: 0px;width: 26px;height: 30px;line-height: 30px;text-align: center;}
.in-clint .toltrip {float: left;position: absolute;top: 30px;right: 0px;width: 26px;height: 30px;line-height: 30px;text-align: center;}
.in-clint1 {position: relative}
.in-clint1 .toltrip {float: left;position: absolute;top: 19px;right: 0px;width: 26px;height: 30px;line-height: 30px;text-align: center;}

/****** Table CSS  ********/
/*********************** Table New Vertical Header css *************************/
.tbl-headings .toolbox>a i {display: inline-flex;border: 2px solid #ccc;color: #000;padding: 2px;font-size:15px;}
.tbl-headings .toolbox {display: flex;vertical-align: middle;align-items: center;}
.tbl-headings {display: flex;vertical-align: middle;padding: 3px 5px;background: #e9e9e9;}
.tbl-headings .gsearch-btn {background-color: #e9e9e9;padding: 5px 7px;height: 28px;position: absolute;font-size: 14px;right: 1px;color: #b1acac;top: 1px;}
.tbl-headings .toolbox .btn {padding: 4px 12px 4px 12px;margin-left:5px;}
.tbl-headings .toolbox .btn img {width: 17px;}
.tbl-headings .toolbox>a {padding-left: 5px;}
.tbl-headings .g-search {position: relative;width: 30%;margin-left: 5px;}
.tbl-headings .g-searchclear {font-size: 14px;cursor: pointer;color: #ccc;position: absolute;padding: 2px 3px;background-color: #FFF;right: 29px;top: 3px;}
.tbl-headings .toolbox img.excal {border: 2px solid #ccc;padding: 2px;width: 23px;}
.tbl-headings .leftsec{float: left;display: flex;align-items: center;vertical-align: middle;}
.tbl-headings .w47{width:47%;}
/***********************End Table New Vertical Header css *************************/
.Alltable{width: 100%;float: left;position: relative;border: 1px solid #ccc;}
.tbl-heading {width: 100%;float: left;min-height: 36px;background: #e9e9e9;line-height: 32px;padding: 0px 5px;}
.tbl-heading .showings > label {line-height: 35px;}
.for-lis .colm-relative {position: relative;padding: 0px 0px 0px 10px;}
/* .for-lis .colm-relative input {padding-right: 30px;height: 35px;}	 */
.colm-relative .searchbox_height{height:35px !important;}
.for-lis .sortingfilter {position: absolute;top: 1px;background: #e9e9e9 !important;padding: 0 5px;color: #b1acac !important;right: 1px;}
.sortingfilter .fa-angle-up {padding-bottom: 1px;}
.sortingfilter .fa-angle-down {margin-top: -1px;}
.tdcolm-relative .sortingfilter span:last-child, .colm-relative .sortingfilter span:last-child {border-bottom: none;}
.colm-relative  .sortingfilter span {display: grid;text-align: center;border-bottom: 1px solid #a09c9c;}
.for-lis .sortingfilter .fa{font-size: 16.5px;}
.for-lis .filer-icons {float: left;position: absolute;top: 0px;right: -17px; color:#ccc; font-size: 20px;}
.textfieldsection { display: contents;}
.pagescrolling { height: 400px;overflow-y: auto;border-top: 1px solid #ccc; margin: 0px;padding: 0px;}
.WorkspaceTool-Page ul.pagescrollingNew li.for-lis {border-bottom: 1px solid #ddd;}
.pagescrolling li { border-bottom: 1px solid #ccc;}
.pagescrolling li div p { margin-bottom: 0px;}
.smart-relative .filer-icons{position: absolute;top: 1px;color: #ccc;right: 0px;font-size: 20px;}
.tdcolm-relative {position: relative;padding: 0px 5px;}
.tdcolm-relative input {height: 35px; border: 1px solid #ccc;color: #444;}
.tdcolm-relative .filtericons .fa-filter {font-size:20px;position: absolute;color: #ccc;right: -14px;top: 0px;}
.modal .tdcolm-relative .sortingfilter {top: 6px;right: 22px;}
.modal .section-event th > div{ padding: 5px 21px;}
.tdcolm-relative .sortingfilter {position: absolute;top: 1px;right: 6px;background: #e9e9e9;padding: 0 5px;color: #b1acac;}
#ContactsCardprofileController .tdcolm-relative .sortingfilter {position: absolute;top: 1px;right: 22px;background: #e9e9e9;padding: 0 5px;color: #b1acac;}
#Documnetstab .tdcolm-relative .sortingfilter {top: 1px;right: 6px;}
.tdcolm-relative .sortingfilter span {display: grid;text-align: center;border-bottom: 1px solid #a09c9c;}
.tdcolm-relative .sortingfilter .fa{font-size: 16.5px;}
.tdcolm-relative .filer-icons {float: left;position:absolute;top: 12px;right: -17px;}
.dropdown-content h4 .fa-times-circle {font-size: 20px;top:1px;position: absolute;right:2px;}
annex-dashboard-component .container-new td p {margin-bottom: 0;}
.tdcolm-relative >.searchclear {position: absolute; right: 28px; font-size: 14px;cursor: pointer; color: #ccc; top: 22px !important; background: #fff; height: 30px; line-height: 30px; padding: 0px 2px;}
.border-info {padding: 15px;text-align: center;border: 1px dashed #ccc;margin: 6px 6px !important;background: #fdfdfd;font-size: 15px;font-weight: 500;color: #6b6f70;}
/******Responsive Css **********/
@media only screen and (min-width: 2400px) {
  #main.container.expandedtablesize100, #aspnetForm #main.container.expandedtablesize100 {width: 2400px !important;max-width: 2400px !important;padding: 0 15px !important;}
  #main.container.expandedtablesize75, #aspnetForm #main.container.expandedtablesize75 {  width: calc(2400px - 25%) !important;max-width: calc(2400px - 25%) !important;padding: 0 15px !important;}
  #main.container.expandedtablesize60, #aspnetForm #main.container.expandedtablesize60 {width: calc(2400px - 40%) !important;max-width: calc(2400px - 40%) !important;padding: 0 15px !important;}
}

@media (min-width: 2200px){
	#main.container.expandedtablesize100, #aspnetForm #main.container.expandedtablesize100, #main.container.expandedtablesize1280 {width: 1600px !important;max-width: 1600px !important;}
  #main.container.expandedtablesize100, #aspnetForm #main.container.expandedtablesize100, #main.container.expandedtablesize1280{width: 1600px !important;max-width: 1600px !important;}
}
@media  screen and (max-width: 1920px) {
  #main.container.expandedtablesize100, #aspnetForm #main.container.expandedtablesize100 {width: 100% !important;max-width: 100% !important;padding: 0 15px !important;}
  #main.container.expandedtablesize75, #aspnetForm #main.container.expandedtablesize75 {  width: 75% !important;max-width: 75% !important;}
  #main.container.expandedtablesize60, #aspnetForm #main.container.expandedtablesize60 {width: 60% !important;max-width: 60% !important;}
}
@media (min-width: 1400px) {
#s4-workspace {overflow-x: hidden;}
}
/* @media screen and (max-width: 1400px) and (min-width: 992px) {
#main.container.expandedtablesize100, #aspnetForm #main.container.expandedtablesize100, #main.container.expandedtablesize1280, #aspnetForm #main.container.expandedtablesize1280 {width: 100% !important;max-width: 100% !important;}
#main.container.expandedtablesize60, #aspnetForm #main.container.expandedtablesize60 {width: 60% !important;max-width: 60% !important;}
#main.container.expandedtablesize75, #aspnetForm #main.container.expandedtablesize75 {width: 75% !important;max-width: 75% !important;}
} */
 @media only screen and (min-device-width: 1200px) and (max-device-width: 1380px) {
#s4-workspace {overflow-x: hidden; width:100%;}
#s4-titlerow.ms-dialogHidden {width: 100%;}
#s4-titlerow>header {padding: 16px 22px;}
.container#main { width: 100% !important; }
#aspnetForm #main { padding: 0 15px !important;max-width: 100% !important;}
.width-98{width:98%;}
}

@media (max-width: 1280px) {
* [class^="span"] img {max-width: 100%;}
* [class^="table"] img {max-width: inherit;}
.col-sm-8 { max-width: 100%;}
.col-sm-4 {max-width: 100%;}
#marg-p {padding: 0 15px 8px 20px;width: auto;padding-bottom: 8px;text-align: justify;font-size: 13px !important;}
.panel-heading .col-md-9 {float: left;}
.year {height: 119px;border: none !important;border-top: 1px solid #ccc !important;}
.year-th {border-bottom: none !important;}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {white-space: unset !important;}
#widget2 {width: 100%;height: 450px;}
label {color: #000;}
iframe {width: 100%;height: auto;}
.iFrameDiv {height: 595px !important;padding-bottom: 110px !important;}
#imagedetail {height: auto;} 
#marg-p { padding: 3px 9px !important;}
#relative-box {padding-top: 0px;}
.mgadd {padding: 4px 10px !important;}
#vk li a {position: absolute;text-decoration: none;background: url(/site/EI/SiteCollectionImages/Site-Images/wereldkaart2.gif) 297px 0 no-repeat;background-size: 100px;left: -23px;}
#vk {left: -84px;margin: 16px 57px !important;position: relative;width: 317px !important;height: 253px !important;background: url(/site/EI/SiteCollectionImages/Site-Images/wereldkaart.gif) 0 0 no-repeat;background-size: 328px 250px !important;}
.ppt_script img {width: 233px !important;position: absolute !important;}
.presentation-image img {width: 100% !important;height: 100% !important;}
.edaTable-default {border: 1px solid #ccc;margin-left: -30px !important;}
.response-no-padding {padding-left: 0px; padding-right: 0px;}
.ppt_script img {width: 233px !important;position: absolute !important;}
.presentation-image img {width: 100% !important;height: 100% !important;}
.InnerFrame.InnerFrameGradient {width: 100% !important;left: -2%;}
.InnerFrame {position: absolute;top: 0px;right: 0px;bottom: 22px;left: -2px !important;}
.edaPosition-2 {float: left !important;margin: 12px !important;}

/* .headcontainer .searchbox_height { display: block;} */
.head {display: block;color: #000;}
.print-icon {float: right;padding-top: 7px;}
.clear-all {float: left;padding-left: 15px !important;padding-top: 7px !important;}
.td-manage {padding-left: 0px;padding-right: 0px;padding-bottom: 5px;}
.wrapper-response, .container-response {display: flex !important;flex-flow: column;}
.second {order: 1;}
.first {order: 2;}
#responsive-relative {margin-top: 0px !important;margin-bottom: 15px;}
.displayLabel { display: none !important;}
.toAlignListElmntOnPage ul .AllNewsletter {margin-top: 0px;}
.icon-responsive {float: left;width: 16%;padding-right: 0px; margin-left: 5px;}
#pageContent.listtype ul{list-style-type: square;}#pageContent.listtype ol{padding-left: 0px;}#pageContent.listtype ol li{margin-left: 6px !important;margin-top: 7px;}
.comment-data { width: 80%;float: right;}
#btn {background-color: #519AA1;color: #fff;margin-bottom: 15px;}
/* #pageContent img {width: 100% !important;} */
#profile-response, #education-webpart, .wrapper-response #qa-webpart, #develop-response {margin-top: 0px !important;margin-bottom: 15px;}
.event-title { display: block !important;border-top: solid transparent !important;padding: 12px !important;}
.spotlighttitle .filter-input {width: 90%;display: inline-grid;margin-bottom: 9px !important; }
.pageviewiframe {width: 100% !important;border-right: 6px solid #000 !important;border-left: 6px solid #000 !important;}
#SlideBorder {position: absolute;left: 0px !important;top: 1px !important;}
.relative_second {position: unset !important;}
.ms-rtefield {min-width: 100%;}
.manage-event img, .manage-event.row img {width: 30%;}
.toAlignListElmntOnPage ul.nav.nav-pills {margin-left: 0px;padding-left: 0px;}
ol.breadcrumbb.bluee .breadcrumbb-level:first-child a {margin-top: 8px;}  
}
/** Project Map Css **/
.NumberProjects {position: absolute;z-index: 1;width: 14%;background: #f5f5f5;border: 1px solid #ccc;padding: 10px;left: 10px;}
.visualization_legends div > span {width: 25px;height: 17px;position: absolute;margin: 4px 0px}
.visualization_legends > div {margin-bottom: 8px;width: 50%;}
.visualization_legends > div:last-child, .visualization_legends > div:nth-child(3) {margin-bottom:0px;}
.visualization_Table {position: absolute;z-index: 1;width: 17%;background: #f5f5f5;border: 1px solid #ccc;padding: 0px;left: 11px;}
.visualization_legends {position: absolute;z-index: 1;width: 32%; background: #f5f5f5;border: 1px solid #ccc;padding:5px 8px;right: 15%;align-content: end;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.visualization_legends div > p {margin-left: 30px !important; }
.visualization_Table .table tr td .dashboard-tool.tilessizetxt {font-size: 13px;color: #4a4a4a;font-weight: 600;padding: 0px;}
.visualization_Table .table tr td .dashboard-tool .tooltipte .tooltiptext .table tr:first-child th {background: #ffffff !important;text-align: center;}
.visualization_Table .table tr td .dashboard-tool .tooltipte .tooltiptext .table tr:first-child th { background: #17609d !important;text-align: center;color: #fff;font-size: 13px;}
.visualization_Table .table tr:last-child >td, .visualization_Table .table tr:last-child >th {border-bottom: none !important;}
.visualization_Table .table tr td .dashboard-tool.tilessizetxt .tooltiptext:before {left: -15px;border-color: transparent transparent #17609d transparent;top: 0px;border-width: 9px;}
.visualization_Table .table tr td .dashboard-tool.tilessizetxt .tooltiptext.phase {font-family: 'Segoe UI';margin-right: 0 !important;left: 8px;top: 0px;border: none;box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;width: 350px !important;}
.visualization_Table .table tr td .dashboard-tool .tooltipte .tooltiptext .table tr th {background: #f3f3f3 !important;color: #333;border: none;border-bottom: 1px solid #dfdfdf;}
.CountriesProjects_Flags img {width: 19px;height: 19px;border-radius: 12rem;border: 1px solid #ccc;}
.visualization_Table .table tr td .dashboard-tool .tooltipte .tooltiptext .table tr td {padding: 6px;}
.visualization_Blocks {margin-bottom: 10px;}
.visualization_Blocks fieldset {padding: 0.35em 0.625em 0.75em; margin: 0 10px;border-top: 1px solid #d9dadc;display: flex;}
.visualization_Blocks fieldset legend {width: auto;padding: 0 8px;font-weight: 600;}
.visualization_Blocks fieldset legend img {width: 30px;height: auto;margin-right: 10px;}
.visualization_Blocks .visualization_Block {border-right: 1px solid #d9dadc;flex: 3;-webkit-flex: 3;-ms-flex: 3;padding: 0 5px;}
.visualization_Blocks .visualization_Block:last-child {flex: 4;  border-right: none;padding-right: 0px;}
.visualization_Blocks .visualization_Block .visualization_Block-Header {font-size: 14px;font-weight: 600;font-family: 'Segoe UI';border-bottom: 1px solid #d9dadc;width: 100%;padding: 5px 5px;}
.visualization_Blocks .visualization_Block .visualization_Block-Table {width: 100%;}
.visualization_Blocks .visualization_Block .visualization_Block-Table table tr td:first-child {background: #F2F2F2;padding: 8px;width: 50%;}
.visualization_Blocks .visualization_Block .visualization_Block-Table table tr td:nth-child(2) {background: #FBFBFB;padding: 8px;}
.visualization_Blocks .visualization_Block .visualization_Block-Table table tr {border: 4px solid #fff;}
.visualization_Blocks .visualization_Block .visualization_Block-teamMembers .visualization_Block-teamMember > img {width: 35px;height: 35px;border-radius: 12rem;border: 1px solid #ebebeb;float: left;margin-right: 5px;object-fit: cover;}
.visualization_Blocks .visualization_Block .visualization_Block-teamMembers {background: #fbfbfb;}
.visualization_Blocks .visualization_Block .visualization_Block-teamMembers .visualization_Block-teamMember {border-bottom: 1px solid #ebebeb;padding: 4px 0px;}
.visualization_Blocks .visualization_Block .visualization_Block-teamMembers .visualization_Block-teamMember:last-child {border-bottom: none;}
.visualization_Blocks .visualization_Block .visualization_Block-teamMembers .visualization_Block-teamMember span.visualization_Block-teamMember-NameJobTitle {width: 70%;font-size: 12px;}
.visualization_Blocks .visualization_Block .visualization_Block-teamMembers .visualization_Block-teamMember span.visualization_Block-teamMember-NameJobTitle a {display: block;}
.visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoCoverImage > img {width: 100%; height: 100%; max-width: 100%;rgba(9 30 66 / 8%) 0px 0px 0px 1px;box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;}
.visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoCoverImage {width: 25%;float: left;padding: 10px}
.visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoBoxContent {width: 75%;float: right;}
.visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoBoxContent .visualization_Block-CSInfoBoxDOIItem {border-bottom: 1px solid #ebebeb;padding: 5px;background: #fbfbfb;}
.visualization_Blocks .visualization_Block .visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoBoxContent .visualization_Block-CSInfoBoxDOIItem:last-child {border-bottom: none;}
.visualization_Block-CSInfoBox .visualization_Block-CSInfoBoxContent .visualization_Block-CSInfoBoxDOIItem .visualization_Block-CSInfoBoxDOIItem-Title:before {content: '\f101';position: relative;right: 3px;bottom: 0px;font-family: 'FontAwesome';}
.visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoBoxContent .visualization_Block-CSInfoBoxDOIItem .visualization_Block-CSInfoBoxDOIItem-Title {width: 55px;font-size: 13px;font-weight: 700;float: left;}
.visualization_Blocks .visualization_Block .visualization_Block-CSInfoBox .visualization_Block-CSInfoBoxContent .visualization_Block-CSInfoBoxDOIItem .visualization_Block-CSInfoBoxDOIItem-Data {float: right;width: 79%;}
/*************** Project Partners Version Tool ***********/
th.ProjectPartnerVersionTableTitle.ng-binding {font-size: 15px;font-family: 'Segoe UI';line-height: 23px;}
table.ProjectPartnerVersionTable tr th, table.ProjectPartnerVersionTable tr td {font-family: 'Segoe UI';}
table.ProjectPartnerVersionTable tr {background: #e9e9e9;border-bottom: 2px solid #fff;}
table.ProjectPartnerVersionTable tr:first-child {background: #fff;border-bottom: none;}
table.ProjectPartnerVersionTable tr td > table tr, table.ProjectPartnerVersionTable tr.ProjectPartnerVersionTableExpandedROW, table.ProjectPartnerVersionTable tr.ProjectPartnerVersionTableExpandedChild {border-bottom: none;}
/*************** Workspace Management Tool ***********/
.td-Userimg {width: 20px;height: 20px;object-fit: cover;border-radius: 12rem;}
.WorkspaceTool-Page .panel-body {border: 1px solid #ccc; }
.WorkspaceTool-Page .panel .panel-heading.btn-primary h3.panel-title {margin-bottom: 0px !important;}
.WorkspaceTool-Page .panel .panel-heading.btn-primary h3.panel-title a {color: #fff !important;}
.WorkspaceTool-Page .panel .panel-heading.btn-primary h3.panel-title span.col-sm-3 {line-height: 20px;font-size: 14px;margin-top: 3px;}
.WorkspaceTool-Page .panel .panel-heading.btn-primary h3.panel-title i.fa.fa-plus {margin-right: 2px;}
.pagescrollingNew {overflow-y: auto;border-top: 1px solid #ccc;margin: 0px;padding: 0px;}
.pop-pagescrolling {border-top: 1px solid #ccc;margin: 0px;padding: 0px;}
ul.pop-pagescrolling li {border-bottom: 1px solid #ccc;}
ul.pop-pagescrolling li:last-child {border-bottom: none;}
#editprojecttabs .fortablee .for-lis {padding: 5px 10px;}
#editprojecttabs .fortablee li.for-lis:nth-child(even) {background: #f5f5f5;}
/* #editprojecttabs .form-control {height: 34px;} */
#editprojecttabs .searchclear {right: 13%;z-index: 1;}
#editprojecttabs .tdcolm-relative >.searchclear {right: 42px !important;z-index: 1;}
/* #editprojecttabs input[type="checkbox"] {margin: 0px 0 0 !important;} */
#editprojecttabs .modal-content .modal-body table tbody>tr>td {padding: 5px;}
#editprojecttabs .fieldset-heading {background-image: linear-gradient(whitesmoke, white) !important;background: none;font-weight: 800;font-size: 14px;}

/*******************************************************
Webpart Responsible Contact
*******************************************************/
.ResponsibleMembers-userImage img {border-radius: 12rem;width: 34px;height: 34px;margin-right: 1rem !important;border: 1px solid #ccc;object-fit: cover;}
li.ResponsibleMembers {display: flex;align-content: center;justify-content: flex-start;border-bottom: 1px solid #dfdfdf;padding: 5px 8px;align-items: center;}
.ResponsibleMembers-FullName {flex: 1;}
.ResponsibleMembers-FullName span:not([User-FullNameSuffix]) {font-weight: 700;}
.ResponsibleMembers-FullName span.User-FullNameSuffix {font-weight: normal;}
li.ResponsibleMembers:last-child {border-bottom: none;}
.ResponsibleMembers-FullName .ResponsibleMembers-JobTitle span:not([User-FullNameSuffix]) {font-weight: inherit;}

/*******************************************************
      Smart Toggler Css
*******************************************************/
.smartToggler , .smartToggler1 {width: 100%;background: #e6e6e6;border: 1px solid #ccc;margin-bottom: 10px;}
.smartToggler > label , .smartToggler1 > label {padding: 5px 8px;width: 100%;}
.smartToggler label > a , .smartToggler1 label > a {float: right;text-align: right;}
.smartToggler .togglecontent , .smartToggler1 .togglecontent1 {background: #f6f6f6;padding: 5px 10px;}
/*******************************************************
      UI Grid Table Css
*******************************************************/
.grid_Project{background-color: #E2E0E0 !important;}
.grid_Phase{background-color: #F3F1F1 !important;}
.grid_SubPhases, .grid_bydefault{background-color: #FFFFFF !important;}
.ui-grid-cell, .ui-grid-header-cell {border-right: none !important;border-bottom: 1px solid #d4d4d4;}
.ui-grid-header-cell-wrapper .ui-grid-header-cell {background: #fff;}
/****ui grid table header***/
.commonheader {line-height: 33px;width: 100%;float: left;min-height: 33px;background: #e9e9e9;padding: 5px;}
.commonheader .toolbox, .commonheader .toolbox a{float: right;}
.row-fullwidth {float: left;width: 100%;}
.commonheader .toolbox .fa-paint-brush, .commonheader .toolbox .fa-expand, .commonheader .toolbox .fa-bars, .commonheader .toolbox .fa-print, .commonheader .toolbox .excal, .commonheader .toolbox .fa-star-o, .commonheader .toolbox .fa-star, .commonheader .toolbox .fa-envelope, .commonheader .toolbox .fa-envelope-o {border: 2px solid #918d8d;padding: 2px;color: #444;font-size: 16px !important;}
.commonheader .toolbox .excal {margin-top: -5px;}
/*******************************************************
     Custom list style Css
*******************************************************/
ul.customlist-style1{margin-bottom:0px;}
.customlist-style1 li {background: #fff;border-bottom: 1px solid #dfdfdf;background-image: none;font-weight: normal;cursor: auto;padding: 6px 5px;margin: 2px 0px;line-height: 21px;margin-bottom: 0px;font-size: 14px !important;}
.customlist-style1 li a:hover {font-weight: 700;font-size: 14px !important;text-decoration: underline !important;}
.customlist-style1 li:last-child, .customlist-style1 li:last-child ul.child-tasklist li:last-child {border-bottom: none;}
ul.AllNewsletter.customlist-style1 li a, ul.RelevantNews.customlist-style1 li a {color: inherit !important;}
ul.RelevantNews.customlist-style1 li a:hover, ul.RelevantEvents.customlist-style1 li a:hover{font-weight: 700;}
/* .RelevantLinks .popover-markup .popover-Content {width: 117%;left: -36px;}
.sharewebPages .popover-markup .popover-Content {width: 110%;left: -30px;} */
.RelevantLinks .popover-markup .popover-Content:before {left: calc(50% - 39%);}
ul.RelevantLinks.customlist-style1 li {border: none;}
.customlist-style1 li span.PublishedDate {color: #878787;display: flex;align-items: center;justify-content: space-between;align-content: center;font-weight: 600;font-size: 12px;}
.sharewebPages.customlist-style1 li {padding: 5px;border: none;}
.sharewebPages span.customlist-style1-icon, .RelevantLinks span.customlist-style1-icon {margin-right: 10px;display: flex;}
ul.child-tasklist li, ul.sub-child-tasklist li {padding: 6px 0px;}
ul.child-tasklist {padding-left: 15px;}
ul.sub-child-tasklist {padding-left: 30px;}
span.taskNumber {font-weight: bold;color: #243A4A;font-size: 13px;}
.parent-tasklist span.taskNumber{width: 40px;min-width: 57px;}
ul.child-tasklist span.taskNumber {min-width: 85px;}
ul.sub-child-tasklist li .child-tasklist span.taskNumber {min-width: 120px;}
shareweb-relevent-task-item span.customlist-style1-icon.arrow-icon {width: 13px;min-width: 13px;}
/*******************************************************
   Custom Popover Css
*******************************************************/
.imagedetailTootip {width: 128px !important;padding-left: 11px !important;}
.tabdetail #imagedetail img {margin-right: 5px;box-shadow: 0px 1px 1px 1px #ccc;}
.popover-markup { width: 100%;}
.popover-Content {position: relative;}
.popover-markup:hover .popover-Content {display:block;}
.popover-markup .popover-Content {display:none;width: 100%;min-height: auto;background-color: #ffffff;position: absolute;z-index: 999;font-size: 13px;line-height: 18px;color: #333;padding: 10px;left: 0;border-top: transparent;margin: 0px 0px;/* border: 1px solid #ccc; *//* background: linear-gradient(#ccc,#ccc) left top /calc(50% - 10px*0.8) 1px, linear-gradient(#ccc,#ccc) right top/calc(50% - 10px*0.8) 1px, #f9f9f9;background-repeat: no-repeat; */box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;top: 6px;}
.popover-Content:before {content: "";position: absolute;width: 15px;height: 15px;border-top: 1px solid rgb(60 64 67 / 6%);border-left: 1px solid rgb(60 64 67 / 6%);top: -7px;left: calc(50% - 45%);transform: rotate(45deg);background: linear-gradient(-45deg,transparent 50%,#ffffff 50%);}
.popover-Title {font-weight: 700;}
.ms-rtestate-field .popover-Desc h1 {font-size: 15px !important;}
.popover-Desc iframe {height: 100%;width: 100%;}
.popover-Desc img, .popover-Content img.fr-fic.fr-dii, .popover-Desc img.fr-fic.fr-dib.fr-fil, .popover-Desc img.fr-fic.fr-dib {width: 100% !important;}
.popover__wrapper {position: relative;display: inline-block;}
.popover__content {opacity: 0;visibility: hidden;position: absolute;left: -142px;transform: translate(0, 10px);background-color: #bfbfbf;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);width: 300px;top: 47px}
.popover__content .phase {min-height: auto;max-height: 300px;overflow-y: auto;padding: 10px;margin-bottom: 0px;}
.popover__content .tooltiptitle{font-size: 14px ;font-weight: 600;background: #e8e6e6;padding: 4px 8px;margin: 0px;}
.popover__content:before {position: absolute;z-index: -1;content: "";right: calc(50% - 10px);top: -8px; border-style: solid; border-width: 0 10px 10px 10px;border-color: transparent transparent #bfbfbf transparent;transition-duration: 0.3s;transition-property: transform;}
.popover__wrapper:hover .popover__content {z-index: 10;opacity: 1;visibility: visible;transform: translate(0, -20px);transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);}
.comm-info-icons :hover .popover__content {z-index: 10;opacity: 1;visibility: visible;transform: translate(0, -20px);transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);}
/*******************************************************
       Responsive mobile view navigation css
********************************************************/
@media (max-width: 768px) {
#s4-titlerow.ms-dialogHidden, .container#main{width: 100% !important;}
* [class^="span"] img {max-width: 100%;}
* [class^="table"] img {max-width: inherit !important;}
.s4-nosetwidth #s4-bodyContainer, #suiteBar {width: 100% !important;overflow-x: hidden;}
#main {background-image: none !important;}
#marg-p {padding: 0 15px 8px 20px; width: auto;padding-bottom: 8px;text-align: justify;font-size: 13px !important;}
.panel-heading .col-md-9 {float: left;}
.year {height: 119px;border: none !important;border-top: 1px solid #ccc !important;}
.year-th {border-bottom: none !important;}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {white-space: unset !important;}
#widget2 {width: 100%;height: 100%;}
iframe {width: 100%;height: auto;}
.iFrameDiv {width: 100%;height: 335px !important;padding-bottom: 110px !important;}
#imagedetail {height: auto;}
#marg-p {padding: 3px 9px !important;}
#relative-box {padding-top: 0px;}
.display_hide {display: none;}
.mgadd {padding: 4px 10px !important;}
#vk li a {position: absolute;text-decoration: none;background: url(/site/EI/SiteCollectionImages/Site-Images/wereldkaart2.gif) 297px 0 no-repeat;background-size: 100px;left: -23px;}
#vk {left: -84px;margin: 16px 57px !important;position: relative;width: 317px !important;height: 253px !important;background: url(/site/EI/SiteCollectionImages/Site-Images/wereldkaart.gif) 0 0 no-repeat;background-size: 328px 250px !important;}
.ppt_script img {width: 233px !important;position: absolute !important;}
.presentation-image img {width: 100% !important;height: 100% !important;}
.edaTable-default {border: 1px solid #ccc;margin-left: -30px !important;}
.response-no-padding {padding-left: 0px;padding-right: 0px;}
.ppt_script img {width: 233px !important;position: absolute !important;}
.presentation-image img {width: 100% !important;height: 100% !important;}
.InnerFrame.InnerFrameGradient {width: 100% !important;left: -2%;}
.InnerFrame {position: absolute;top: 0px;right: 0px;bottom: 22px;left: -2px !important;}
.edaPosition-2 {float: left !important;margin: 12px !important;}
.headcontainer .searchbox_height {display: none;}
.head {display: block;color: #000;}
.print-icon {float: right;padding-top: 7px;}
.clear-all {float: left;padding-left: 15px !important;padding-top: 7px !important;}
.wrapper-response, .container-response {display: flex !important;flex-flow: column;}
.second {order: 1;}
.first {order: 2;}
#responsive-relative {margin-top: 0px !important;margin-bottom: 15px;}
.displayLabel {display: block !important;}
.icon-responsive {float: left;width: 16%;padding-right: 0px;margin-left: 5px;}
.comment-data {width: 80%;float: right;}
#btn {background-color: #519AA1;color: #fff;margin-bottom: 15px;}
#pageContent img {width: 100% !important;}
#pageContent img.infoicon {width: 15px !important;}
#profile-response, #education-webpart, .wrapper-response #qa-webpart, #develop-response {margin-top: 0px !important;margin-bottom: 15px;}
.event-title {display: block !important;border-top: solid transparent !important;padding: 12px !important;}
.spotlighttitle .filter-input {width: 90%;display: inline-grid;margin-bottom: 9px !important;}
.pageviewiframe {width: 100% !important;min-height: 244px !important;border-right: 6px solid #000 !important;border-left: 6px solid #000 !important;}
#SlideBorder {position: absolute;left: 0px !important;top: 1px !important;}
.relative_second {position: unset !important;}
.ms-rtefield {min-width: 100%;}
#marg-p p img {width: 100% !important;}
.toAlignListElmntOnPage ul {list-style: square;font-size: 1em;margin: 1.5em 0 0;padding: 0 0 0 1.5em;}
#accordion ul {margin: 0px !important;}
.news-event_img img {width: 100% !important;}
/****thats is used for events-home message deadline******/
.left.fullsize.medium-margin-bottom {width: 100% !important;}}
.content_drop .title2.suffix_circle{height: 25px!important;width: 25px !important;margin: 0!important;line-height: 12px;}
.content_drop .title2.f-10 {font-size: 8px !important;}
/****thats is used for contact detail popup******/
#profiledetailpopup .contct-profile-img {width: 180px;height: 180px;border-radius: 50%;object-fit: cover;}
/********* Accordion ***********/
details summary::-webkit-details-marker {display: none;}
.highlighted { background-color: yellow;}
summary::before {font-family: AdminCH_Symbols;content: ':';font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; margin-right: .6146em;/* font-family: "Hiragino Mincho ProN", "Open Sans", sans-serif; content: "▶"; */position: absolute;top: 1.2rem;left: 0.8rem;transform: rotate(0);transform-origin: center;transition: 0.2s transform ease;}
details[open]>summary:before {transform: rotate(90deg);transition: 0.45s transform ease;}

/* # The Sliding Summary # */
details {overflow: hidden;}
details summary {/* position: relative; */z-index: 10;font-weight: 600;font-family: 'Segoe UI Light';display: inline-block;width: 100%; font-size:14px;}
@keyframes details-show {from {margin-bottom: -80%;opacity: 0;transform: translateY(-100%);}}
details>*:not(summary) {/*animation: details-show 100ms ease-in-out;*/position: relative;z-index: 1;transition: all 0.2s ease-in-out;color: transparent;overflow: hidden;}
details[open]>*:not(summary) {color: inherit;}
.Panelaccordion details {overflow: initial;margin-bottom:10px;}
.expand-AccordionContent {padding: 10px;border: 1px solid #ddd;border-top: none;background: #f5f5f5;}
.Alertpopup .modal-footer {padding: 10px 10px !important; border: none !important;}
.Panelaccordion .expand-AccordionContent {padding: 0px;}

/*******new table header page css**********/
.cakfiltr {width: 100%;float: left;}
.cakfiltr .chkhd {background: #ccc;padding: 10px 0px;width: 100%;float: left;padding-left: 10px;margin-bottom: 5px;}
.cakfiltr input[type="checkbox"] {margin-right: 5px;}
.cakfiltr>span {width: 47%;float: left;padding-left: 10px;margin-bottom: 5px;font-weight: 600;position: relative;}
.cakfiltr>span .list-group-item {border: none;padding: 2px 10px;background-color: transparent;}
.cakfiltr label {font-weight: normal;}
.panel-collapse {width: 100%;background: #e6e6e6;}
.serchkey {width: 100%;float: left;margin-left: 15px;}
.herfbtn {width: 100%;float: left;text-align: right;}
.herfbtn a:last-child {background: #ccc;color: #000;}
.serchpannel {float: left;width: 100%;padding: 10px 0px;}
.dropck input[type="checkbox"] {position: relative;margin-top: 0px;}
.dropdown-menusk {display: none;background: #fff;padding: 5px;}
.dropdown-menusk input[type="text"] {margin: 0px;}
.dropdown-menusk1 input[type="text"] {margin: 0px;}
.dropdown-menusk1 {display: none;background: #fff;padding: 5px;}
.herfbtn {padding-right: 12px;}
.button-group {width: 36%;float: left;margin: 0px 10px;text-align: left;}
.button-group button {width: 100%;float: left;text-align: left;}
.maintable {width: 100%;float: left;position: relative;border: 1px solid #ccc;}
.satting {position: relative;top: 6px;}
.table-moudel {width: 100%;float: left;padding-bottom: 10px;}
.table-header {width: 100%;float: left;}
.tbl-heading h3 {margin: 0px;padding: 0px;line-height: 35px;padding-left: 10px;float: left;font-weight: 600;}
.tbl-heading a {text-align: right;float: right;line-height: 35px;padding-right: 10px;}
.tbl-heading .toolbox {float: right; margin-top: 1px;}
.tbl-heading .toolbox a {float: left;}
.tbl-heading .toolbox img {position: relative;width: 100%;top: -2px;}
.tbl-heading .fa-paint-brush, .tbl-heading .fa-expand,.tbl-heading .fa-bars, .tbl-heading .fa-print, .tbl-heading .excal, .tbl-heading .fa-star-o, .tbl-heading .fa-star, .tbl-heading .fa-envelope, .tbl-heading .fa-envelope-o {border: 2px solid #918d8d;padding: 2px;color: #444;font-size: 16px !important;}
.table-head {width: 100%;position: relative;float: left;border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.tablerow > div, .table-head > div {margin: 0px 10px 0px 10px;position: relative;}
.table-head>div>input[type="text"] {width: 100%;float: left;height: 35px;border: 1px solid #ccc;padding-left: 5px;font-size: 13px !important;font-family: "Segoe UI" !important;padding-right: 35px;}
.table-head .icons{float: left;position: absolute;background: #e9e9e9;padding: 0 5px;color: #b1acac;right: 1px;top: 1px;}
.table-head div .icons span {display: grid;text-align: center;}
.tablerow {width: 100%;float: left;min-height: 30px;padding-top: 10px;border-bottom: 1px solid #ccc;}
.button-group .caret {float: right;position: relative;top: 9px;}
.filter-section {width: 100%;float: left;overflow-y: auto;height: 600px; border: 1px solid #ccc;overflow-x: hidden;}
.colm-gap{width: 1%;float: left;}
.colm-3 { width: 3%; float: left;}
.colm-a {width: 5%;float: left;}
.colm-8 {width: 8%;float: left;}
.colm-b {width: 10%;float: left;}
.colm-12 {width: 12%;float: left;}
.colm-c {width: 15%;float: left;}
.colm-d {width: 20%;float: left;}
.colm-e {width: 25%;float: left;text-align: left;}
.colm-f{width: 30%;float: left;}
.colm-g{width: 35%;float: left;}
.colm-h{width: 40%;float: left;}
.colm-i{width: 45%;float: left;}
.colm-j{width: 50%;float: left;}
.colm-k{width: 55%;float: left;}
.colm-a span {margin-left: 10px;}
.update-icons {text-align: right;}
.update-icons a {margin: 0px 2px;}
.table-head .fliter {margin-left: 5px;float: left;position: absolute;right: -17px;}
.table-head .fliter .fa {color: #ccc;font-size: 20px;}
.table-head .fliter img {width: 18%;}
.update-icons>a .fa, .fa-angle-down, .fa-angle-up {font-size: 16px !important;font-weight: 800 !important;}
.update-icons>a .fa-pencil-square-o, .fa-trash {font-size: 18px !important;font-weight: 500 !important;}
.subfilter li {list-style: none;font-weight: normal;}
.filter-Item {font-weight: 600;}
.table-head .searchclear {position: absolute;right: 35px;bottom: 42px;height: 14px;margin: auto;font-size: 14px;cursor: pointer;color: #ccc;top: 34px;z-index: 9;}
.table-head .dropdown-content {position: absolute;background-color: #f6f6f6;border: 1px solid #ddd;z-index: 1;top: 37px;left: 0px;min-width: 175px;padding: 0px 10px;margin-left: 0px;}
.subckeak {margin-left: 10px;}
.listdropdown {width: 100%;float: left;}
.listdropdown h3{margin-bottom: 10px;font-weight: 600;padding-bottom: 5px;margin-top:10px;}
.allcek p{margin-bottom: 0px;}
.subckeak > span {width: 100%;float: left;line-height: 22px;}
.allcek input[type="checkbox"]{margin-top: 0px;}
.ckbutton{width: 100%;float: left;margin-top: 10px;padding-bottom: 10px;}
.ckbutton button{float: left;}
.pagescroll{width: 100%;float: left;height: 130px;overflow-y: scroll;overflow-x: hidden;}
.p-ions{padding-left:5px ;}
.serchkey input[type="text"] {width: 70%;height: 35px;line-height: 35px;}
.table-head input[type="text"] {width: 100%;float: left;height: 35px;border: 1px solid #ccc;padding-left: 5px;font-size: 13px !important;font-family: "Segoe UI" !important;padding-right: 35px;}
body.eda-groups.content-in-tabs div#ajaxTabNavigationControl:after{border-bottom: none !important;}
#ajaxTabNavigationControl{border-bottom: none !important;}
.JointInstitution-EditPop .ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top.Site-Tabicon {padding: 0px 0 !important;}

/******* new table for SmartVerification Tool */
.smart-relative {position: relative;padding: 0px 5px;}
.smart-relative .sorticon {float: left;position: absolute;top: 10px;background: #e9e9e9;padding: 0 5px;color: #b1acac;right: 22px;}
#AllView .smart-relative .sorticon {top:1px; right:6px; }
#AssessmentPopUp .smart-relative .sorticon, #SharewebResponsibilityPopup .smart-relative .sorticon, #TagContactTotopics .smart-relative .sorticon{top: 1px;right: 6px;}
#excelContactUsers .smart-relative .sorticon, #SelectUserPopup .smart-relative .sorticon {top: 6px;}
#AllView .section-event .searchclear, #AssessmentPopUp .section-event .searchclear, #TagContactTotopics .smart-relative span.searchclear, #SharewebResponsibilityPopup .smart-relative span.searchclear {right: 27px;top: 2px !important;}
.Actions-pop .smart-relative .sorticon {top: 3.5px;right: 20px;}
.Actions-pop .searchclear {right:44px !important;top:8px !important;}
.smart-relative .sorticon span {display: grid;text-align: center;font-size: 15px;border-bottom: 1px solid #a09c9c;}
/**** Sorting Icon Border****/
.sorticon .fa-angle-up {padding-bottom: 1px;}
.sorticon .fa-angle-down {margin-top: -1px;}
.smart-relative .sorticon span:last-child {border-bottom: none;}
.modal table .smart-relative .sorticon {top:6px;}
#Partnerstabs .smart-relative .sorticon {right: 11px;top: 6px !important;}
#Partnerstabs #PrivatePartners .smart-relative .sorticon {right: 22px;}
.modal-content .for-lis .smart-relative .sorticon, #TaggedContactPopup .smart-relative .sorticon {top:1px;right:6px;}
.smart-relative .direction-arrow {background: #f5f5f5;padding: 2px 3px;}
.smart-relative .filer-icon {right: -35px;font-size: 20px;color: #ccc;}
.font-com {color: #ccc;font-size: 18px;font-weight: 500;}
/* .smart-relative .searchclear {right: auto !important;margin-left: -13px;bottom: auto;top: 18px !important;} */
.smart-relative .searchclear {right: 43px; bottom: auto;top:11px !important;background: #fff;padding:0px 1px;position: absolute;line-height: 30px;height:30px;}
.smart-relative .filter-iconfil {position: absolute;left: -4px;}
.smart-relative .searchbox_height{height:35px !important;color: #444;} 
.smart .section-event{padding-top:55px !important; border: 0px !important;}
.grey-frame {width: 24px;height: 24px;padding: 2px; display: inline-block;}
.bdrblk.grey-frame {border: 1px solid #000;}
.smart-relative .alignmen {padding: 0px;margin-top: 10px;display: inline-flex;left: 102%;}
.cblur {border:1px solid #ccc !important;}
.tabexpandicon{float: right;right: 15px;position: absolute;top: 15px;z-index: 99; }
.allexpand .fa-expand {border: 2px solid #918d8d;padding: 2px;color: #444;font-size: 16px !important;}
.quickheader {border-bottom: 1px solid #ccc;margin-bottom: 8px !important;font-weight: 700 !important;padding: 2px 10px 2px 10px;}
.ms-rtestate-field h4 .fa-times-circle {font-size: 20px;font-weight: 300;margin-top: 3px;position: absolute;right:2px;top:-3px;}
.smart-relative .filer-icon, .plsicons {left: 93%;font-size: 20px;color: #ccc;position: absolute;top: 7px;display: flex;}
.othericons {left: 107%;position: absolute;top: 16px;}
.plsicons {top: 31px !important;font-size: 14px !important;font-weight: 100;margin-left: 2px;}
/*************** Global Search in Header Section on Table ***********************/
.search-all {width: 15%;margin-left: 5px;display: inline-flex; margin-top: -5px;}
.p-relative {position: relative;vertical-align: middle;}
#changeContactParent .p-relative .fa-search-butn {top: -4px;height: 28px;}
.p-relative .fa-search-butn {padding: 0px 3px;background: #b1acac;border: none;height: 30px;min-width: 30px;line-height: 30px;position: absolute;right: 0px;color: #e9e9e9;top: -7px;}
.maintable.modalTable .p-relative .fa-search-butn {top: -5px;}
.p-relative .fa-search-butn:hover {background: #9d9999;}
.p-relative .g-searchclear{position: absolute;right: 30px !important;font-size: 14px;cursor: pointer;color: #ccc;top: -5px !important;height: 25px;line-height: 25px;padding: 0px 2px;background-color: #FFF;} 
.p-relative input[type=submit], input[type="text"]{background-color: #fff;}
.p-relative input[type=submit]:hover, button:hover, .p-relative input[type="text"]:hover, button:hover{background-color: none;}
.modal .modalTable .section-event th div {padding: 9px 21px;}
#changeContactParent .modalTable .section-event th div {padding:5px 21px;}
#AssessmentPopUp .tdValue { font-size: 13px !important; padding-top: 0px;}
#AssessmentPopUp .tdValue .tooltipte .tooltiptext { top: 33px; right: -7px;}
#AssessmentPopUp .tooltiptext:before{top: -25px;}
.modal .modalTable .section-event th span i.fa.fa-times-circle {font-size: 20px;font-weight: 500;position: absolute;right: 2px;top: -7px;}
.modal .modalTable .section-event th span.dataoverflow span {font-size: 13px;line-height: 18px;display: flex;justify-content: flex-start;}
.modal .modalTable .section-event th span.dataoverflow span input[type="checkbox"] {margin: 3px 4px 0 0 !important;}
input, button, select, textarea {outline: none;}
/* country map css */
.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {margin: 1em 0em 1em 0em;display: none;}
ul.google-visualization-tooltip-item-list {margin: 0px;}
.google-visualization-tooltip {max-width: 750px !important;padding-bottom: 0px;}
.google-visualization-tooltip-item {margin: 0px !important;padding: 0px !important;}
.google-visualization-tooltip {position: absolute; width: 500px !important; height: auto !important;z-index: 99999;}
.Country-Popup-Header {background: #ffffff;width: 100%;padding: 10px;display: flex;align-items: center;justify-content: flex-start;border-bottom:1px solid #d9dadc;}
.Country_flag-img>img {width: 40px;height: 30px;margin-right: 10px;}
.Country-Popup-Header .Project_map_title { vertical-align: middle;font-size: 17px;margin-top: 0;margin-bottom: 0px;font-weight: 700;line-height: 22px;font-family: 'Segoe UI';}
.google-visualization-tooltip-item .Map-country {padding:0px !important;border: none;background: none;color: initial;margin: 0 !important;border-bottom: 1px solid #d9dadc;}
.google-visualization-tooltip-item .Map-country .Country-Popup-Title {font-size: 14px;font-weight: 600;font-family: 'Segoe UI';text-align: left;background: #f7f7f7;border-bottom: 1px solid #efefef;padding: 3px 10px;}
.google-visualization-tooltip-item .Map-country .active_project {display: flex;flex-wrap: wrap;justify-content: start;width: 30.333%;font-weight: 600;padding: 7px 0px;margin-left: 10px;    font-family: 'Segoe UI';font-size: 13px;}
.google-visualization-tooltip-item .Map-country .active_project span {font-family: 'Segoe UI';margin-left: 6px;font-weight: 500;background: #e9e9e9;padding: 0 12px;border-radius: 12rem;}
.google-visualization-tooltip-item .Country-Popup-CoverImage {padding: 10px;}
.google-visualization-tooltip-item .Country-Popup-Title2 {font-size: 14px;font-weight: 600;padding: 2px 10px 4px 10px;font-family: 'Segoe UI';background: #f7f7f7;border-bottom: 1px solid #efefef;}
.google-visualization-tooltip-item .Country-Popup-DOI .Map-country-item {display: flex;justify-content: start;width: auto;border-bottom: 1px solid #ebebeb;padding-top: 10px;}
.google-visualization-tooltip-item .Country-Popup-DOI .Map-country-item:last-child {border-bottom: none;}
.google-visualization-tooltip-item .Country-Popup-DOI .Map-country-item .Country-title {font-size: 13px;font-weight:600;float: left;line-height: 18px;margin-right: 5px;font-family: 'Segoe UI';width: 40px;}
.google-visualization-tooltip-item .Country-Popup-DOI .Map-country-item .Country-data {margin: 0px 5px !important;}
.google-visualization-tooltip-item .Country-Popup-DOI .Map-country-item::before {content: '\f101';position: relative;right: 4px;bottom: 2px;font-family: 'FontAwesome';}
.google-visualization-tooltip-item .Country-Popup-DOI {padding-bottom: 10px;}
.google-visualization-tooltip-item .Country-Popup-Content .Map-country {border-bottom: none;}
.Country-title a {color: #ffffff !important;font-size: 15px;font-weight: 700;font-family: 'Segoe UI Light';}
.Country-Popup-ContactsUser{margin-left: 10px;background: #FFF;background-color: #fff;margin-bottom: 2px;}
.Country-Popup-ContactsUser>img {width: 25px;height: 25px;margin-right: 15px;object-fit: cover;}
.Country-Popup-CountryRegions{display: flex;padding: 5px;}
.Country-Popup-CountryRegions>img {width: 20px;height: 20px;margin-right: 10px;}
.Country-Popup-CountryRegions{border-bottom: 1px solid #ebebeb;}
.Country-Popup-CountryRegions:last-child{border-bottom: none;}
.Country-Popup-Body .Country-Popup-ContactsUser>img {width: 22px;height: 22px;object-fit: contain;}
.Country-Popup-Body .Country-Popup-ContactsUser {display: flex;border-bottom: 1px solid #dfdfdf;margin: 0px;padding: 2px 5px;line-height: 17px;}
.ContactsCardMapStayPopup {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ContactsCardMapStayPopupList {border: 1px solid #dfdfdf;width: 32.7%;background: #fff;border-radius: 0px;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;margin: 5px 0px;padding: 0px;}
.sel-Permission {width: 100%; float: left;padding-left: 0px; margin-bottom: 10px;}
.sel-Permission dt {  float: left; margin-right: 11px;}
.ContactsCardMapStayPopup-header {background: #1199bb;padding: 10px 5px;color: #fff;font-weight: 600;font-size: 15px;font-family: 'Segoe UI Light';}
.ContactsCardMapStayPopup-header img {width: 30px;margin-right: 6px;}
.ContactsCardMapUserDetailLists {max-height: 155px;overflow-y: auto;}
.ContactsCardMapUserDetail {padding: 4px 2px;border-bottom: 3px solid #f5f5f5;border-left: 3px solid #f5f5f5;border-right: 3px solid #f5f5f5;}
.ContactsCardMapUserDetail img {width: 24px;height: 24px;object-fit: cover;margin-right: 0px;}
.ContactsCardMapUserDetail a {line-height: 26px;}
.ContactsCardMapUserDetail a span {font-size: 12px;}
.clearAll-Btn {position: absolute;right: 1%;top: -1px;}
.PublishingFooter{padding: 10px 46px;}
.social-icons {text-align: center;display: block;margin-top: 10px;}
.treeview, .treeview ul {padding: 0;margin: 0 !important;list-style: none;}
#documents p{margin-bottom: 0px;}
.Country-Popup-CoverImage > img {width: 100%;height: 100%;max-width: 100%;}
.fieldset-heading {position: absolute;top: -9px;left: 10px;background: #f5f5f5;display: inline-block;padding: 0px 5px;text-align: left;}
img.NewsDetail-Popup-PublisherImg {width: 22px;height: 22px;object-fit: cover;border-radius: 12rem;}
.pagecolor {padding: 5px;}
.paydate div input, select {width: 100%;height: 30px;}
.paydate div:first-child {width: 12%;}
.paydate > div {margin-right: 5px;}
.listvew ul li a:hover {color: #fff !important;}


.createUserImage.showUserImage {height: 29px !important;width: 30px !important;margin: -5px !important;border-radius: 50%;padding: 6px 2px;text-align: center;color: #fff;font-weight: 700 !important;padding-bottom: 4px;}