/*Bootstrap*/
.bootstrap-page section.content{
	margin-top:20px;
}
#hdr-buffer.bootstrap_page{
	margin-bottom:45px;
	display: inline-block;
}
.container{
	background-color: rgba(255,255,255,0.46);
}
pre{
	background-color: white;
}
h1{
	margin:0px !important;
}
h1 .head-link {
	color:#2D2B26 !important;
}
h1 .head-link:hover{
	color:#0073ea !important;
	text-decoration:none !important;
}
.stripe-table .row:nth-child(odd){
	background-color:#eee;
}
.stripe-table .row:nth-child(even){
	background-color:#fff;
}
html.usr-bg fieldset{
	background-color:transparent !important;
}
/*hr {
    border: none !important;
    height: 50px !important;
    width: 90%;
    border-bottom: 0px solid #1f1209 !important;
    box-shadow: 0 15px 15px -20px #333;
    margin: -40px auto 20px !important;
}*/
a.btn-primary, a.btn-secondary, a.btn-success,  a.btn-danger, a.btn:visited{
	color:#fff !important;
}

/*Isotope boxes*/
.grid-item {
  position: relative;
  float: left;
  width: 220px;
  height: 172px;
  margin: 10px;
  padding: 10px;
    background-color: #3c3933;
  color: #eee;
  -moz-box-shadow: 0 0 8px #000000;
  -webkit-box-shadow: 0 0 8px #000000;
  box-shadow: 0 0 8px #000000;
}
.grid-item.icon-hide{
    display: none;
}
.grid-item[href]:hover, .grid-item[data-toggle]:hover{
    background-color: #2D2B26;
	color: white;
	cursor:pointer;
}
.container-fluid  .grid{
	margin: 0 auto;
	position:relative;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item p{
	margin-bottom:0px;
}
.grid-item p, .grid-item{
	font-size:12px;
	z-index:0;
}
.grid-item h4{
	font-size:18px;
	margin-bottom: 0px;
}
.grid-item h5{
	font-size:16px;
	overflow:hidden;
	max-height: 40px;
	margin-bottom: 0px;
}
.grid-item a,.grid-item a:visited, .grid-item a:hover{
	color:#eee;
}
.grid-item.team-43{
	background-color: rgb(0,164,196) !important;
}
.grid-item.team-44{
	background-color: rgb(130,54,140) !important;
}
.grid-container-4 {
	display: grid;
	grid-template-columns: auto auto auto auto;
}
.grid-container-25{
	display: grid;
	grid-template-columns:25% 25% 25% 25%;
}
@media only screen and (max-width: 850px)  {
	.grid-container-4, .grid-container-25{
		grid-template-columns: 50% 50%;
	}
}

.input_label{
	text-align:right;
	padding: 0px 10px;
	margin-top:10px;
}
.btn-grey{
	background-color: #e9ecef;
	color: #495057;
	border: 1px solid #ced4da !important;
}
.btn-grey:hover{
	background-color: #d2d2d2
}

.tinymce-btn .btn, .tinymce-btn  a.btn:visited{
    background-color: #fff;
    border: 1px solid #c5c5c5;
    color: #595959 !important;
        font-size: 14px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}
/* top bar with SOA number */
.info-topper .topper-btn{
	font-size: 15px;
	padding: 5px;
	margin-top: -15px;
	margin-bottom: -11px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.info-topper .btn-topper-col{
    margin-top: -5px;
    margin-bottom: -5px;
}
.info-topper .btn-topper-col .btn{
    padding-top: 0px;
    padding-bottom: 0px;
}
.info-topper{
	background-color:#2D2B26;
	margin-top:20px;
	max-width:1500px;
	padding:10px;
	display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.info-topper.full{
	max-width:100%;
}
.info-topper h3{
	font-size:16px;
	margin:0px;
	color:#eee;
}
.info-topper h3 a,.info-topper h3 a:hover, .info-header h3 a,.info-header h3 a:hover{
	color:#eee;
}
.info-topper .close{
	color:#eee;
}
.modal-header.info-topper{
	margin-top:0px;
}
.info-header{
	top: 0px !important;
	left: 0px !important;
	max-width: inherit;
	margin-top:-1px;
	background-color:#191817;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 4px 8px rgba(0, 0, 0, 0.28);
}
.info-header h3{
	font-size:20px;
	color:#eee;
}
.top-desc{
	margin:10px;
}
.v-middle{
	vertical-align: middle;
    display: inline-block;
}
/* semi transparent page background wide*/
.cloud-bg{
	background:rgba(255,255,255,0.75);
	padding-top:15px;
	padding-bottom:15px;
	max-width:1500px;
}
.cloud-bg.full{
	max-width:100%;
}

.white-bg{
	background: #fff;
    padding: 15px;
    max-width: 1500px;
	border-radius:10px;
}
/* digiport and reports*/
.tile_actions{
	position:absolute;
	bottom:0px;
	right: 0px;
	width:100%;
	background-color: #111;
}
.tile_actions p{
	margin:5px 10px;
	display:inline-block;
	}
.digi_status{
	font-size: 15px;
    vertical-align: top;
	display:inline-block;
}
.tile_actions a:hover, .tile_actions .fa-chevron-circle-down:hover{
	text-decoration:none;
	color:#0073ea;
	cursor:pointer;
}
.finished-soa{
	background:#1badcf;
	color: #fff;
}
.soa-cancelled{
	background:#F05050;
	color: #fff;
}
.fas.complete-flag{
	float: right;
	margin: 8px 10px;
	display: inline-block;
}
/*Creative Breif Form*/
.large-awesome-form{
	font-size:20px;
}
.large-awesome-form input,.large-awesome-form textarea,.large-awesome-form select{
	width:100%;
	font-size:15px;
	padding: 5px;
}
.large-awesome-form input[type=number]{
	width:90px;
	padding-left:10px;
}
.submit-container-outer{
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
}
.submit-container{
	margin:10px 15px;
	text-align:right;
	font-size:15px;
}
.bootstrap-submit{
	width:100%;
	padding:10px 0px !important;
}
.submit-col{
	padding-bottom:100px;
}
.creative-form textarea{
	width:97%;
	margin-top:0px !important;
}
.form_error{
	display: block;
    font-size: 10px;
    position: absolute;
    color: #dc3545;
}
.input-group .form_error{
	margin-top:40px;
}
.large-awesome-form .form_error{
	margin-top: -10px;
}
.client_info_edit span.live-edit{
	width: 100%;
    background: #fff;
    border: #2D2B26 3px solid;
    display: block;
    margin: 10px 0px;
	font-size:15px;
	padding:5px;
	min-height:38px;
	
}
.client_info_edit .hover-edit{}
.project_contacts{
	font-size:15px;
}
.digi-popup{
	max-width:920px !important;
}
.tile_actions i{
	margin: 0px 3px;
    vertical-align: -1px;
}
.fa.grid-icon, .far.grid-icon, .fab.grid-icon, .fas.grid-icon{
	font-size:75px;
	position:absolute;
	bottom:20px;
	right:15px;
	color:#1b1a19;
	color: #101010;
	z-index:-1;
}

.fa.grid-icon.handover-icon, .far.grid-icon.handover-icon, .fab.grid-icon.handover-icon, .fas.grid-icon.handover-icon{
	right: 35px;
	font-size: 45px;
	bottom: 45px;
}
.fas.icon-team-45:before{
	font-family: 'Font Awesome 5 Free' !important;
	content: "\f154";
}
.fas.icon-team-44:before{
	font-family: 'Font Awesome 5 Free' !important;
	content: "\f4ce";
}
.fas.icon-team-43:before{
	font-family: 'Font Awesome 5 Free' !important;
	content: "\f4c4";
}
.team-colour-45{
	color: black;
}
.team-colour-44{
	color: rgb(130,54,140) !important;
}
.team-colour-43{
	color: rgb(0,164,196) !important;
}
/*icon-item*/
.icon_holder_sub .icon_item{
	width: 172px;
    min-height: 172px;
	margin:10px;
}
.icon_item.widget a.lrf-trigger{
	border: 1px solid #ddd;
    background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
	border-radius:3px;
	margin: 0px 5px !important;
    padding: 5px;
}
.icon_item .button{
	border: 1px solid #ddd;
    background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
	border-radius:3px;
	margin: 5px !important;
    padding: 5px;
}
/*post-it*/
.postit {
	font-size:13px;
	color:#2D2B26;
  line-height: 1.2;
  text-align:center;     
  width: 220px;    
  margin: 10px;    
  min-height:172px;
  padding:5px;
  position:relative;   
  border:1px solid #E8E8E8;     
  border-bottom-right-radius: 60px 5px;
  display:inline-block;    
   background: #ffff88; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.postit:hover{
	color:#2D2B26;
}
.postit-text{
	overflow-y: auto;
    height: 100px;
	text-align:left;
}
.postit .note-delete{
	text-align:left;
}
.postit .note-delete i{
    padding: 0px;
    margin-top: 5px;
	margin-right:5px;
}
#add-modal-note{
	width: 500px;
	position: absolute;
	margin: auto;
}
#add-modal-note textarea{
	width:100%;
}
/*modal popup*/
.digi-popup .modal-header .close{
	text-shadow: none;
}
.digi-popup .modal-header .close:hover{
	color: #0073ea;
	text-decoration: none;
	opacity: 1;
}
/*font awesome toggle*/
.awesome-check-list input[type=checkbox] + label:before{
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900;
}
/*resource color*/
.resource_active{background-color:rgb(0,204,0);}
.resource_spare{background-color:rgb(86, 196, 229);}
.resource_provisional{background-color:rgb(204,153,255);}
.resource_linked{background-color:#00661a;}
.resource_red{background-color:#C00;}

/*report brands*/
.digi-brand-1{/*wellbeing people*/
	color: #E6007F;
}
.digi-brand-3{/*CS Healthccare*/
	color:#304814 ;
}
.digi-brand-6{/*Havensrock*/
	color: #717574;
}
.digi-brand-5,.digi-brand-2{/*Optum*/
	color: #63666B;
}

.grid-item > tile_actions:hover{
	pointer-events: none;
	
}
td .action-buttons-right{
	float:none;
}
.action-icons-contain a{
	color:#2D2B26 !important;
}
.action-icons-contain a:hover{
	color:#101010 !important;
}
.signature-background{
	position: absolute;
    bottom: 35px;
	right: 10px;
    z-index: -1;
    max-width: 200px;
    max-height: 100px;
    width: auto;
    height: auto;
}
/* SLFD TABLE */
.slfd-table{
	width:96%;
	text-align:left;
}
.slfd-table .row{
	padding:5px;
}
.slfd-table .row:nth-child(odd){
	background-color:#eee;
}
.slfd-table .row:nth-child(even){
	background-color:#fff;
}
.slfd-table .row:hover{
	color:#fff;
	background-color:#0073ea;
}
.slfd-table .slfd-title-row{
	background-color:#2D2B26 !important;
	padding:10px;
	color:#fff;
}
.input-group-append.input-group-text{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
span.form-control{
	background-color:#eee;
}
@media only screen and (max-width: 600px) {
	.bottom-table-number{
		text-align:center !important;
	}
}
/*Tick Box  CLIENT_UNITS.VIEW*/
.check-label {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 38px;
  margin-bottom: 0px;
  width: 38px;
  border: 1px solid #ced4da;
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
  border-left: 0px;
}

.check-label input {display:none;}

.checked {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e9ecef;
  -webkit-transition: .4s;
  transition: .4s;
    border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;

}

.checked:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  padding: 3px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

input:checked + .checked:before {
	content:url(/images/svg/check-solid.svg);
	color: #00cC00;
}

.modal-dialog #ajax-element .row>div{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.pre-text-box{
	margin-top: 1rem;
}
.pre-text-box p{
	background-image: url(/images/disclaimer_blank.png);
	padding: 7px 10px;
	border-radius: 0.5rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 550px;
	width: 733px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	padding: 95px 38px;
	font-size: 14px;
	line-height: 18px;
	border: 5px solid #2D2B26; 
}
#sharing-pre.pre-text-box{
	border-top: none;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;
}
.message_bar{
	width:100%;
}
.input-details{
	line-height: 1.5;
	color: #007bff;
	background-clip: padding-box;	
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem;	
	font-size: 15px;	
	padding: 5px 10px;
	margin-top: -12px;
}
.input-group-text .fa{
	cursor:pointer;
}
.search-results-pop{
	margin-top: 38px !important;
	width:inherit !important;

	background-color: transparent !important;

	border: none !important;
	
}
.week-row{
	background-color: transparent !important;
}
.week-row th{
	background-color:transparent !important;
	text-shadow:none !important;
	color:#2d2b26 !important;
	font-size:18px;
}
.week-col{
	background-color:#2d2b26 !important;
	color:#fff !important;
	vertical-align:middle !important;
	min-width:105px;
}
tr.delivery-cur-week, .delivery-cur-week{
	border:1px solid #dee2e6 !important;
}
.delivery-cur-week th, .delivery-cur-week{
	background-color:#0073ea !important;
}
.week-total-row-new{
	border-top:2px solid #2d2b26;
	font-weight:bold;
	font-size: 0.8em;
	color:#2d2b26;
}
.float-button-box{
	position:fixed;
	width:150px;
	bottom:10px;
	right:10px;
}
/*report Dates*/
.report-dates-box h5{
	color: #ff0084;
	font-size: 1rem;
	font-weight:700;
}
.report-dates-box p{
	margin-bottom:0px;
}
.report-dates-box{
	font-size: 12px;
	margin: 0px !important;
	text-align:left;
	padding-bottom:0px !important;
}
/*CheckBox*/
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/*font Awesome*/
div.pword-strength-text:before {
	font-family: 'Font Awesome 5 Free' !important;
	color:#f00;
	font-size:10px;
	font-weight: 900;
}
.ui-dialog-titlebar-close:before{
	font-family: 'Font Awesome 5 Free' !important;
	content: "\f00d";
	font-size:10px;
	font-weight: 900;
}
.ui-dialog-titlebar-close{
	font-size: 10px !important;
	cursor:pointer;
}
/*mini Search*/
.fa.add-new{
	cursor: pointer;	
}
.result-select .fa, .search-select .result-item .fa{
	font-size: 1rem;
	padding-right: 5px;
	margin-top: 0px !important;
    right: 8px !important;
}
.search-results-pop  .result-item{
	display: flex;	
	align-items: center;
	padding: .375rem .75rem !important;
	font-size: 1rem;	
	color: #495057;	
	background-color: #e9ecef;	
	border: 1px solid #ced4da !important;	
	padding-right: 35px !important;
}
.result-select, .search-select .result-item {
	display: flex !important;
	align-items: center;	
	padding: .375rem .75rem !important;	
	font-size: 1rem;	
	border-radius: .25rem;	
	margin-top: 5px;
	background-color: #e9ecef !important;
	border: 1px solid #ced4da !important;
}
.result-select, .result-select a, .search-select .result-item, .search-select .result-item a{
	color: #495057 !important;
}
.search-select li{
	border:none !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{ z-index: 1060;}
.frm_star{
	color: red;
}
.wiki-popup{
	width: 400px;
	z-index: 50;
}
.wiki-popup .input-group{
	margin-bottom: 5px;
}
.wiki-popup #wiki_content_ifr{
	height: 250px !important;
}
.nine-five{
	max-width: 95% !important;
	width: 95% !important;
}
.full-check, .full-check .input-group-prepend, .full-check .col-form-label{
    width: 100%;
}
.full-check .check-label{
    position: absolute;
    right: 0%;
}
.vnum{
    font-size: 10px;
    color: #808080;
}

.totals-tbl{
    border-spacing: 1px; 
    border-collapse: separate;
    width: 95%;
    margin-left: 2.5%;
}


/* OVERVIEW BOX START */
.overview-box p, .cost-box p{
	margin-bottom: 0px;
}
.overview-box, .cost-box{
	border: 3px solid rgb(240, 51, 162);
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
}
.modal-body .overview-box:nth-child(even){
	border: 3px solid rgb(51, 190, 242);
}
.cost-box{
	width: 32%;
	margin: 4px;
	display: inline-block;
}
.overview-box h4, .cost-box h5{
	background: #fff;
	margin-top: -28px;
	padding: 0px 10px;
	width: max-content;
}
/* OVERVIEW BOX END */

/*Modal upload*/
.modal #uploaded_images img{
    padding: 5px;
    border: 1px solid #c5c5c5;
    border-radius: .25rem;
    cursor: pointer;
    margin: 2px;
}
.modal #uploaded_images, .modal #uploaded_files{
    max-height: 500px;
    overflow: auto;
}
.modal #uploaded_images img:hover{
    border: 1px solid #2D2B26;
}
.modal #uploaded_files .document-select, .modal #uploaded_files .document-select-download{
    cursor: pointer;
}
.modal #uploaded_files .document-select:hover{
    color: brown;
}
/*Modal upload*/

/*START Top&Bottom input Form Group*/
.form-group.tb-input label{
	margin-bottom: 0px;
	color: #495057;
    border: 1px solid #ced4da;
    padding: 3px 10px;
    width: 100%;
    background-color: #e9ecef;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom: 0px;
}

.form-group.tb-input input, .form-group.tb-input textarea, .form-group.tb-input select{
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
/*END Top&Bottom input Form Group*/

@media only screen and (max-width: 500px) {
  body{
    -webkit-text-size-adjust: none;
  	text-size-adjust: none;
  }
	.grid-item p, .grid-item{
		font-size: 0.8em;
	}
}

/* Document tables */
table.doc-table{
    border: 0px;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px;
    border-collapse: inherit;
}
table.doc-table label{
    margin: 0px;
}
table.doc-table td, table.doc-table th{
    padding: 4px;
}
table.pink-table thead,
table.pink-table th.thead{
    background-color: rgba(230,0,126,1);
}
table.pink-table tbody tr:nth-child(odd){
    background-color: rgba(230,0,126,0.15);
}
table.pink-table tbody tr:nth-child(even){
    background-color: rgba(230,0,126,0.25);
}
table.blue-table thead,
table.blue-table th.thead{
    background-color: rgba(0,159,227,1);
}

table.blue-table tbody tr:nth-child(odd){
    background-color: rgba(0,159,227,0.15);
}
table.blue-table tbody tr:nth-child(even){
    background-color: rgba(0,159,227,0.25);
}
table.doc-table thead,
table.doc-table th.thead{
    color:white;
    font-weight: bold;
    text-align: center;
}
table.doc-table thead.large,
table.doc-table td.large{
    font-size: 18px;
}
table.doc-table tbody th:not(.thead){
    text-align:left;
    font-weight: bold;
    width: 30%;
}
table.doc-table .fa-square{
	    padding: 0px 4px 0px 0px;
}
/* Document tables END */

/*Digital Documents checklist*/
.check-list.row, .check-list-head.row{
	margin-left: 0px;
	margin-right: 0px;
}
.check-list .check-list-col{
	border-bottom: 1px solid #c1c1c1;
	background: #fff;
}
.check-list-head .col{
	background-color: #2D2B26;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
}
.check-list .form-check .form-check-input{
	margin-top: 16px;
}
.check-list .form-check label{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.form-check-input:disabled~.form-check-label {
	color: #212529 !important;
}
/*Digital Documents checklist*/
.form-help{
	font-size: 12px;
    font-style: italic;
}