/* Base CSS For All other browsers */

/*

From Logo
Dark Orange #d25322
Dark Green #006f51
Dark Red #c50e29
Dark Blue #2f2d66


Very Light Blue #F3F6FB

Not quite black #1f1a1b

Advice Quality

VGA - Low
#008000

GA
#00FF00

SA
#5D95DD

PA - Moderate
#FF6600

VPA - High
#FF0000


*/

* {
	margin: 0;
}

.k-widget.k-window
{
	box-shadow: 2px 2px 2px 1px;
}

/*
html, body
{
	height: 100%;
}
*/	
/*
html {
	background: url("/site/1463/bg_image_full_1.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

html.bg1 {
	background: url("/site/1463/bg_2.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	
}
*/

/*
body {
	background-color: transparent;
    color: #2f3e46;
    font-size: 16px;
    line-height: normal;
}

html.bg1 body #divInterfaceMain{
	background-color: rgba(255,255,255,0.5);
}
*/

h1
{
	font-size:1.9em;
}

h1 span.buttoncontainer
{
	font-size:0.7em;
	float:right;
	display:block;
}

.smallertext {
	font-size: 0.9em;
}	

.asicField {
	color: #888888;
    font-size: 0.7em;
    padding: 0 5px;
}

.asicField span {
	font-weight: bold;
	cursor: pointer;
}

.logo .logoimage
{
	background-image: url("/site/1463/ofsllogo200.png");
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
height: 44px;
width: 200px;
}

.loginloader
{
	margin-left: 1em;
	padding-top: 0.5em;
	display: inline;
	position: relative;
	top: 3px;
}

.notify
{
	color: red;
}

.loginContainer .logoimage
{
	background-color: white;
    background-image: url("/site/1463/ofsllogo272.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 90px;
    margin-bottom: 10px;
    padding-top: 20px;
    width: 100%;
}

.oa-logincontainer .logoimage {
	background-color: white;
    background-image: url("/site/1463/ofsllogo272.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 90px;
    margin-bottom: 10px;
    padding-top: 20px;
    width: 100%;	
}

.oa-logincontainer {
	height: 100%;
	display: table;
    vertical-align: middle;
	margin-top: 12em;
}


/* LOGIN SCREEN */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.login {
  display: flex;
  min-height: 100vh;
  font: normal normal normal 16px/normal Roboto!important;
}

.login p {
  line-height: normal;
}

.login__banner {
  display: flex;
  flex-direction: column;
  width: 50%;
  background: #000;
  color: #fff;
  justify-content: center;
  padding: 3rem;
  font-family: 'Poppins', sans-serif;
}

.login__logo {
  width: 200px;
  align-self: center;
}

.login__title {
  font-size: 2.5rem;
  color: #fff;
  padding-top: 1rem;
}

.login__text {
  font-size: 1.2rem;
  color: #fff;
  padding-top: 0.5rem;
  line-height: 32px!important;
  font-weight: 200!important;
}
    
.login__authentication {
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: center;
  align-items: center;
  padding: 0 32px;
}

.authentication {
  display: flex;
  flex-direction: column;
  max-width: 350px;
  align-items: center;
  font-family: 'Poppins', sans-serif;
}

.authentication__company {
  font-family: 'Roboto', sans-serif;
  color: #F78306;
  padding-bottom: 1rem;
  font-size: 2rem;
  margin-bottom: 0px;
}

.authentication__input {
  font-size: 1.2rem;
  padding: 1rem;
  outline: none;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 100%;
}

.authentication__button {
  padding: 1rem;
  font-size: 1.2rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 100!important;
  border: none;
  outline: none!important;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  background: #F78306;
  color: #fff;
}

.authentication__button:hover {
  opacity: 0.9;
}

.authentication__remember {
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 300!important;
  margin-bottom: 0px;
}

.authentication__forgot {
  margin-top: 1rem;
  font-size: 0.875rem;
  text-decoration: underline!important;
}

.login__logo__responsive {
  display: none;
  width: 80px;
  margin-bottom: 2rem;
}

.message {
  padding: 0.5rem;
  box-shadow: 1px 4px 0px 0px #dbdbdb;            
  display: flex;
  align-items: center;
  line-height: 24px;
}

.message--error {      
  border-left: 4px solid #B80000;
  background: rgba(244, 0, 0, 0.21);
  color: #B80000;
}

.message__icon {
  font-size: 30px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.message--changed {
  border-left: 4px solid #000;
  border-top: 1px solid #eeeeee;
}

@media only screen and (max-width: 575px) {

    .container-fluid .form-group .col-form-label-sm {
        justify-content: start!important;
    }

}

@media only screen and (max-width: 900px) {
  .login__banner {
    display: none;
  }

  .login__authentication {
    width: 100%;
    background: #000;
    padding: 1rem;
  }

  .authentication {
    background: #fff;
    padding: 1rem;
  }

  .login__logo__responsive {
    display: block;
  }

  .authentication__company {
    font-size: 1.5rem;
  }

  .authentication__input, .authentication__button {
    font-size: 1rem;
  }


}

/* END LOGIN SCREEN */

.vertical-center-row{
    display: table-cell;
    vertical-align: middle;
}


.licenseecontainer:hover
{
	cursor: pointer;
	color: #2F3E46;
}


.demoswitches li
{
	border: 1px solid;
    color: #A9A9A9;
    display: inline-block;
    font-size: 1.5em;
    height: 1.9em;
    line-height: 1.9em;
    margin: 0.2em;
    overflow: hidden;
    padding-left: 0.7em;
    padding-right: 0.7em;
	width: 4em;
    word-wrap: break-word;
}

.demoswitches li:hover
{
	cursor: pointer;
}	

.demoswitches li input:hover
{
	cursor: pointer;
}	

#divInterface
{
	min-height: 100%;
	/*height: auto !important;*/
	height: 100%;
	/*background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 transparent;*/
	/* margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}

.newadvisercontainer dt, .newadvisercontainer dd 
{
	padding-bottom: 2px;
    padding-top: 0;
}

#adviserprevetcontainer {
	color: #666666;
    font-size: 0.9em;
}

#adviserprevetcontainer th{
	color: #2f3e46;
    font-size: 0.9em;
    text-align: left;
}



.questiondetails .questiondescription
{
	/*background-color: #ECECEC;*/
    font-size: 13px;
}


.questiondetails .questiondescription ul
{
    padding-left: 2em;
}


.questiondetails .questionactions table input{
	margin-bottom: 3px;
    margin-right: 10px;
    margin-top: 3px;
}


.question .additionalnotescontainer h4,  .documentcontainer h4{
	font-size: 12px;
	font-weight: bold;
}


.question textarea
{
	width: 100%;
}

.loadingcontainer
{
	padding: 20px;
}

.loadingcontainer span
{
	display: block;
    text-align: center;
}

.loadingcontainer img
{
	display: block;
    left: 48%;
    position: relative;
}

.blockname
{
	clear: both;
    color: white;
    display: inline-block;
    float: none;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 0.5em;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.adviserratings .blockname
{
	text-align:left;
}

.scoreblock .blockname
{
	color: black;
    font-size: 0.35em;
    line-height: 0.8em;
    text-align: center;
    text-transform: none;
}

/* HEADER */
#divInterfaceHeader
{
	/*
	background-color: white;
	font-weight: bold;
	height: 5em;
	min-width: 100%;
	position: fixed;
	top: 0;
	z-index: 1;
	*/
	display: none;
}

#divInterfaceHeader .right
{
	float: right;
}

#divInterfaceHeader .logobyline
{
	position: absolute;
	bottom: 40%;
	right: 10px;
}


#divInterfaceHeader .logo img
{
	height: 30px;
    padding: 5px;
}

#divInterfaceHeader .leftheader
{
	background-color: rgba(88, 99, 111, 0.4);
	float: left;
    
    /*min-width: 10em;*/
    overflow: hidden;
    
}

#divInterfaceHeader .rightheader
{
	height: 2.5em;
    /*left: 15%;*/
	margin-right: 1em;
	text-align: right;
}



.breadcrumb
{
	font-size: 1em;
    font-style: italic;
    font-weight: bold;
    line-height: 2.5em;
    margin-right: 10px;
    max-width: 200px;
    overflow: hidden;
}

.home-button-container
{
	float: left;
    font-size: 0.8em;
    padding: 5px 10px 5px 5px;
}

.last-function
{
	color: #ECECEC;
    display: block;
    float: right;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    line-height: 2.8em;
    padding-left: 1em;
    padding-right: 1em;
}


.rightheader .breadcrumbcontainer
{
	display: inline-block;
}

.rightheader .searchcontainer
{
	margin-top: 1px;
    position: absolute;
    right: 20px;
}

.logon-info
{
	display: block;
    float: right;
    font-size: 1em;
    height: 2.5em;
    line-height: 2.5em;
}

.logon-info .k-icon
{
	font-size: 1em;
    margin-right: 0.3em;
    margin-top: 0.7em;
}

.logon-name
{
	background-color: #3C454F;
    display: none;
    margin-top: 40px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.logon-name span
{
	margin-right: 1em;
	color: white;
}

.logon-state button
{
	float: right;
	font-size: 0.7em;
}

/* END HEADER */

/* FOOTER */
#divInterfaceFooter, .push
{
	height: 20px; /* .push must be the same height as .footer */
	clear: both;
}

#divInterfaceFooter
{
	background-color: #6AC4EA;
    color: white;
    font-size: 0.8em;
    min-width: 100%;
    text-align: center;
    z-index: 1;
}

/* END FOOTER */

/* SELECT BOX STYLES */

.selectbox
{
	color: #2F3E46;
	/*text-shadow: 0.1em 0.1em 0.2em #6AC4EA;*/
	
}

.selectbox:hover
{
	/*
		background-color: #E6E6E6;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), to(#EDEDED));
		background: -webkit-linear-gradient(top, #DEDEDE, #EDEDED);
		background: -moz-linear-gradient(top, #DEDEDE, #EDEDED);
		background: -ms-linear-gradient(top, #DEDEDE, #EDEDED);
		background: -o-linear-gradient(top, #DEDEDE, #EDEDED);
	*/
/*	background-color: #2F3E46;*/
	/*color: #FFFFFF;*/
	cursor: pointer;
}

.selectbox.k-state-selected
{
	color: #FFFFFF;
	background-color: #7BA2C9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7BA2C9), to(#678FB7));
	background: -webkit-linear-gradient(top, #7BA2C9, #678FB7);
	background: -moz-linear-gradient(top, #7BA2C9, #678FB7);
	background: -ms-linear-gradient(top, #7BA2C9, #678FB7);
	background: -o-linear-gradient(top, #7BA2C9, #678FB7);
}

/* END SELECT BOX STYLE */



/* LOGIN FORM */

.loginContainer
{
	
    overflow: auto;
    padding-top: 20px;
}

#divInterfaceMain .loginInterface
{
	background: none repeat scroll 0 0 #29abe2;
    display: block;
    min-height: 290px;
    left: 50%;
    margin: -165px 0 0 -205px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 410px;
}

.loginInterface * {
	box-sizing: unset;
}


.loginInterface table {
	border-collapse: separate;
    color: white;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
	border-spacing: unset;
	box-sizing: border-box;
}

.loginInterface table td {
	padding: 2px;
}

#loginStatus {
	font-size: 0.9em;
    margin-top: 5px;
}


/* END LOGIN FORM */

/* MAIN MENU */

#divInterfaceMainMenu ul
{
	clear: both;
    display: block;
    height: 100px;
    margin: 0 auto auto;
	padding: 0;
}

.homecolumn ul li {
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #0299aa;
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    height: 150px;
    margin: 0 15px 15px 0;
    opacity: 0.9;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 150px;
}

.homecolumn ul li.spacer {
	background: url(/site/1463/v1_texture_bg.png) repeat scroll 0 0 #777;
	opacity: 0.7;
}

.homecolumn ul li .tiletitle {
	text-align: left;
	position: absolute;
	bottom: 10px;
}

.homecolumn ul li .tileNotify {
	color: yellow;
    font-size: 48px;
    height: 0;
    text-align: right;
	z-index: 9999;
}

.homecolumn ul li .tileIcon {
	padding-top: 24px;
	z-index:10;
}

.homecolumn ul li .tileDate {
	font-size: 47px;
    height: 0;
    position: relative;
    top: 34px;
}

.homecolumn ul li.textblurb
{
	font-weight: normal;
    width: 200px;
}


.homecolumn .selectbox:hover {
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #9DD3DD;
	color: white;
}

.homecolumn .selectbox.unavailable {
	opacity: 0.5;
	cursor: auto;
}

.homecolumn .selectbox.unavailable:hover {
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #0299aa;
	opacity: 0.5;
}

#licenseepanel, #practicepanel, #adviserpanel  {
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #A200AB;
}

#obligationriskpanel, #conflictspanel, #complaintspanel, #remediationpanel, #issuepanel{
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #D4430D; /*Bold Orange*/
}

#coachingpanel, #trainingpanel, #aplpanel {
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #004225; /*Racing Green*/
}

#documentspanel, #reportspanel, #settingspanel {
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 #0D53B5;
}


.homecolumn ul li.selectbox:hover  {
	opacity: 1;
}

.homespacer {
	height: 10px;
}

.columncontainer * {
	box-sizing: unset;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
}

#divInterfaceRight .fileQuestions * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.columncontainer .bsbox * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.columncontainer .nobs * {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.welcomecolumn
{
	background: #29abe2 none repeat scroll 0 0;
    display: inline-block;
    height: 200px;
    margin: 0 20px 10px 10px;
    opacity: 1;
    padding: 10px;
    vertical-align: top;
    width: 200px;
}

.welcomecolumn .image {
   min-height: 200px;
}

.welcomecolumn .image img
{
	width: 200px;
}

.welcomecolumn .message {
	color: white;
	font-size: 1.4em;
	text-align: right;
	background: rgba(0,0,0, 0.25);
	padding: 1em 0.5em 0.5em 0.5em;
}

.welcomecolumn .message a {
	color: white;
	text-align: left;
	padding-right: 0.5em;
	cursor: pointer;
	float: left;
    
}


.homeMenu {
	padding-top: 0.5em;
    text-align: right;
    margin-left: -0.8em;
    margin-right: -0.8em;
    
}

#divInterfaceLeft .navBox.top {
	border-top: 1px solid #c0c0c0;
	height: 24px;
	padding-top: 10px;
}

#divInterfaceLeft .navBox.top * {
	box-sizing: border-box;
}


#divInterfaceLeft .navBox.back {
	border-top: 1px solid #ececec;
    margin-top: 9px;
}

#divInterfaceLeft .navBox.back .oa-btn{
	text-align: left;
    text-decoration: none;
    width: 100%;
	font-size: 19.2px;
}

#divInterfaceLeft .navBox.back .oa-back-button {
	background-color: white;
    padding-bottom: 12px;
    padding-left: 1em;
    padding-top: 10px;
	color: black;
}

#divInterfaceLeft .navBox.back .oa-back-button .oa-btn{
	color: black;
}

#divInterfaceLeft .navBox.back .oa-back-button:hover{
	color: black;
}

#divInterfaceLeft .navBox.back i{
	padding-right: 1em;
}

#divInterfaceLeft .navBox .oa-btn {
	color: white;
    /*text-align: center;*/
    
    display: inline-block;
    font-size: 1.5em;
}

#divInterfaceLeft .navBox .oa-btn:hover {
	color: black;
}

.oa-container {
	margin: 1em;
}

.floatStyle {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.97);
    border: 1px solid #ececec;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    width: 200px;
    z-index: 2;
}


.floatStyle a i{
	width: 30px;
}


#floatLicenseeList {
	background-clip: unset;
    background-color: transparent;
    box-sizing: border-box;
    outline: unset;
    border: none;
    padding-top: 10px;
    font-size: 0.8em;
}

#floatLicenseeList div {
	box-sizing: border-box;
}

#floatLicenseeList a i {
	width: auto;
}

.row.oa-spacer {
	min-height: 10px;
    overflow: hidden;
    height: 10px;
    border-top: 1px solid #C0C0C0;
    margin-top: 10px;
}

.homeMenu .oa-btn {
	color: white;
    text-align: center;
    width: 2em;
    display: inline-block;
    font-size: 1.5em;
}

.homeMenu .oa-btn:hover {
	color: black;
}

.homecolumn {
	display: inline-block;
	padding-bottom: 3em;
}

.homecolumn li .title {
	display: inline-block;
	/*padding-bottom: 1em;*/
	font-size: 1em;
}

.homecolumn li .touched
{
	display: block;
    height: 96px;
    margin-top: 1em;
    overflow: hidden;
    width: 100%;
}

.homecolumn li .thenumber
{
	 color: white;
    display: block;
    font-size: 6em;
    height: 100px;
    margin-top: 2px;
    text-align: center;
   /* text-shadow: 3px 3px 5px black; */
    width: 100%;
}

.homecolumn li .thenumber .image
{
	padding-top: 28px;
}

.homecolumn li .touched .image
{
	padding-top: 1em;
    text-align: center;
}

.homecolumn .touched.k-widget.k-listview
{
	background-color: transparent;
    border: medium none;
}

.homecolumn .quickview
{
	float: left;
    padding-right: 4px;
}

#reportspanel .thenumber
{
	height: 115px;
}

#adviserpanel .quickview img
{
	min-height: 78px;
}
.homecolumn .selectbox .tileIcon .fa {
	font-size: 6em;
}

#adviserpanel .touched
{
	height: 78px;
    margin-top: 2em;
}
/* END MAIN MENU */

/* LEFT MENU AND THE RIGHT INTERFACE */

#divInterfaceLeft .logocontainer {
	background-image: url("/site/1463/ofsllogo120.png");
background-position: 50% 10px;
background-repeat: no-repeat;
height: 59px;
background-color: white;
}

#divInterfaceLeft .columncontainer
{
	
    /*background-size: 50% auto;*/
    height: 100%;
    overflow: auto;
    /*padding-top: 10px;*/
}

#divInterfaceLeft .columncontainer:after
{
	background: url("/site/1463/v1_texture_bg.png") repeat scroll 0 0 transparent;
	
}

#divInterfaceRight .columncontainer
{
	height: 100%;
    overflow: hidden;
    padding-bottom: 5em;
}


.moduleHeading {
	color: #FFFFFF;
display: inline-block;
font-size: 19px;
margin-left: 15px;
padding-bottom: 11px;
padding-top: 10px;
}

.moduleSubHeading {
	color: white;
    display: inline-block;
    font-size: 17px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-top: 12px;
}

#divInterfaceMainMenu .columncontainer
{
	height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 1005px;
}

#divInterfaceMain
{
	/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);	*/
	min-height: 100%;
	
	/* REQUIRED TO CENTER THE LOGIN */
	/* height: 100% */
	position: absolute;
	width: 100%;
	/*background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;*/
}


#divInterfaceLeft
{
	background-color: rgba(88, 99, 111, 0.4);
    float: left;
    height: 100%;
    position: fixed;
    width: 15%;
}


#divInterfaceRight
{
	float: left;
    left: 15%;
    overflow: hidden;
    position: relative;
    width: 85%;
}    


#divInterfaceLeft ul
{
	padding-left: 0;
	border: medium none;
}


.mainInterface h1, .mainInterface h2
{
margin-left: 15px;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.mainInterface h1 h2
{
	font-size:0.8em;
}

.mainDynamic
{
	border: medium none;
    /*margin-left: 10px;
    margin-right: 10px;*/
}

.mainDynamic ul
{
	border: none;
	padding: 0;
}

.mainDynamic.k-listview
{
	background-color: transparent;
    border: medium none;
}

.category ul
{
	background-color: transparent;
	/*margin-top:10px;*/
}
 

#divInterfaceLeft .nextfile li.open-nextfile-button, #divInterfaceLeft .nextfile li.open-reviews-button
{
	font-weight: bold;
}

.auditState
{
	display: inline-block;
    height: 37px;
   /* width: 600px;*/
	background: none repeat scroll 0 0 rgb(0, 0, 0);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	margin-top: 23px;
 }
  
.auditState th
{
	text-align: left;
	color: #00AADD;
	font-size: 0.7em;
	line-height: normal;
	padding-left: 10px;
}

.auditState td span {
	display: inline-block;
    font-size: 0.9em;
    overflow: hidden;
    white-space: nowrap;
}

.auditState td
{
	font-size: 0.9em;
    line-height: normal;
    padding-left: 10px;
}

.auditState td.fileScore span { width: 100px; }
.auditState td.fileReference span { width: 150px; }
/*.auditState td.fileType span { width: 150px; }*/
.auditState td.fileDate  span { width: 70px; }
.auditState td.fileStatus span { width: 70px; }

.auditApproved .auditStatus
{
	background-color: #C0F4AD;
}


.auditState .k-input.normal
{
	height: 1.8em;
}


.questioncontainer
{
	/*
	background-color: #F9F9F9;
    margin: 10px 5px;
    */
    padding: 1em;
}

.questioncontainer .documentcontainer {
	display:none;
}


.question_title{
	background-color: #424A54;
    padding: 5px;
}

.question_title_container.significant
{
	color: #FF0000;
}
.questionanswer .weight.best, #best_observations .lozenge {
	background-color: #008000;
}
.questionanswer .weight.better{
	background-color: #D8D8D8;
}
.questionanswer .weight.minor, #minor_observations .lozenge {
	background-color: #0026FF;
}
.questionanswer .weight.material, #material_observations .lozenge {
	background-color: #FF6600;
}
.questionanswer .weight.significant, #significant_observations .lozenge {
	background-color: #FF0000;
}




.question_title_container.material
{
	color: #FF6600;
}
.question_title_container.minor
{
	color: #0026FF;
}

.question_title_container.better
{
	color: #D8D8D8;
}

.question_title_container.best
{
	color: #008000;
}

.significant,.material, .minor, .better, .best
{
	color: white;
}

.questioncontainer.questionunanswered
{
	background-color: #F3F6FB;
    border: 1px solid #C1C1C1;
}

.questioncontainer.questionanswered
{
	background-color: #D8D8D8;
	border: 1px solid #C1C1C1;
}	

.questioncontainer.questionanswered .questionanswer {
	font-weight: normal;
	/*width: 20%;*/
}

.questioncontainer.questionanswered .questionanswer
{
	font-size: 0.7em;
	color: #787878;
}

.questioncount
{
	font-size: 0.7em;
}

.questionchoice select
{
	display: none;
}

.hiddencontainer
{
	display:none;
}

.questionheader
{
	font-size: 0.7em;
	display: none;
}

.questionnumber
{
	float: left;
    height: 1px;
    width: 60%;
}


.questionanswer .weight {
	float: left;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

.questionanswer span {
	display: inline-block;
    margin-top: 2px;
}


.questionitem 
{
	margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
}

.questionitem:hover
{
	cursor: pointer;
}

.questionitem .title
{
	display: block;
    font-size: 1.1em;
    padding: 5px;
}

.questionitem .question
{
	display: block;
    padding: 0 20px 10px;
}

.quicksave .k-button.yes{
	margin: 10px 10px 0;
}

.k-button.no, .k-button.yes
{
	margin-left: 0.5em;
    /*width: 6em;*/
}

.k-button.no.selected, .k-button.bpmsresponse.selected
{
	background-color: gray;
    color: white;
}

.k-button.yes.selected
{
	background-color: gray;
    color: white;
}

#divInterfaceLeft h2
{
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
}

#divInterfaceLeft ul li.categoryitem
{
	color: white;
    font-size: 16px;
    list-style: outside none none;
    margin-left: 2em;
    padding: 3px 7px;
    text-align: left;
    text-transform: none;
}



#tabStrip {
	margin-top: 1em;
}

#tabstrip .k-tabstrip-items, .oa-tabstrip .k-tabstrip-items{
	font-size: 0.75em;
}

#divInterfaceLeft ul li.btn-warning
{
	background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}

#divInterfaceLeft ul li.btn-success
{
	color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

#divInterfaceLeft ul li {
	background-color: #29aae3;
    border-radius: 5px 0 0 5px;
    color: #ffffff;
    font-size: 0.9em;
    list-style: outside none none;
    margin-bottom: 0.25em;
    margin-left: 1em;
    padding: 0.25em;
    text-align: right;
}

#divInterfaceLeft ul li i {
	width: 1.2em;
	text-align: center;
}

#divInterfaceLeft ul li.back
{
	color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    list-style: none outside none;
    padding: 10px;
    text-align: right;
}

#divInterfaceLeft ul li.back:hover
{
	cursor: pointer;
}

#divInterfaceLeft li:hover, #divInterfaceLeft ul li.categoryitem:hover
{
	cursor: pointer;
	background-color: #E6E6E6;
	color: #3C454F;
}

#divInterfaceLeft ul li.selectedoption
{
	color: #3C454F;
	background-color: #FFFFFF;
}

.question, .hint
{
	clear: both;
    color: #000000;


    display: none;

    font-size: 0.8em;
    margin: 10px 0 0;
}

.hint
{
	/*background-color: #FFFFFF;*/

	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */



}

.morequestioninfo:hover, .moresuggestedactions:hover
{
	cursor: pointer;
}


/*	SEARCH DIV */

.searchBox p
{
	color: white;
    padding: 20px;
}

/* RIGHT DETAILS ADVISERS */

.adviserReviews ul
{
	background-color: transparent;
}

.adviserReviews li
{
	list-style: none;
}

#actionList .editselectbox
{
	height: auto;
}

.adviserActions li
{
	list-style: none;
}

/*
.adviserDashboard, .adviserDetails, .adviserReviews, .adviserActions, .adviserCorrespondence, .adviserCoaching, .adviserIssues, .adviserComplaints, .adviserAttachments, .adviserRemediation, .adviserConflicts, 
.reportingDashboard, .reportingRisk, .reportingAdviceQuality, .reportingFileQuality, .reportingObservation, .reportingAdviserTracking, .reportingAnalystTracking, .reportingAnalystObservation, .reportingReviewer, .reportingSchedule, .reportingRemediation, .reportingReview, .reportingConcept, .reportingQuestion, .reportingIssue, .reportingPrevet, .reportingPrevetTracking, .reportingPrevetAdvisers, .reportingPrevetObservation, .reportingTopObservations, .reportingGovernance, .reportingOverview, .reportingSurvey, .reportingServiceEngagement, .reportingServiceMatrix, .reportingOpenReviews, 
.practiceDashboard, .practiceDetails, .practiceAdvisers, .practiceContacts, .practiceReviews, .practiceAttachments, .practiceActions, .practiceCorrespondence, .practicePractices, .practiceServices, .practiceCoaching, 
.licenseeDashboard, .licenseeDetails, .licenseeManagers, .licenseeReviewers, .licenseeConflicts, .licenseeDocuments, 
.complaintDashboard, .complaintDetails,
.remediationDashboard, .remediationDetails,
.coachingDashboard, .coachingDetails,
.planningDashboard, .planningScheduling, .planningPending, .planningTrips, .planningAccomodation, .planningAutomotive, .planningAirlines, .planningDining, 
.obligationriskDashboard, .obligationriskDetails,
.issueDashboard, .issueDetails,
.conflictDashboard, .conflictDetails,
.settingsMyProfile, .settingsGeneral, .settingsUsers, .settingsTemplates, .settingsReviews, .settingsBusiness, 
.mybusinessDashboard, .mybusinessExceptionsandApprovals, .mybusinessServices, .mybusinessCustomReports, .mybusinessAttachments, 
.aplDashboard, .aplProducts, 
.trainingDashboard, .trainingDetails, 
.contactDashboard, .contactDetails, .contactAttachments, 
.fileDetails
{
	border:none;
	display:none;
}

.adviserDashboard.selectedoption, .adviserDetails.selectedoption, .adviserReviews.selectedoption, .adviserActions.selectedoption, .adviserCorrespondence.selectedoption, .adviserCoaching.selectedoption, .adviserIssues.selectedoption, .adviserComplaints.selectedoption, .adviserAttachments.selectedoption, .adviserRemediation.selectedoption, .adviserConflicts.selectedoption, 
.reportingDashboard.selectedoption, .reportingAdviserTracking.selectedoption, .reportingAnalystTracking.selectedoption, .reportingAnalystObservation.selectedoption, .reportingRisk.selectedoption, .reportingAdviceQuality.selectedoption, .reportingFileQuality.selectedoption, .reportingObservation.selectedoption, .reportingTopObservations.selectedoption, .reportingReviewer.selectedoption, .reportingPrevet.selectedoption, .reportingPrevetTracking.selectedoption, .reportingRemediation.selectedoption, .reportingReview.selectedoption, .reportingConcept.selectedoption, .reportingQuestion.selectedoption, .reportingIssue.selectedoption, .reportingPrevet.selecteoption, .reportingPrevetAdvisers.selectedoption, .reportingPrevetObservation.selectedoption, .reportingGovernance.selectedoption, .reportingSchedule.selectedoption, .reportingOverview.selectedoption, .reportingSurvey.selectedoption, .reportingServiceEngagement.selectedoption, .reportingServiceMatrix.selectedoption, .reportingOpenReviews.selectedoption, 
.practiceDashboard.selectedoption, .practiceDetails.selectedoption, .practiceAdvisers.selectedoption, .practiceContacts.selectedoption, .practiceReviews.selectedoption, .practiceAttachments.selectedoption, .practiceActions.selectedoption, .practiceCorrespondence.selectedoption, .practicePractices.selectedoption, .practiceServices.selectedoption, .practiceCoaching.selectedoption, 
.licenseeDashboard.selectedoption, .licenseeDetails.selectedoption, .licenseeManagers.selectedoption, .licenseeReviewers.selectedoption, .licenseeConflicts.selectedoption, .licenseeDocuments.selectedoption, 
.complaintDashboard.selectedoption, .complaintDetails.selectedoption,
.remediationDashboard.selectedoption, .remediationDetails.selectedoption,
.coachingDashboard.selectedoption, .coachingDetails.selectedoption,
.planningDashboard.selectedoption, .planningScheduling.selectedoption, .planningPending.selectedoption, .planningTrips.selectedoption, .planningAccomodation.selectedoption, .planningAutomotive.selectedoption, .planningAirlines.selectedoption, .planningDining.selectedoption,
.obligationriskDashboard.selectedoption, .obligationriskDetails.selectedoption,
.issueDashboard.selectedoption, .issueDetails.selectedoption,
.conflictDashboard.selectedoption, .conflictDetails.selectedoption,
.settingsMyProfile.selectedoption, .settingsGeneral.selectedoption, .settingsUsers.selectedoption, .settingsTemplates.selectedoption, .settingsReviews.selectedoption, .settingsBusiness.selectedoption, 
.mybusinessDashboard.selectedoption, .mybusinessExceptionsandApprovals.selectedoption, .mybusinessServices.selectedoption, .mybusinessCustomReports.selectedoption, .mybusinessAttachments.selectedoption, 
.aplDashboard.selectedoption, .aplProducts.selectedoption,
.trainingDashboard.selectedoption, .trainingDetails.selectedoption, 
.contactDashboard.selectedoption, .contactDetails.selectedoption, .contactAttachments.selectedoption, 
.fileDetails.selectedoption, .fileQuestions.selectedoption
{
	background-color: rgba(0, 0, 0, 0);
    border: medium none;	
	display: block;
}
*/

.reportTile {
	border: 1px solid;
    /*height: 250px;*/
    margin-bottom: 10px;
    padding: 20px;
}

.reportTile:hover {
	cursor: pointer;
	background-color: lightblue;
}

.reportTile .tileImage {
	width: 100%;
	/*background-color: white;*/
	/*height: 170px;*/
	/*overflow: hidden;*/
	margin: auto;
	text-align: center;
}

.reportTile .tileImage i {
	font-size: 7em;
}

.reportTile .tileTitle {
	color: white;
    font-weight: bold;
    overflow: hidden;
    padding-top: 1em;
}

.reportDebug {
	display: none;
}

#reportingMenuContainer .nobs *{
	box-sizing: content-box;
}

#reportingMenuContainer .inputContainer { 
	margin-bottom: 5px;
}

.genericblock
{
	background-color: #6bbce7;
    box-shadow: 1px 1px 3px 1px #cccccc;
    color: white;
    margin-bottom: 1em;
    margin-top: 1em;
    min-height: 10em;
    padding: 0.5em;
}

.adviserdashboardcontainer
{
	/*margin-left: 1em;*/
	color: white;
	background: rgba(255, 255, 255, 0.3);
	padding-bottom: 0.5em;
	min-height: 191px;
    /*
		background-color: #ECECEC;
		height: 300px;
		margin: 10px 10px 10px 0;
		padding: 10px;
		width: 300px;
	*/
}

.adviserdashboardcontainer .topstrip
{
	height: 96px;
    margin-bottom: 1.5em;
}

.adviserdashboardcontainer .advisername
{
	color: black;
    font-size: 20px;
    margin-left: 5px;
    margin-top: 25px;
    overflow: hidden;
}

.adviserdashboardcontainer .practicename span {
	color: black;
    display: inline-block;
    font-size: 20px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 269px;
}

.adviserdashboardcontainer .practiceaddress {
	color: #676767;
    padding: 5px;
}



.infogram
{
	height: 4em;
    position: relative;
    width: 15em;
}

.infogram .leftlabel, .infogram .rightlabel
{
	font-size: 0.6em;
    line-height: 2em;
    position: absolute;
}

.infogram .leftlabel
{
	left: 0;
	border-left: 1px solid #808080;
    padding-left: 4px;
}

.infogram .rightlabel
{
	border-right: 1px solid #808080;
    padding-right: 4px;
    right: 0;
}

.infogram .industryrange
{
	display: block;
    height: 3em;
    position: absolute;
    top: 0.6em;
    width: 100%;
}

.primaryaction.k-button
{
	font-size: 1.2em;
}

.infogram .industryrangecolor
{
	background-color: #999999;
    display: block;
    height: 2em;
    line-height: 3.5em;
    margin-top: 1em;
}

.infogram .licenseeaverage
{
	background-color: #333399;
    display: block;
    height: 3em;
    position: absolute;
    top: 0.5em;
    width: 0.3em;
}

.infogram .adviserposition
{
	background-color: #FF3333;
    border-radius: 1em 1em 1em 1em;
    display: block;
    height: 1em;
    position: absolute;
    top: 1.5em;
    width: 1em;
}

.reviewdate
{
	background-color: #ececec;
    color: red;
    display: none;
    float: right;
    font-size: 0.7em;
    left: 3px;
    padding-left: 0.5em;
    position: relative;
    top: 5px;
    width: 55px;
}

.adviserbox
{
	background-color: #fdfbfc;
    display: inline-block;
    font-size: 1em;
    height: 96px;
    overflow: hidden;
    vertical-align: top;
    width: 70%;
}

.complaintbox
{
	font-size: 1.3em;
}

.complaintbox span
{
	display: inline-block;
    font-size: 1em;
    min-width: 136px;
    text-align: right;
}

.advisercontactnumbers
{
	color: #676767;
    font-size: 0.8em;
}

.advisercontactnumbers .textblock
{
	font-size: 1.1em;
    padding-top: 0.2em;
}

.dash66, .dash33, .dash20, .dash46 {
	
    float: left;
}

.dashcontent {
	display: inline-block;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}


.dashcontent .actual {
	background-color: #7cbee5;
    height: 100%;
    margin: 0.5em;
    padding: 0.5em;
}

.dashcontent .actual.bland {
	background-color: #9FA0A2;
}

.dashcontent .actual.transparent {
	background-color: transparent;
}

.dashcontent .currentPrevet {
	background-color: #ececec;
    border-bottom: 1px solid #c0c0c0;
    color: black;
    font-weight: bold;
    padding-left: 4px;
    padding-top: 1px;
}

.dashcontent {
	font-size: 13px;
}


#lastreviewquicklook .auditicon {
	border-radius: 14px;
    color: transparent;
    display: inline-block;
    height: 20px;
    margin: 5px;
    width: 20px;
}



.dash20 {
	width: 20%;
}

.dash33 {
	width: 33.33%;
}

.dash46 {
	width: 46.66%;
}

.dash66 {
	width: 66.66%;
}



.dashtall {
	height: 180px;
}

.dashmed {
	height: 135px;
}

.dashshort {
	height: 90px;
}

.advisercontactnumbers .phonework
{
	display: block;
    font-size: 16px;
    margin-left: 5px;
}

.advisercontactnumbers .email
{
	display: inline-block;
    font-size: 0.8em;
    height: 2em;
    line-height: 1em;
    max-width: 120px;
    overflow: hidden;
}


.advisercontactdetails
{
	float: left;
    /*width: 16em;*/
}

.contactblock
{
	background-color: #6bbce7;
    /*box-shadow: 0 0 3px 1px #cccccc;*/
    margin: 1em 0;
    padding: 0.5em;
    width: 264px;
}


.actual .primaryaction {
	background-color: black;
    color: white;
    width: 100%;
}

/*
.adviserratings
{
	display: inline-block;
    margin-bottom: 1em;
}
*/
/*
.adviserratings .lastfive
{
	
    margin: 30px 0 0 auto;
    overflow: hidden;
    padding: 0;
}
*/

/*
.lastfive span
{
	color: white;
    float: left;
    font-weight: bold;
    height: 5em;
    line-height: 5em;
    margin-right: 0.5em;
    text-align: center;
    width: 5em;
}*/


.reviewcontainer .hideresults
{
	border-radius: 0;
    color: #C8C8C8;
    height: auto;
    line-height: normal;
    margin-right: 0;
    padding-left: 10px;
    text-align: left;
    width: auto;
}

.reviewcontainer .hideresults:hover
{
	color: black;
}

/*
.lastfive span.reviewpoints {
	font-size: 24.4px;
    height: 3em;
    line-height: 2.7em;
    width: 2.7em;
}

.lastfive span:hover
{
	cursor: pointer;
}

.lastfive span.good
{
	background-color: green;
}

.lastfive span.bad
{
	background-color: red;
}

.lastfive span.middle
{
	background-color: #FFA500;
}

.lastfive span.inprogress
{
	border: 1px solid #ECECEC;
	color: #A9A9A9;
}
*/

.skillblock span
{
	display: block;
}

.scoreblock
{
	/*background-color: #6bbce7;*/
   width: 100%;
}

.scoreblock .leftnumber
{
	float: left;
	font-size: 40px;
    line-height: 2em;
    text-align: center;
    width: 1.9em;
}

.scoreblock .rightnumber
{
	float: left;
    font-size: 40px;
    line-height: 2em;
    text-align: center;
    width: 3.7em;
}

.removespeciality
{
	font-size: 0.6em;
	font-weight: bold;
}

.removespeciality:hover
{
	cursor: pointer;
}


#currentspecialities li
{
	list-style: none;
}

.adviseroverview
{
	float: left;
    margin-left: 1em;
    margin-top: 1em;
    /*width: 50%;*/
	/*width: 41em;*/
}

.adviseroverview .title {
	color: #27aae2;
    font-size: 1.9em;
}

.scorelabel
{
	display: block;
    font-weight: bold;
    line-height: 1.5em;
}


.advisercontainer.infogramcontain
{
	float: none; 
	margin-left: 0px; 
	margin-top: 1em; 
	width: 15em;
}


.adviseractions:hover, .advisernotes:hover, .adviserlastreviews:hover, .advisercomplaints:hover, .adviserconflicts:hover, .advisertraining:hover, .questionnairecontainer:hover
{
	cursor: pointer;
}

.adviserskills .skillblock
{
	min-height: 9em;
}

.adviseroverview .adviserquicklook
{
	float: left;
    margin: 1em 0 1em 0;
}


.adviserlastreviews .skillblock
{
	min-height: 17.5em;
}

.highlightblock
{
	background-color: #ECECEC;
    color: #A9A9A9;
    display: block;
    font-size: 1.1em;
    margin-bottom: 1em;
    padding: 1em;
    text-align: right;
}

.highlightblock .emphasis
{
	font-size: 1.1em;
    font-weight: bold;
}

.emphasis
{
	font-size: 1.2em;
    font-weight: lighter;
    padding-right: 0.5em;
}

.filelist, .issuelist, .actualissuelist
{
	display: none;
	/*padding-top: 1em;*/
}

.filelist .additional_buttons
{
	border-top: 1px solid #A9A9A9;
    font-size: 1.1em;
    margin-left: 0.2em;
    margin-right: 0.25em;
    margin-top: 0.5em;
    padding-top: 0.5em;
    text-align: right;
}

#issueGrid, #remediationGrid, #complaintGrid, #actionList, #conflictsGrid, #remediationList,  #conflictsList, #coachingGrid, #attachmentadviserList, #attachmentpracticeList, .oa-gridcontainer {
	font-size: 0.8em;
    margin: 1em;
}

.oa-gridcontainer.nomargin {
	font-size: 0.8em;
	margin: 0;
}

.remediationContainer .oa-gridcontainer {
	margin: 0;
}


.contentblock
{
	padding: 10px;
}

.contentblock .k-input.title
{
	font-weight: normal;
    width: 100%;
}

#revenuetype
{
	width: 20em;
}

.contentblock textarea.k-textbox
{
	min-height: 6em;
    width: 100%;
}

.contentblock dt
{
	font-size: 0.8em;
    padding: 0;
}

.contentblock dd
{
	font-size: 0.9em;
    padding-bottom: 10px;
    padding-top: 5px;
}


.linkedcontent
{
	margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.linkedcontent .actionContainer
{
	background-color: #ECECEC;
    margin-bottom: 0.25em;
    padding: 0.25em;
}

.linkedcontent .actionContainer:hover
{
	cursor: pointer;
	background-color: #C1C1C1;
}

.linkedcontent .actionContainer span
{
	display: inline-block;
    font-size: 0.9em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 30%;
}

.linkedcontent .k-widget.k-listview
{
	border: medium none;
}

.additionalblock
{
	border-bottom: 1px solid #ECECEC;
    color: #C1C1C1;
    font-size: 0.7em;
    font-style: italic;
    margin-bottom: 0.5em;
    padding: 0.25em;
    text-align: right;
}

.additionalblock span
{
	padding-right: 1em;
}

li.file {
	background-color: #969696;
    color: #FFFFFF;
    padding: 4px;
    margin-left: 0;
    margin-right: 0;
	border-left: 40px solid #ECECEC;
}

li.actualissue
{
	background-color: #969696;
    border: 1px solid #C1C1C1;
    color: #FFFFFF;
    margin-bottom: 1em;
    padding: 0.7em;
}

li.issue
{
	background-color: #E0E0E0;
    border-color: #C1C1C1;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1em;
    padding: 0.7em;
}

li.issue.positive, li.actualissue.positive
{
    border-color: #008000;
    border-top: 3px solid #008000;
    border-bottom: 3px solid #008000;
}

.issue .leftblock, .actualissue .leftblock, .file .leftblock
{
	float: left;
	width: 50%;
}

.issue .rightblock, .actualissue .rightblock, .file .rightblock
{
	float: right;
	width: 50%;
}

.file .question
{
	background-color: transparent;
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

.actualissue .question
{
	background-color: transparent;
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.issuelist h4, .actualissuelist h4
{
	background: none repeat scroll 0 0 #ECECEC;
    color: #333333;
    font-size: 0.8em;
    padding: 0.5em;

}

.issue .question
{
	background-color: transparent;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
	float:none;
    padding: 0;
	color: #333333;
}

.actualissue .questionnotes
{
	display: block;
    font-size: 0.8em;
    padding-top: 0.5em;
}

.issue .questionnotes
{
	display: block;
    font-size: 0.8em;
    padding-top: 0.5em;
}

.actualissue .issueoccurences .clientfilename, td .clientfilename
{
	display: block;
}

.issue .issueoccurences
{
	color: #969696;
    font-size: 0.8em;
    margin-left: 0.5em;
    margin-top: 1em;
}

.issue .extranotes
{
	float: left;
	width: 100%;
}

.extranotes textarea.k-textbox
{
	font-size: 0.8em;
    height: 8em;
    padding: 0.5em;
    width: 100%;
}

.issue .buttoncontainer
{
	float: left;
    margin-top: 0.5em;
}

.file
{
	background-color: #EFEFEF;
    display: block;
    margin: 0.25em;
    padding: 0.25em;
}

/* Important Colors */
.file.vpa, .auditicon.vpa
{
	border-left: 40px solid #FF0000;
	 /*red*/
}

.file.pa, .auditicon.pa
{
	border-left: 40px solid #FF6600;
	 /*orange*/
}

.file.sa, .auditicon.sa
{
	border-left: 40px solid #6A3B9B;
	 /*blue*/
}

.file.ga, .file.sa.gaForce, .auditicon.ga, .auditicon.sa.gaForce
{
	border-left: 40px solid #00D800;
	 /*light green*/
}

.file.vga, .auditicon.vga
{
	border-left: 40px solid #008000;
	 /*dark green*/
}

.projectdetailscontainer
{
	display: inline-block;
}

.reviewload{
	display: inline-block;
    margin-right: 10px;
    margin-top: 2px;
    vertical-align: middle;
}

.projectdetailscontainer .startdate {
	font-size: 1.05em;
    font-weight: bold;
}

.projectdetailscontainer .reviewscore {
	font-size: 0.9em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/*
.projectdetailscontainer .reviewername {
	font-size: 0.8em;
    margin-top: 0.5em;
}
*/


.filelabels
{
	font-size: 0.7em;
    margin-bottom: 1em;
}


.reviewicon.na, .reviewbox.na .projectcolorflag
{
	background-color: gray;
}

.reviewicon.low.plus, .reviewbox.low.plus .projectcolorflag, .profile-last-results .result-container.low.plus {
	background-color: #008000;
}

.reviewicon.low, .reviewbox.low .projectcolorflag, .profile-last-results .result-container.low, .state-marker.low {
	background-color: #008000;
}

.reviewicon.low.cusp, .reviewbox.low.cusp .projectcolorflag {
	outline: 2px solid #6A3B9B;
	outline-offset: -2px;
}

.reviewicon.med, .reviewbox.med .projectcolorflag, .profile-last-results .result-container.med, .state-marker.med {
	background-color: #6A3B9B;
}

.reviewicon.med.cusp, .reviewbox.med.cusp .projectcolorflag {
	outline: 2px solid #FF6600;
	outline-offset: -2px;
}

.reviewicon.med.plus, .reviewbox.med.plus .projectcolorflag {
	outline: 2px solid #008000;
	outline-offset: -2px;
}

.reviewicon.high, .reviewbox.high .projectcolorflag, .profile-last-results .result-container.high, .state-marker.high {
	background-color: #FF6600;
}

.reviewicon.high.plus, .reviewbox.high.plus .projectcolorflag, .profile-last-results .result-container.high.plus {
	background-color: #FF0000;
}

.reviewbox .projectdetailscontainer .reviewscore {
	color: #b3b3b3;
    font-weight: bold;
}

.reviewbox.allfilescomplete {
	background-color: #f5f5f5;
}

/*
.projectcolorflag {
	display: block;
    margin-right: 1em;
    width: 66px;
    vertical-align: top;
    text-align: center;
    min-height: 100%;
    float: left;
    height: 97px;
    margin-left: -1em;
    margin-top: -1em;
    margin-bottom: -1em;
	border-right: 1px solid #ECECEC;
}
*/

.lockbuttoncontainer {
	display: inline-block;
	margin-bottom: 0;
}


.reviewbox:hover
{
	cursor: default;
}

.highlightblock.important {
	background-color: #8B0000;
    color: white;
}

.adviserdashboardcontainer .advisercontactimage
{
	display: inline-block;
    max-height: 96px;
    min-width: 10px;
    overflow: hidden;
    width: 30%;
}

.contactblockwhite
{
	background-color: white;
    clear: both;
    margin-top: 0.2em;
    padding: 1.25em;
}

/* END RIGHT DETAILS */

/* RIGHT DETAILS AUDIT */
#auditList
{
	border: medium none;
    margin-left: 1em;
    margin-top: 0.5em;
}

#auditList li
{
	float: left;
    height: 100px;
    list-style: none outside none;
    margin-right: 10px;
    padding: 20px;
    text-transform: uppercase;
    width: 100px;
}

#auditResults
{
	border: 1px solid #ECECEC;
    clear: both;
    margin-left: 1em;
    margin-top: 1em;
    min-height: 200px;
	margin-right: 1em;
}

#auditResults ul
{
	padding:0;
}

#auditResults li
{
	float: left;
    list-style: none outside none;
    margin: 10px;
    padding: 10px;
}

#auditResults li:hover
{
	cursor: pointer;
	background-color: #E6E6E6;
}

.reviewcontainer
{
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 10px 1px #888888;
    display: none;
    height: 90px;
    min-width: 310px;
    padding: 5px 20px 30px;
    position: absolute;
    z-index: 99;
}

/* END DETAILS AUDIT */

/* NEW AUDIT CONTENT */

.listContainer .k-widget.k-listview{
	background-color: transparent;
}

.listContainer ul
{
	margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 100%;
}


.listContainer li
{
    display: inline-block;
    list-style: none outside none;
    /*margin: 10px;*/
    /*padding: 10px;*/
	/*
	margin: 0;
    padding: 0;
	*/
	width: 33.33%;
	/*width: 326px;*/
	vertical-align: top;
}

.listContainer li div {
	cursor: pointer;
	/*background: rgb(41, 171, 226); */
	/*background: none repeat scroll 0 0 rgba(41, 171, 226, 0.7);*/
	/*margin: 6px 3px 0;*/
    /*padding: 5px;*/
}

.listContainer li div.newadvisercontainer:hover {
	cursor: default;
	background: white;
}

.listContainer li .profileimage
{
	height: 96px;
    overflow: hidden;
	float: left;
}


.listContainer li.adviserstatus3, .listContainer li.practicestatus3, .listContainer li.practicestatus5 {
    /*Inactive*/
    opacity: 0.4;
    background: white;

}

.listContainer li .profiledata .profilename
{
	font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-weight: bold;
    
}

.listContainer li .profiledata .practicename
{
	color: #777;
    display: inline-block;
    font-size: 13px;
    overflow: hidden;
	text-overflow: ellipsis;
    word-wrap: break-word;
}

.listContainer li .profiledata .adviserstate {
	display: inline-block;
    font-size: 13px;
    overflow: hidden;
	text-overflow: ellipsis;
    word-wrap: break-word;
}



.profileemail span
{
	display: block;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}



/* END NEW AUDIT CONTENT */

/* CURRENT AUDIT CONTENT */
#auditListOverdue h3, #auditListDuetoday h3, #auditListFuture h3
{
	color: white; padding:10px;text-shadow: 2px 2px 2px black;
}

#auditListOverdue ul, #auditListDuetoday ul, #auditListFuture ul
{
	list-style:none; 
	padding:0;
}

#auditListOverdue li, #auditListDuetoday li, #auditListFuture li
{
	background-color: #F5F5F5;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 2px;
    margin-top: 2px;
}

.auditdetails
{
	float: left;
    left: 100px;
    margin-top: -1.5em;
    position: absolute;
    top: 50%;
}

.auditdetailscontainer
{
	border-bottom: 1px solid #CCCCCC;
    height: 96px;
	position: relative;
}

.auditprofileimage
{
	width: 96px;
	float: left;
}

.auditmoreinfo
{
	border-left: 1px solid #CCCCCC;
    float: right;
    height: 96px;
    position: relative;
    width: 96px;
}

.auditmoreinfo:hover
{
	cursor: pointer;
}

.auditmoreinfo span
{
	display: block;
    font-size: 1em;
    margin-top: -0.5em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 96px;
}

.auditprofilename
{
	font-weight:bold; 
	font-size:1.1em;
}

.auditname
{
	font-size:0.8em;
}

.auditadviserdetails
{
	clear:both;
	
	display:none;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}

.auditadviserdetails table
{
	width:100%;
}

.auditadviserdetails table th
{
	text-align: left;
}

#auditListOverdue h3
{
	background-color:#FF0000; 
}

#auditListDuetoday h3
{
	background-color:#749BC3; 
}

#auditListFuture h3
{
	background-color:#008000; 
}

.auditadviserdetails .adviserlastreviewdate
{
	width: 160px;
}

.auditadviserdetails .adviserpreviousadvicequality, .auditadviserdetails .adviseraddress
{
	width: 200px;
}

.auditadviserdetails .adviseropenbutton
{
	width: 100px;
}

/* END CURRENT ADUIT CONTENT */

/* QUICK REVIEW */
.bsbox {
	border-top: 1px solid #ECECEC;
}

.bsbox .qrBox {
	min-height: 330px;
}

.bsbox .qrPadded {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    padding: 10px;
	margin-bottom: 0;
}

.bsbox .qrPadded dd {
	padding: 0;
}

.bsbox .qrPadded span {
	color: white;
    padding-left: 5px;
}

#qrReviewChoice {
	background: none;
    margin-bottom: 0;
    padding-left: 0px;
    padding-right: 0px;
}

#qrReviewChoice * {
	box-sizing: content-box;
}

/* REPORTING */
/*
.reportingMenu
{
	border-top: 1px solid #ECECEC;
}
*/

/*
.reportingMenu .structureSelectContainer
{
	display: inline-block;
    width: 250px;
	padding-right: 3px;
}
*/

.reportingMenu .startContainer
{
	display: inline-block;
}

.reportingMenu .endContainer
{
	display: inline-block;
}


.reportingMenu .createButtonContainer a {
	vertical-align: middle;
}

.reportingMenu .createButtonContainer a.reportToolTipAnchor {
	font-size: 30px;
	padding-left: 10px;
}


.reportcontainer
{
	border: 5px solid #ECECEC;
    margin: 10px;
	background-color: white;
}

.reportcontainer .nodata
{
	padding: 20px;
	text-align: center;
}

.reportcontainer.trend
{
    min-height: 280px;

}
.reportcontainer label
{
	display: inline-block;
    line-height: 110px;
    padding: 20px;
    vertical-align: top;
}

.reportcontainer .cardash
{
	background: url("/site/1463/car-dashboard.png") no-repeat scroll center center transparent;
    height: 330px;
    text-align: center;
}

.reportcontainer .cardash div
{
	/*
	background-image: url("/site/1463/gauge-container.png");
    background-size: cover;
    */
	display: inline-block;
    padding: 20px;
	height: 200px;
}

.dial1{
	height: 100px;
    left: -17px;
    top: 25px;
    width: 100px;
}

.dial2{
	height: 200px;
    top: 30px;
    width: 200px;
}

.dial3{
	height: 100px;
    right: -13px;
    top: 24px;
    width: 100px;
}

.reportResults .reportTitle
{
	background: none repeat scroll 0 0 #ECECEC;
    font-size: 2em;
    font-weight: bold;
    margin: 10px;
    padding: 0.25em;
    text-transform: uppercase;
}


.oa-reportContainer .createImage .fa-image, .oa-reportContainer .openImage .fa-print {
	padding-right: 5px;
	
}

.oa-reportContainer .createImage, .oa-reportContainer .openImage, .oa-reportContainer .weeksChart, .oa-reportContainer .monthsChart, .oa-reportContainer .yearsChart{
	font-size: 12px;
}


.oa-reportContainer .best {
	background-color: #008000;
}

.oa-reportContainer .minor {
	background-color: #5D95DD;
}

.oa-reportContainer .material {
	background-color: #FF6600;
}

.oa-reportContainer .significant {
	background-color: #FF0000;	
}


.reportResults .reportChart {
	height: 350px;
}

.reportResults .reportSubTitle
{
	background: none repeat scroll 0 0 #ECECEC;
    border-bottom: 1px solid #777777;
    color: #666666;
    font-size: 1.25em;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 6px 6px 5px;
}

.reportSpecificOptions
{
	color: #787878;
    font-size: 1em;
    margin-left: 1em;
}

.reportSpecificOptions span
{
	padding-right: 1em;
}


/*
.reportResults 
{
	display: none;
}
*/

.report1, .report6
{
	height: 300px;
}

.statereport
{
	display: inline-block;
    height: 250px;
    width: 250px;
}

.report3
{
	height: 150px;
	float: left;
}

.reportsummary
{
	display: inline-block;
    min-height: 280px;
    padding: 10px;
    vertical-align: top;
    width: 350px;
}


.reportsummary dt
{
	display: inline-block;
    font-size: 22px;
    padding: 0 0 20px;
    width: 260px;
	

}

.reportsummary dd
{
	background-color: #ECECEC;
    color: #666666;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 70px;
}

.summary
{
	margin-bottom: 2px;
}
#divInterfaceLeft .summary ul li.selectedoption, #divInterfaceLeft ul li.categoryitem.k-state-selected
{
	background-color: #7ea700;
	color: white;
}

.reportsummary dt.summarytotal
{
	background-color: #ECECEC;
    font-size: 25px;
    font-weight: bold;
    height: 45px;
    margin-top: 10px;
    padding: 18px 0 0 10px;
    text-transform: uppercase;
    vertical-align: top;
    width: 250px;
}


.reportsummary dd.summarytotal
{
	font-size: 36px;
    margin-top: 10px;
}

.reportcontainer.chartsummary
{
	display: inline-block;

    min-height: 280px;
    min-width: 305px;
    padding: 10px;
}

/* END OF THE LEFT MENU AND RIGHT INTERFACE */

/* ADVISER WINDOW */

.interfaceheader .actionstrip {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    min-height: 60px;
    width: 100%;
	color: white;
}

.actionstrip .buttoncontainer {
	/*
	margin-left: 15px;
	margin-right: 15px;
	*/
	padding-top: 11px;
}

.actionstrip .buttoncontainer a:hover
{
	background-color: #2f2d66;
    border-color: #DADADA;
	color: #ECECEC;
}


.actionstrip .leftbuttons {
	float: left;
}

.actionstrip .rightbuttons {
	float: right;
}

.actionstrip .rightbuttons .k-widget.k-dropdown {
	border: 0 none;
}

.actionstrip .additional-search-options {
	background: none repeat scroll 0 0 #ffffff;
    display: none;
    height: 45px;
    margin: -15px;
    min-height: 10px;
    position: relative;
    top: 28px;
}

.actionstrip .quick-search-options {
	font-size: 0.9em;
    padding-right: 15px;
}

#issue-dynamic .k-dropdown.issue-type, #complaint-dynamic .k-dropdown.issue-type
{
	width: 27em;
}

.lastaction
{
	background-color: #ECECEC;
    border-radius: 0;
    box-shadow: 1px 2px 5px 0 #3C454F;
    color: #888888;
    display: none;
    font-size: 0.8em;
    left: 15%;
    opacity: 0.9;
    padding-left: 2em;
    padding-right: 2em;
    position: absolute;
    top: 0;
}

.lastaction ul
{
	padding: 0;
	list-style: none;
}

.actionstrip .lastaction ul
{
	padding: 0;
}

.actionstrip .lastaction li
{
	list-style: none;
}


.listContainer .newadvisercontainer, .listContainer .newpracticecontainer
{
	padding: 20px;
	background-color: white;
}

.listContainer .newadvisercontainer input, .listContainer .newpracticecontainer input
{
	width: 100%;
}

.listContainer .newadvisercontainer .edit-buttons, .listContainer .newpracticecontainer .edit-buttons
{
	/*background-color: #ECECEC;*/
    border: medium none;
    margin: 10px 10px 10px 0;
    padding-bottom: 2px;
}

#tabstrip
{
	/*
	background-color: #ECECEC;
    border: medium none;
    margin: 10px 10px 10px 0;
    padding-bottom: 2px;
	*/
	margin: 1em;
}

#tabStrip .submenu {
	font-size: 15px;
	margin-left: 2em;
}

#tabstrip input
{
	color: #000000;
    width: 20em;
	padding-left: 3px;
}

#tabstrip td input {
	width: 100%;
	
}

#tabstrip div.k-content
{
	padding-bottom: 10px;
}

div#advisercommissiontable, #advisercommissiontable div, div#authorisationtypehistory, #authorisationtypehistory div, div#rolehistory, #rolehistory div, div#specialityhistory, #specialityhistory div{
	padding: 0;
}

#authorisationtypehistory input, #rolehistory input
{
	width: 100%;
}

#authorisationtypehistory .k-grid-toolbar, #rolehistory .k-grid-toolbar, #specialityhistory .k-grid-toolbar {
	padding: 5px;
}

#adviserEditWindow
{
	padding-left: 10px;
}

#adviserEditWindow li
{
	list-style: none;
}


.issueremediation
{
	margin-right: 1em;
    padding-top: 1em;
}	

.issueremediation ul, .issueremediation table
{
	font-size: 0.7em;
	width: 100%;
}	


.issueremediation li
{
	padding: 0.5em;
}	

.issueremediation input
{
	margin-left: 0.5em;
}

.suggestedactionrow.duplicate, .additionalfilenotesrow.duplicate
{
	display: none;
}

.row.suggestedactionrow, .row.actualissueaction {
	margin-bottom: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    /*border: 1px solid rgb(169, 169, 169);*/
}

.row.suggestedactionrow:hover {
	background-color: #ECECEC;
}


#complainttabs .k-input.normal, #issuetabs .k-input.normal
{
	height: 1.8em;
    min-width: 20em;
}


#complainttabs dl.causeblock, #issuetabs dl.causeblock
{
	
	border: 1px solid #ECECEC;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    width: auto;
}

#complainttabs dl.causeblock label, #issuetabs dl.causeblock label
{
	font-size: 0.8em;
    font-style: italic;
}


#complainttabs dd, #issuetabs dd
{
	padding-bottom: 10px;
}

.adviserreportcontainer{
	border: 2px solid #ECECEC;
    font-size: 14px;
    margin: 5px;
    padding: 10px;
}

.adviserreportcontainer .reviewblock{
	padding: 5px;
}
.adviserreportcontainer .reviewblock .file{
	color: white;
    display: inline-block;
} 
.adviserreportcontainer .reviewscorecontainer{
	color: #666666;
    font-size: 19px;
    font-weight: bold;
    padding-top: 10px;
}
.oricontainer p{
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.groupbox{
	background-color: #E0E0E0;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
}
.filelistcontainer .clientfilename{
	display: block;
}
.windowcontainer {
	display: none;
}
#report-dynamic.windowcontainer{
    padding: 0;
}
/*
.windowoptions{
    background-color: #ECECEC;
    margin-bottom: 10px;
    padding: 10px;
}
.windowoptions .windowbuttons h5{
  
}
.windowoptions .windowbuttons a{
    margin-right: 10px;

}

.windowoptions .windowbuttons .checkbox{
	padding-right: 5px;
	padding-top: 5px;
}

.windowoptions .emailcontainer{
    display: none;
    padding-top: 10px;    
}
*/
/*
.combinedcell{
    margin-left: 0.1em;
    margin-right: 0.1em;
    font-size: 0.8em;
}
.combinedcell.small{
    font-size: 0.7em;
    font-style: italic;
}
*/


/*
#emailreportcontainer .emailrecipientcurrent, #emailreportcontainer .emailcccurrent, #emailreportcontainer .emailsendercurrent, #emailreportcontainer .emailbcccurrent{
    font-size: 0.8em;
    padding: 0.2em;
}
*/
/*
#emailreportcontainer .emailsubjectcontainer{
    margin-bottom: 10px;
}
*/
/*
.windowoptions .pdfcontainer{
    display: none;
    background-color: #F0F0F0;
    margin: 10px 10px 0;
    padding: 2px;
}
*/

.oriresponse .questionname{
    display: block;
    /*font-weight: bold;
    padding-top: 5px;*/
}
.oriresponse .questionadditionalnotes{
    color: #676767;
    display: inline-block;
    font-size: 12px;
    margin: 5px 0;
}
.reportFilters{
    font-size: 10px;
    padding: 5px 20px 0;
}
.reportFilters div{
    display: inline;
    font-size: 12px;
    padding-right: 20px;
}
.reportFilters label{
    display: block;
}
.reportFilters .filterLabel{
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    vertical-align: middle;
}
.tabheader {
	border-bottom: 1px solid #EEEEEE;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 0;
}
	

#prevetinprogress table label {
	display:inline-block;
	margin-right: 1em;
	width: 70px;
}


.currentResultBlock {
	font-size: 0.8em;
    padding-left: 0.5em;
}

.currentPrevet .currentName{
	font-size: 0.8em;
}

.currentPrevet .currentResults{
	padding-bottom: 5px;
    padding-left: 1em;
}

.currentResultBlock.approvedY {
	color: #008000;
}

.currentResultBlock.approvedN {
	color: #FF0000;
}

.reportingPrevet table {
	padding: 10px;
    width: 100%;
}

.reportingPrevet table th{
	text-align:left;
	border-bottom: 1px solid #ececec;
	padding: 0;
}

.reportingPrevet table td{
	border-bottom: 1px solid #ececec;
	padding: 5px;
}

/*
.emailrecipientcontainer {
	padding-bottom: 0.5em;
}
*/

#panelbar .observation_title {
	font-size: 1em;
	font-weight: normal;
	width: 230px;
	display: inline-block;
}

#panelbar .lozenge {
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 10px;
	margin-bottom: 1px;
}

#myDiary .k-scheduler-timecolumn {
	display: none;
}

/*
#myDiary a.event1, #myOverdueActions a.event1, #myReminderActions a.event1 {
	color: #0026FF;
}

#myDiary a.event2, #myOverdueActions a.event2, #myReminderActions a.event2 {
	color: #008000;
}
*/

#myOverdueActions .listBlock, #myReminderActions .listBlock {
	background-color: #ececec;
    border: 1px solid #c0c0c0;
    margin: 0.5em;
    padding: 0.5em;
}

#myOverdueActions .listBlock:hover, #myReminderActions .listBlock:hover {
	background-color: #8ebc00;
}

#myOverdueActions .actionDate, #myReminderActions .actionDate {
	font-weight: bold;
}

/* @media (min-width: @screen-sm-min) { 
	#loginStatus {
		font-weight: bold;
	}
} */

#resubmitOptions {
	padding-bottom: 1em;
    padding-top: 1em;
}


#resubmitStatus {
	height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

#resubmitStatus span {
	display: block;
    font-size: 0.8em;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.oa-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/site/1463/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.oa-loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */

.oa-status-float {
	display: none;
    left: 0;
    height: 59px;
    opacity: 0.98;
    position: absolute;
    top: 0;
    width: 15%;
}

.oa-status-float .oa-status-note {
	min-height: 59px;
    vertical-align: middle;
    line-height: 59px;
    text-align: center;
}

.row.oa-space-row.k-state-selected {
    background-color: #ececec;
}

.oa-icon {
	display: inline-block;
    font-size: 1.5em;
    padding-bottom: 10px;
    padding-right: 5px;
}

.documentbox {
	/*height: 96px;*/
    overflow: hidden;
}	

.documentbox .mainheading {
	color: snow;
    display: block;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 265px;
}

.documentbox .subheading {
	color: #404040;
    display: inline-block;
    font-size: 13px;
    overflow: hidden;
    word-wrap: break-word;
}

.documentbox .oa-tags {
	color: white;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    width: 259px;
}

.no-tag {
	display: inline-block;
    font-size: 0.8em;
    padding-top: 10px;
}

.oa-public-icon a { 
	color: #2f3e46;
}

.documentbox .oa-spacer {
	display: inline-block;
    width: 38px;
}

.documentlocation2 .oa-group-icon {
	display: none;
}

.documentpublic1 .oa-public-icon {
	display: none;
}

.documentpublic2 .oa-spacer {
	display: none;
}

.additional-search-toggle {
	cursor: pointer;
}

.oa-tag {
	font-size: 10px;
    margin-right: 3px;
    margin-top: 3px;
}

#navFooter {
	opacity: 0.95;
}
.actualissuecausedescription {
	color: black;
}
.documentcontainer {
	padding: 10px 10px 0;
}
.removedocumentlink {
	cursor: pointer;
}
.documentlist {
	font-weight: bold;
    padding-bottom: 15px;
    text-decoration: underline;
}
	
table.historyTable td {
	font-size: 0.9em;
    padding: 0 30px 0 0;
    color: #787878;
}
.k-window-content .k-edit-form-container {
	width: auto;
}

.k-edit-form-container input, .k-edit-form-container textarea {
	width: 100%;
}

.reviewerNotesContainer {
	text-align: left;
}

.dashboardTable {
	color: #3c454f;
}

.smallGrid {
	font-size: 0.7em;
}

.clientFileDetailsContainer.container-fluid {
	padding: 0;
}

.riskLevelEmbed {
	display:none;
}

.questioncontainer.groupquestioncontainer {
	color: black;
	
}

.questioncontainer.groupquestioncontainer .groupquestionoption{
	margin-bottom: 0.5em;
    white-space: normal;
    position: relative;
}

.questioncontainer.groupquestioncontainer .groupquestiondetails .questiondetails{
	display: none;
}

.questioncontainer.groupquestioncontainer .groupquestiondetails .questiondetails .questiondescription{
	padding: 0;
}

/*
.questioncontainer.groupquestioncontainer .groupquestiondetails .questiondetails .questiondescription p{
	font-size: 0.8em;
    padding: 0;
}
*/

/*
.questioncontainer.groupquestioncontainer .groupquestiondetails .questiondetails .questionactions{
	font-size: 0.8em;
}
*/

/* RISK AND GOVERNANCE */
.reviewtype2 .viewfile, .reviewtype2 .fileadvisernamecontainer, .reviewtype2 .fileclientnamecontainer, .reviewtype2 .fileadvicedatecontainer, .reviewtype2 .viewissues, .reviewtype3 .viewissues {
	display: none;
}

.groupquestionoption.active {
	border-left: 5px solid #47535e;
}

.groupquestionoption.groupquicksave.active {
	border-left: 0;
    border-bottom: 3px solid #47535e;
}

.groupquestioncontainer .grouphidden {
	display: none;
}

.quickgroupbutton.k-button {
	font-size: 11px;
}

.questioncontainer.groupquestioncontainer .quickgroupbutton.groupquicksave {
	margin-left: 1em;
	margin-bottom: 0;
}

.tagContainer {
	min-height: 4em;
}

.tagContainer .labelTag {
	background-color: #29aae3;
    border-radius: 0.2em;
    color: white;
    display: inline-block;
    font-size: 0.8em;
    margin: 0.2em;
    padding: 0.3em;
}

.tagContainer .labelTag:hover {
	cursor: pointer;
	background-color: #E6E6E6;
	color: #3C454F;
}

#fileadvicescopeinput_listbox li {
	border: 1px solid #ececec;
    display: inline-block;
    margin: 0.1em;
}

#fileobjective_listbox li {
	border: 1px solid #ececec;
    display: inline-block;
    margin: 0.1em;
}


.actualissueaction div, .actualissuecontainerfluid div, .filesummarycontainer div {
	padding: 0;
}

.btn.notapplicable {
	background-color: #6c7e8e;
    color: white;
}


.recipientContainer {
	font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
}

li .recipientContainer {
	font-size: 0.9em;
	border-bottom: 1px solid #ECECEC;
}

/*
.container-fluid * {
	box-sizing: border-box;
}
*/

.remediationContainer .container-fluid div, .remediationContainer .form-control.bsready {
	box-sizing: border-box;
}

/*
.bsready *, .bsready {
	box-sizing: border-box !important;
}
*/

.bsready div, .bsready .form-control, .bsready .btn, .bsready {
	box-sizing: border-box !important;
}

.bsready .k-tool-icon {
	-webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}


.attachments label, .recipients label {
	color: #adadad;
    font-size: 0.7em;
}

.clientFileDetailsContainer .row div {
	box-sizing: border-box;
}

.form-group label {
	display: block;
}

/*
.dashlabel {
    display: inline-block;
    width: 8em;
    padding-right: 1em;
    font-size: 0.8em;
}
*/

.mainDynamic .selectedoption.dashcontainer, .dashcontainer {
	background: rgba(255, 255, 255, 0.3);
    padding-bottom: 1em;
}

/* ATTACHMENT UPLOAD MODULE CSS */
.drop-ok {
	display:none;
}


.attachmentfunctioncontainer .attachmentfunctionlabel {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    display: inline-block;
    font-size: 0.8em;
    padding: 0.2em 0.5em 0.2em 0.2em;
	color: white;
}

/*
.attachmentfunctioncontainer .attachmentfunctioncontent {
	font-size: 0.8em;
}
*/

.attachmentfunctioncontainer .attachmentfunctioncontent .k-widget {
	border: none;
	background: transparent;
}

.attachmentfunctioncontainer .attachmentfunctioncontent .k-dropzone {
	border: 2px solid;
    height: 68px;
    padding: 0;
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}

.attachmentfunctioncontainer .attachmentfunctioncontent .k-dropzone em {
	background-color: #29aae3;
    border-radius: 0.2em;
    color: white;
    display: inline-block;
    font-size: 1.3em;
    margin: 0.2em;
    padding: 0.3em;
}

.attachmentfunctioncontainer .attachmentfunctioncontent .k-dropzone-active {
	padding: 0;
	border: 2px solid;
	background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
	/*background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;*/
}

.attachmentfunctioncontainer .attachmentfunctioncontent .k-dropzone-hovered {
	padding: 0;
	border: 2px solid;
	background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
}

.attachmentfunctioncontainer .attachmentfunctioncontent .k-dropzone-hovered .drop-ok {
	display: inline-block;
	font-size: 0.8em;
}

.container-fluid.oa-attachments {
	padding: 0;
}

.container-fluid.oa-attachments .row {
	padding-top: 5px;
}

/* upload file  */
.k-upload {
    background: white;
    border-radius: 0px;
    padding: 0px;
    border: none;
}

.k-dropzone {
    padding: 0px;
    display: flex;
    flex-direction: column;
}

.k-dropzone em {
    display: none;
}

.k-upload-button {
    padding: 1rem;
    border: 1px dashed #0094FF;
    color: #0094FF;
    border-radius: 0px;
    cursor: pointer;
}

.k-upload-status {
    display: none;
}



/* END ATTACHMENT MODULE CSS */

/*

.container-fluid p {
	font-size: 0.9em;
    margin-bottom: 0;
    margin-top: 0.8em;
    padding: 0.8em;
}
*/

.container-fluid.businessContacts p {
	padding: 0;
    margin-top: 0.5em;
}

.container-fluid.oa-tooltip * {
	box-sizing: border-box;
}

.container-fluid.oa-tooltip {
	font-size: 0.8em;
}

.oa-email-container .container-fluid p {
	font-size: 0.9em;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.bsbox.oa-email-container {
	border: none;
}

.oa-gridsmall {
	display: inline-block;
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 95%;*/
	vertical-align: middle;
}

#email-dynamic.k-window-content * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#email-dynamic.k-window-content .nobs *, #email-survey-dynamic.k-window-content .nobs * {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

#email-dynamic.k-window-content, #email-survey-dynamic.k-window-content {
	overflow-x: hidden;
}

#previewEmailContainer, #previewEmailSurveyContainer {
	background-color: white; 
	border: 1px solid; 
	display:none;
}

#previewEmailRecipientContainer { 
	display: none;
}

.container-fluid .form-control.k-widget {
	background-color: transparent;
}

.form-control.oa-normal {
	width: 100%;
	box-sizing: border-box;
}

.form-control.oa-small {
	width: 100%;
	font-size: 0.8em;
}

textarea.form-control.oa-normal {
	height: 9em;
	font-size: 0.8em;	
}

#remediation-clients .clientfilename {
	display: inline-block;
	padding-right: 1em;
}

.k-task .container-fluid * {
	box-sizing: border-box;
}

a.myDiaryEvent {
	cursor: pointer;	
	color: auto;
}

a.myDiaryEvent:hover {
	text-decoration: none;
	
}

.fileContainer.notSelected {
	display: none;
}

.fileContainer.selected {
	display: block;
}


#reviewNavContainer label {
	color: white;
    float: right;
    padding: 5px;
}

#reviewFileNavContainer .btn {
	border-right-width: 7px;
    border-radius: 0;
    float: right;
    text-align: right;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: none;
    
}

.reviewButtonsNavContainer .btn {
	text-align: right;
	border-radius: 0;
}

.reviewFileObservationTabStrip .fileObservationTabs.k-widget li.k-item {
	font-size: 1.1em;
    font-weight: normal;
}

.reviewFileObservationTabStrip .fileObservationTabs.k-widget li.k-item.k-state-active .k-link {
	font-size: 1.1em;
    text-decoration: underline;
}


.reviewFileObservationTabStrip .fileObservationTabs {
	font-size: 0.8em;
}

.reviewFileObservationContainer.k-content.k-state-active {
	border: 0 none;
    margin: 0;
    padding: 5px 0 0;
}


.client-tabstrip.k-widget li.k-item, #reviewdetailstabstrip.k-widget li.k-item{
	font-size: 0.8em;
    font-weight: bold;
}

.fileTab {
	font-size: 12px;
}

.fileDocumentTab {
	font-size: 12px;
}

.documentTabstrip li.k-item.k-state-active {
	border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #7ea700;
    background-color: #7ea700;
    margin-right: -1px;
}

.documentTabstrip li.k-item.k-state-active .fileDocumentTab {
	color:white;
}

.documentDetails.well {
	border-radius: 0px;
}

.documentDetails dt {
	padding-top: 0;
	font-size: 12px;
}



.fileObservationTabs li.categoryhearder {
	font-size: 12px;	
}

.documentObservations .fileObservationTabs.k-widget li.k-item.k-state-active .k-link {
    text-decoration: underline;
    color: white;
}

.documentTabstrip div.k-content {
	overflow-x: hidden;
}

.reviewFileTabStrip div.k-content {
	overflow-x: hidden;
}


.selectFile.vpa
{
	border-color: #FF0000; /*red*/
}

.selectFile.pa
{
	border-color: #FF6600; /*orange*/
}

.selectFile.ga
{
	border-color: #00D800; /*light green*/
}

.selectFile.vga
{
	border-color: #008000; /*dark green*/
}

.reviewFileObservationSearch {
	padding-top: 10px; 
}


body .k-tabstrip>.k-content {
	margin: 0;
}

.subtle {
	color: #808080;
}

.nobs * {
	box-sizing: content-box !important;
}

.openbreadcrumbmenu {
	cursor: pointer;
	color: #3C454F;
}

#breadcrumbMenu {
	-webkit-box-shadow: 9px -8px 15px 0px rgba(128,128,128,1);
-moz-box-shadow: 9px -8px 15px 0px rgba(128,128,128,1);
box-shadow: 9px -8px 15px 0px rgba(128,128,128,1);
width: 95%;
    position: fixed;
    bottom: 50px;
    left: 0px;
    padding: 0;
	    display: none;
		border: none;
}

#breadcrumbMenu .menuHeading {
	margin: 0;
    padding: 0;
	background-color: #ECECEC;
}

#breadcrumbMenu .menuContent {
	margin: 0;
    padding: 0;
}

#breadcrumbTabstrip {
	border:none;
}

#breadcrumbTabstrip li {
	font-size: 0.8em;
    border-radius: 0;
}

#breadcrumbTabstrip .k-content {
	margin: 0;
    padding: 0;
	border-top: none;
    border-bottom: none;
	border-right: none;
}

#breadcrumbMenu .menuContent .oa-gridcontainer {
	margin: 0;
}

#breadcrumbTabstrip .k-tabstrip-items {
	padding: 0;
}

.standardlistbox .maincontainer {
	/*
	background-color: #f5f5f5;
    */
	border: 1px solid #e3e3e3;
    margin: 2px;
    padding-left: 0;
    padding-right: 0;
	min-height: 104px;
	background: #FFF;
}

.standardlistbox.businessLicensee .maincontainer {
	background: #ddd;
} 

.standardlistbox .maincontainer:hover {
	border: 1px solid #000;
	color: #787878;

}

.standardlistbox .profiledata .container-fluid {
	padding: 0;
    margin-top: 5px;
}

.standardlistbox .container-fluid .profile-image{
	/*background-color: white;	*/
	white-space: nowrap;
	height: 96px; 
	width: 92px;
	overflow: hidden;
	margin-left: 5px;
}

.standardlistbox .container-fluid .profile-image img {
	vertical-align: middle;
	width: 92px;
    /*max-height: 96px;*/
}


.img-helper {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.standardlistbox .container-fluid .profile-image .img-responsive {
	display: inline-block;
}

.standardlistbox .iconcolumn {
	padding-right: 5px;
}

.standardlistbox .label.businessLabel {
	font-size: 11px;
    width: 100%;
    display: block;
	overflow: hidden;
}

.img-viewport {
	max-height: 91px;
    overflow: hidden;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    height: 91px;
    /*background-color: white;*/
}

#adviser-dashboard .img-viewport {
	margin: 0;
    height: 127px;
    max-height: 127px;
    vertical-align: middle;
    border: 1px solid #ECECEC;
}

.adviserdashpanel {
	padding-top: 15px;
    padding-bottom: 15px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);

}

.adviserdashpanel .adviserratings {
	margin: 0;
    margin-top: 51px;
}

.adviserdashpanel .lastfive {
	overflow: hidden;
    padding: 0;
    white-space: nowrap;
	margin: 0;
}

.adviserdashpanel .lastfive span {
	color: black;
    font-size: 24.4px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
	outline: 1px solid #ECECEC;
    outline-offset: -1px;
    /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
}

.specialbadge {
	border-radius: 57px;
    color: white;
    font-size: 30px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-right: 3px;
    padding-left: 0;
    text-align: center;
    width: 50px;
    display: inline-block;
}

.adviserdashpanel .lastfive span.reviewpoints {
	padding: 3px;
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
    width: 40px;
    line-height: normal;
    margin-top: 0px;
    font-size: 13px;
    border-radius: 0;
	color:white;
}

.adviserdashpanel .title {
	display: inline-block;
    font-size: 1.75em;
    font-weight: normal;
    padding: 0;
}

.adviserdashpanel .subtitle {
	display: block;
    font-size: 1.1em;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px;
}

.adviserdashpanel .title {
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow: hidden;
}


.nopadding {
	padding: 0 !important;
}

.nopadding .row {
	margin: 0 !important;
}

.defaultcontainer {
	margin: 1em;
}

.defaultcontainer .primary {
	background-color: #FFF;
}

.defaultcontainer .secondary {
	background-color: #EBEBEB;
}

.defaultcontainer .tertiary {
	background-color: #D2D2D2;
}

.adviserdashpanel:hover {
	cursor: pointer;
}

.adviserdashpanel .bg-overlay {
	background-color: white;
}
.adviserdashpanel .dashlabel {
	font-size: 1em;
}

.adviserdashpanel .label {
	display: block;
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 0.1em;
	white-space: normal;
}

.adviserdashpanel ul {
	list-style: none outside none;
}

.adviserdashpanel li {
	margin-bottom: 10px;
}

#advdashboardcoaching .row {
	margin-bottom: 10px;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.row-eq-height.row-eq-height-stack {
	display: block;
}

#correspondenceList .emailbody {
	background-color: white;
    margin-top: 20px;
    border: 1px solid #ECECEC;
}

#correspondenceList .emailbody p {
	line-height: initial !important;
    margin: initial !important;
    padding: 1em 0 0 0 !important;
}

.fileObservationBlockContainer.found .fileObservationIndicatorNotFound {
	display: none;
}

.fileObservationBlockContainer.notfound .fileObservationIndicatorFound {
	display: none;	
}

.fileObservationBlockContainer .fileObservationIndicatorNotFound, .fileObservationBlockContainer .fileObservationIndicatorFound {
	display: inline-block;
    width: 2em;
    background-color: white;
    margin-right: 1em;
    font-size: 14px;
    border-radius: 5px;
}

.fileObservationBlockContainer .fileObservationIndicatorNotFound {
	color: #FF0000;
}

.fileObservationBlockContainer .fileObservationIndicatorFound {
	color: #008000;
}

.fileObservationBlockContainer .fileObservationName {
	font-size: 12px;
	display: inline-block;
}

#divReviewSummary .fileobblockcontainerelement {
	border-bottom: 1px solid #ECECEC;
	padding-bottom: 10px;
	padding-top: 10px;
}

.stepcontainer {
	font-size: 30px;
    width: 150px;
    display: inline-block;
    vertical-align: top;
	position: relative;
}

.stepbyline {
	font-size: 14px;
    display: block;
    padding-bottom: 8px;
    color: #777;
}

.stepseparator {
	font-size: 30px;
	color: #777;
    line-height: 45px;
}

.stepnumber, .stepborder {
	background-color: white;
    border-radius: 45px;
    width: 45px;
    height: 45px;
    display: inline-block;
    margin: 10px;
    vertical-align: middle;
    line-height: 42px;
	border: 2px solid #ECECEC;
}

.stepborder {
	position: absolute;
	border-color: #50addf;
}

.missing-information {
	border: 1px solid red;
}

.rating-block{
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	padding:15px 15px 20px 15px;
	border-radius:3px;
}

span.tags {
   background: #1abc9c;
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 2px 4px;
    margin-right: 3px;
    font-size: 0.7em;
}

span.tags:empty {
   padding: 0;
}

#businesscontacts p {
	padding: 0;
    margin-top: 0.5em;
}

.zIndexEnforce
{
    /* '!important' is required to override an existsing inline style */
    /* the z-index value itself can be arbitrary */
    z-index: 12345 !important;
}

.businesstablet {
	position: relative;
    text-align: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.businesstablet .badge {
	margin-left: -5px;
    font-size: 0.9em;
    padding: 2px 5px;
    margin-top: -2px;
    position: absolute;
    top: -7px;
    left: -5px;
    opacity: .85;
}

.businesstablet .label {
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
	margin-bottom: 0;
	padding-right: 4px;
}

.daterow {
	font-size: 0.8em;
	font-weight: bold;
}


li.actualissue.positive.best {
    border: none;
    border-left: 10px solid #d4edda!important;
 }
 
 li.actualissue.minor {
    border: none;
    border-left: 10px solid #cce5ff!important;
 }
 
 li.actualissue.material {
    border: none;
    border-left: 10px solid #ffe2ab!important;
 }
 
 li.actualissue.significant {
    border: none;
    border-left: 10px solid #f8d7da!important;
 }
 

li.actualissue .questionruledetails .answerdetail {
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
   /* margin-bottom: 10px;*/
    margin-left: -11px;
}

li.actualissue .questionruledetails .answerdetail.best { background-color: #008000; }
li.actualissue .questionruledetails .answerdetail.minor { background-color: #5D95DD; }
li.actualissue .questionruledetails .answerdetail.material { background-color: #FF6600; }
li.actualissue .questionruledetails .answerdetail.significant { background-color: #FF0000; }


#adviserrecenttweets li {
	background-color: white;
}

#adviserrecenttweets .tweet {
	background-color: #f0ffff;
}

#adviserrecenttweets .timePosted {
	margin: 0;
    padding-left: 0.8em;
    padding-top: 0.2em;
    font-size: 0.8em;
    padding-bottom: 0.4em;
}

#adviserrecenttweets .interact {
	display: none;
}


.listContainer li.personType {
    background-color: #1abc9c;
}



.listContainer li.personType .advisercontent {
    display: none;
}

#personeditbox.justcontact .adviseronly {
	display:none;
}

.oa-btn-group button .label { display: none; }
.oa-btn-group button.active .label { display: inline-block; }

.oa-notification { font-size: 0.8em; }

.genericellipsis {
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* REVISED DIARY */
.diary-event-container .diary-contact-person {
	font-size: 0.8em;
}

.diary-event-container .diary-action-type {
	font-size: 0.8em;
}

.diary-event-container .diary-action-actionbytext {
	color: black;
}

.diary-event-container .diary-action-icon {
	display: inline-block;
	margin-right: 5px;
}

#myDiary .k-event {
	background-color: transparent;
}

#myDiary .k-scheduler-table .k-state-selected {
	background-color: #ECECEC;
	color: #787878;
}

.user-lozenge {
	width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.iconcolumn.advisercontent .reviewicon {
	/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    border: 1px solid #ECECEC;
    color: #ececec;
}

.filesummarycontainerparent .fileScore .badge {
	background-color: #777;
}

.badge.reviewicon.locked {
	font-weight: bold;
	color: #fff;
}

.form-control.k-widget {
	height: auto;
}

.k-grid-content .k-grid-norecords {
	/* background-color: #ECECEC; */
	padding: 10px;
	font-style: italic;
}

.k-grid-norecords {
    height: auto;
    width: auto;
}

.pagerspacer {
	width: 100%;
	height: 45px;
	background-color: white;
}

.customreportcontainer {
	background-color: #ECECEC;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 1em;
	padding-left: 0.7em;
    padding-right: 0.7em;
    padding-bottom: 0.7em;
}

.client-data-results {
	padding-left: 0.5em;
    padding-top: 1em;
}

.client-data-results .alert {
	padding: 0.3em;
    font-size: 0.9em;
}

.client-data-results .label {
	font-size: 0.8em;
}

#reviewFileNavContainer {
	overflow-y: auto;
    max-height: 260px;
    width: 100%;
}

.client-finance label {
	font-size: 13px;
}

.client-finance th {
	font-size: 14px;
}

.client-financial-row, .client-timeline-row {
	margin-top: 0.25em;
}

.client-financial-row .row.default, .client-timeline-row .row.default {
	border: 1px solid #ECECEC;
    padding: 0.5em;
    font-size: 13px;
}

.client-financial-row .row.default:hover, .client-timeline-row .row.default:hover {
	background-color: #f5f5f5;
}

.client-financial-row .row.detail, .client-timeline-row .row.detail {
	padding: 0.5em;
    font-size: 13px;
	border-bottom: 2px solid #ECECEC;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}

.client-portfolio-label, .client-income-label, .client-date-label {
	display: block;
}

#client-window-finance-new-header, #client-window-timeline-new-header {
	padding-bottom: 1em;
    border-bottom: 2px solid;
}

#clientfinancial-new, #clienttimeline-new {
	border-bottom: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
	font-size: 13px;
}

.documentIcon {
	font-size: 10px;
    border-left: 1px solid;
    padding-left: 5px;
	cursor: pointer;
}

li.addAdviceDocumentButton.k-item .k-link{
	    padding: 0;
}

.addAdviceDocumentButton .btn {
	border-radius: 0px;
}


.label-lightgrey {
	background-color: #a7a5a5;
}

.possibleBusinessList .business {
	padding: 2px;
    background-color: #f0f8ff;
    font-size: 11px;
    width: 98%;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.possibleBusinessList .businessContainer {
	width: 25%;
    display: inline-block;
}

.possibleBusinessList {
	font-size: 0.8em;
	height: 300px;
	overflow-y: scroll;
	margin-top: 5px;
	margin-bottom: 5px;
}

.possibleBusinessList .business:hover {
	background-color: #cce7ff;
}

.possibleBusinessList .business.active, .possibleBusinessList .business.active:hover {
	background-color: #008000;
	color: white;
}

.settingsUserModal .leftHeader {
	font-size: 20px;
}

#bussinessAccessSummary {
	padding-bottom: 10px;
	font-size: 12px;
}

#bussinessAccessSummary .alert {
	padding: 3px;
	margin: 0;
}

#bussinessAccessSummary .label {
	display: inline-block;
    margin: 0;
    margin-right: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
}

span.diaryActionAvailable {
	background-color: #003366;
    color: white;
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

#planningSchedulingCalendarResult {
	overflow-y: auto;
    max-height: 500px;
}

.planningChart .year-id {
	display: inline-block;
    background-color: #a9a9a9;
    color: white;
    padding: 5px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 5px;
}

.daterow .date {
	background-color: #eee;
    font-size: 20px;
}

.daterow .date .badge {
	position: absolute;
    left: -13px;
    top: -9px;
    background: black;
    font-size: 14px;
}

.waysToImproveMultiContainer .k-multiselect-wrap ul li {
	font-size: 12px;
    width: 45%;
    text-align: left;
}

.waysToImproveOption {
	font-size: 12px;
    display: inline-block;
    border-bottom: 2px #ECECEC solid;
}

.reportInclusionContainer {
	font-size: 12px;
}

.reportInclusionContainer .checkbox{
	padding-right: 10px;
}


.reportInclusionContainer input {
	vertical-align: bottom; 
}

.twitterContainer .card {
    background-color: #fff;
    border: 0 solid #eee;
    border-radius: 0;
}
.twitterContainer .card {
    margin-bottom: 30px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.05);
}

.twitterContainer .card-profile .card-header {
    height: 9rem;
    background-size: cover;
    background-position: center center
}

.twitterContainer .card-profile-img {
    max-width: 8rem;
    margin-top: -6rem;
    margin-bottom: 1rem;
    border: 3px solid #fff;
    border-radius: 100%
}

.twitterContainer .avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 600;
    vertical-align: bottom
}

.twitterContainer .avatar.avatar-md {
    width: 3rem;
    height: 3rem
}

.twitterContainer .avatar.avatar-lg {
    width: 4rem;
    height: 4rem
}

.twitterContainer .avatar.avatar-xl {
    width: 5rem;
    height: 5rem
}

.twitterContainer .avatar.avatar-xxl {
    width: 7rem;
    height: 7rem;
    min-width: 7rem
}

.twitterContainer .card-header:first-child {
    border-radius: 0 0 0 0;
}
.twitterContainer .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.twitterContainer .card-header {
    padding: 1rem 1.25rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.twitterContainer .card-header {
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}

.twitterContainer .adviserdashpanel .label {
	display: inline-block;
	margin-right: 5px;
	font-size: 13px;
}

.twitterContainer .adviserdashpanel .card-list-group {
    position:relative;
}

.twitterContainer .adviserdashpanel .coachingTwitterContent {
    overflow-y: auto;
    max-height: 250px;
	position:relative;
}

.shade  { 
	position:absolute; bottom:0; height:30px; z-index:10; width: 100%;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.profile-last-results {
	display: inline-block;
    width: 92px;
    position: absolute;
    bottom: 0;
    height: 16px;
    background: url(/site/1463/opaque.png);
    padding-left: 1px;
    padding-right: 1px;
}

.profile-last-results .result-container {
	display: inline-block;
    height: 13px;
    background-color: white;
    width: 15px;
	opacity: 0.8;
	margin-right: 3px;
}

.profile-last-results :last-child {
	margin-right: 0px;
}

.profile-last-results .result-container:hover {
	opacity: 1;
}

.profile-last-results .result-container .result-notify {
	display: inline-block;
    position: absolute;
    top: -16px;
    font-size: 13px;
    color: red;
    padding: 1px;
}


.profile-last-results .result-container.standard {
	background-color: grey;
}

.state-marker {
	background-color: #7b7b7b;
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 10px;
	color: white;
}

.state-marker .state-title {
	display: block;
}

.state-marker .state-score { 
	display: block;
	font-size: 15px;
}

.state-overlay {
	width: 470px;
	position: absolute;
	top: 0;
	left: 0;
	height: 450px;
	background-position: right;
	background-size: contain;
	margin-left: -6px;
}

.QLD-overlay.state-overlay.low { background-image: url('/site/1463/qld-low.png') }
.QLD-overlay.state-overlay.med { background-image: url('/site/1463/qld-med.png') }
.QLD-overlay.state-overlay.high { background-image: url('/site/1463/qld-high.png') }

.WA-overlay.state-overlay.low { background-image: url('/site/1463/wa-low.png') }
.WA-overlay.state-overlay.med { background-image: url('/site/1463/wa-med.png') }
.WA-overlay.state-overlay.high { background-image: url('/site/1463/wa-high.png') }

.NT-overlay.state-overlay.low { background-image: url('/site/1463/nt-low.png') }
.NT-overlay.state-overlay.med { background-image: url('/site/1463/nt-med.png') }
.NT-overlay.state-overlay.high { background-image: url('/site/1463/nt-high.png') }

.SA-overlay.state-overlay.low { background-image: url('/site/1463/sa-low.png') }
.SA-overlay.state-overlay.med { background-image: url('/site/1463/sa-med.png') }
.SA-overlay.state-overlay.high { background-image: url('/site/1463/sa-high.png') }

.NSW-overlay.state-overlay.low { background-image: url('/site/1463/nsw-low.png') }
.NSW-overlay.state-overlay.med { background-image: url('/site/1463/nsw-med.png') }
.NSW-overlay.state-overlay.high { background-image: url('/site/1463/nsw-high.png') }

.ACT-overlay.state-overlay.low { background-image: url('/site/1463/act-low.png') }
.ACT-overlay.state-overlay.med { background-image: url('/site/1463/act-med.png') }
.ACT-overlay.state-overlay.high { background-image: url('/site/1463/act-high.png') }

.VIC-overlay.state-overlay.low { background-image: url('/site/1463/vic-low.png') }
.VIC-overlay.state-overlay.med { background-image: url('/site/1463/vic-med.png') }
.VIC-overlay.state-overlay.high { background-image: url('/site/1463/vic-high.png') }

.TAS-overlay.state-overlay.low { background-image: url('/site/1463/tas-low.png') }
.TAS-overlay.state-overlay.med { background-image: url('/site/1463/tas-med.png') }
.TAS-overlay.state-overlay.high { background-image: url('/site/1463/tas-high.png') }

/* TO ENSURE THAT A VALIDATION POP UP APPEARS IF THE EDIT IS OCCURING ON THE BOTTOM ROW OF A GRID */
.k-grid .k-tooltip-validation {
	position: relative;
}

#client-tabstrip .k-content {
	min-height: 200px;
}

.table-ultra>thead>tr>th, .table-ultra>tbody>tr>th, .table-ultra>tfoot>tr>th, .table-ultra>thead>tr>td, .table-ultra>tbody>tr>td, .table-ultra>tfoot>tr>td {
	padding: 1px;
}

.oa-table {
	font-size: 12px;
}

#client-tabstrip.k-tabstrip-left>.k-tabstrip-items {
	padding: 2px;
    padding-top: 4px;
}

.governance-tab-link {
	color: white;
    padding: 0.5em;
    font-size: 14px;
}

.auto-save-state {
	font-size: 12px;
    padding: 5px;
}    

.bidquestiontitle {
	padding-top: 15px;
    font-size: 17px;
    font-weight: bold;
    display: block;
}


.bidquestionresponsecontainer {
	padding-top: 5px;
}

.bidquestionanswer div {
	border: 3px solid transparent;
    border-radius: 5px;
    padding: 3px;
}

.bidquestionanswer.active div {
	border-color: white;
}

/* we dont need to show anything but orange and reds here */
.bidgroup .bidquestionrelatedcontainer .best, .bidgroup .bidquestionrelatedcontainer .better {
	display: none;
}

.bidgroup .bidquestionrelatedcontainer .best .bidquestionheadline {
	background-color: #008000;
}

.bidgroup .bidquestionrelatedcontainer .better .bidquestionheadline {
	background-color: #D8D8D8;
}

.bidgroup .bidquestionrelatedcontainer .minor .bidquestionheadline {
	background-color: #0026FF;
}

.bidgroup .bidquestionrelatedcontainer .material .bidquestionheadline {
	background-color: #FF6600;
}

.bidgroup .bidquestionrelatedcontainer .significant .bidquestionheadline {
	background-color: #FF0000;
}

.bidgroup .bidquestionrelatedcontainer .bidquestionseveritycontents .bidquestionheadline{
	color: white;
}

.bidgroup .bidquestionrelatedcontainer .bidquestionseveritycontents {
	color: unset;
}

.bidgroup .bidquestionrelatedcontainer .bidquestionseveritycontents .bidquestionheadline {
	padding: 5px; 
	margin: 0;
}

.bidgroup .questionactions {
	display: none;
}

.oa-form .k-widget.k-tooltip-validation {
	position: relative;
    display: block;
}

.personstatusicon i {
	position: absolute;
    left: 0;
    top: 3px;
    font-size: 15px;
}

#backgroundcheckattachmentaddcontainer .k-upload .k-upload-selected, #backgroundcheckattachmentaddcontainer .k-upload .k-clear-selected {
	display: none;
}

.attachmentfunctioncontent .k-upload .k-upload-selected {
    display: none;
}

.alert.alert-sm {
	padding: 5px;
}

.attachment-selector {
	max-height: 150px;
	overflow-y: auto;
}

.attachment-selector .attachment {
	font-size: 12px;
    overflow-x: hidden;
    white-space: nowrap;
	padding: 5px;
}

.vertical-header-grid .k-grid-header .k-header .verticalText{
  display: inline-block;
  white-space: nowrap;
  transform: translate(0,100%) rotate(-90deg);
  transform-origin: 0 0;
  position: absolute;
  bottom: 5px;
}

.vertical-header-grid .k-grid-header .k-header{
  height: 180px !important;
}

.serviceMatrixIcon {
	height: 100%;
	width: 100%;
	opacity: 75%;
}

#report-type-service-matrix table tbody td.serviceMatrixBusiness {
	text-align: right;
	padding-right: 10px;
}

#report-type-service-matrix table tbody td{
	height: 1px;
	padding: 0;
}

#remediation-view #remediation-clients .clientfilename {
	margin-right: 10px;
    padding: 5px 7px;
    background-color: #777;
    color: white;
    border-radius: 5px;
    font-weight: bold;
}

/* REQUIRED FOR MATERIAL SWITCHES */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/* END MATERIAL SWITCH */

/* FIX for Kendo Tab padding */
.kendotabnopadding.k-tabstrip .k-content {
	padding-left: 0;
	padding-right: 0;
}


/* END FIX for Kendo Tab Padding */


.popover-content {
	font-size: 12px;
}

.coachingTwitter.list-group-item:last-child {
	padding-bottom: 20px;
}

.nocontentbox, .nocontentbox * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.reviewicon.na, .reviewbox.na .projectcolorflag
{
	background-color: gray;
}

.reviewicon.low.plus, .reviewbox.low.plus .projectcolorflag, .profile-last-results .result-container.low.plus, .recentResults .badge.low.plus {
	background-color: #004C00;
}

.reviewicon.low, .reviewbox.low .projectcolorflag, .profile-last-results .result-container.low, .state-marker.low, .recentResults .badge.low {
	background-color: #004C00;
}

.reviewicon.low.cusp, .reviewbox.low.cusp .projectcolorflag, .recentResults .badge.low.cusp {
	outline: 2px solid #A6FFA6;
	outline-offset: -2px;
}

.reviewicon.med, .reviewbox.med .projectcolorflag, .profile-last-results .result-container.med, .state-marker.med, .recentResults .badge.med {
	background-color: #6FCF97;
	color: #272D3B;
}

.reviewicon.med.cusp, .reviewbox.med.cusp .projectcolorflag, .recentResults .badge.med.cusp {
	outline: 2px solid #FF6600;
	outline-offset: -2px;
}

.reviewicon.med.plus, .reviewbox.med.plus .projectcolorflag, .recentResults .badge.med.plus {
	outline: 2px solid #004C00;
	outline-offset: -2px;
}

.reviewicon.high, .reviewbox.high .projectcolorflag, .profile-last-results .result-container.high, .state-marker.high, .recentResults .badge.high {
	background-color: #EB5757;
}

.reviewicon.high.plus, .reviewbox.high.plus .projectcolorflag, .profile-last-results .result-container.high.plus, .recentResults .badge.high.plus {
	background-color: #EB5757;
}

.circle-indicator {
    width: 0.57em;
    height: 0.57em;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    margin-left: 0.35em;
}

.prevetreviewblock {
    padding-right: 2em;
}

.recentResults .badge {
	margin-right: 0.2em;
	background-color: gray;
}

.adviserratings .reviewscore {
	border-right: 0.36em solid;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.adviserratings .low.plus .reviewscore {
	border-right-color: #004C00;
}

.adviserratings .low .reviewscore{
	border-right-color: #004C00;
}

.adviserratings .low.cusp {
	outline: 2px solid #A6FFA6;
	outline-offset: -2px;
}

.adviserratings .med .reviewscore{
	border-right-color: #A6FFA6;
	color: #272D3B;
}

.adviserratings .med.cusp .reviewscore{
	outline: 2px solid #FF6600;
	outline-offset: -2px;
}

.adviserratings .med.plus .reviewscore{
	outline: 2px solid #004C00;
	outline-offset: -2px;
}

.adviserratings .high .reviewscore{
	border-right-color: #FF6600;
}

.adviserratings .high.plus .reviewscore{
	border-right-color: #FF0000;
}

/*
.selectFile.vpa { background-color: #FF0000 !important; color: white !important;}
.selectFile.pa {  background-color: #FF6600 !important; color: white !important;}
.selectFile.sa {  background-color: #A6FFA6 !important; color:	#272D3B !important; }
.selectFile.ga {  background-color: #00B200 !important; color: white !important;}
.selectFile.vga {  background-color: #004C00 !important; color: white !important;}
*/

.lastfive span {
    color: white; 
}

.lastfive .med span {
    color: #272D3B; 
}

.lastfive span.reviewpoints {
    font-size: 1.3em;
    /* height: 3em; */
    /* line-height: 2.7em; */
    /* width: 2.7em; */
}

.reviewFileObservationTabStrip .fileObservationTabs.k-widget li.k-item .categoryheaderbadge {
	font-size: 1.1em;
    color: white;
    margin-left: 0.25em;
   
}

.reviewicon {
	border-radius: 3px;
}

.reviewicon.na, .reviewbox.na .projectcolorflag
{
	background-color: gray;
}

.reviewicon.low.plus, .reviewbox.low.plus .projectcolorflag, .profile-last-results .result-container.low.plus {
	background-color: #004C00;
}

.reviewicon.low, .reviewbox.low .projectcolorflag, .profile-last-results .result-container.low, .state-marker.low {
	background-color: #004C00;
}

.reviewicon.low.cusp, .reviewbox.low.cusp .projectcolorflag {
	outline: 2px solid #A6FFA6;
	outline-offset: -2px;
}

.reviewicon.med, .reviewbox.med .projectcolorflag, .profile-last-results .result-container.med, .state-marker.med {
	background-color: #6FCF97;
	color: #272D3B;
}

.reviewicon.med.cusp, .reviewbox.med.cusp .projectcolorflag {
	outline: 2px solid #EB5757;
	outline-offset: -2px;
}

.reviewicon.med.plus, .reviewbox.med.plus .projectcolorflag {
	outline: 2px solid #004C00;
	outline-offset: -2px;
}

.reviewicon.high, .reviewbox.high .projectcolorflag, .profile-last-results .result-container.high, .state-marker.high {
	background-color: #FF6600;
}

.reviewicon.high.plus, .reviewbox.high.plus .projectcolorflag, .profile-last-results .result-container.high.plus {
	background-color: #FF0000;
}

.file.sa, .auditicon.sa {
    border-left: 40px solid #A6FFA6;
}

.file.ga, .auditicon.ga {
    border-left: 40px solid #00B200;
}

.file.vga, .auditicon.vga {
    border-left: 40px solid #004C00;
}

a.k-grid-edit i, a.k-grid-delete i {
	color: white;
}

.client-data-results {
	padding-left: 0.5em;
    padding-top: 1em;
}

.client-data-results .alert {
	padding: 0.3em;
    font-size: 0.9em;
}

.client-data-results .label {
	font-size: 0.8em;
}

#reviewFileNavContainer {
	overflow-y: auto;
    max-height: 260px;
    width: 100%;
}

.client-finance label {
	font-size: 13px;
}

.client-finance th {
	font-size: 14px;
}

.client-financial-row, .client-timeline-row {
	margin-top: 0.25em;
}

.client-financial-row .row.default, .client-timeline-row .row.default {
	border: 1px solid #ECECEC;
    padding: 0.5em;
    font-size: 13px;
}

.client-financial-row .row.default:hover, .client-timeline-row .row.default:hover {
	background-color: #f5f5f5;
}

.client-financial-row .row.detail, .client-timeline-row .row.detail {
	padding: 0.5em;
    font-size: 13px;
	border-bottom: 2px solid #ECECEC;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}

.client-portfolio-label, .client-income-label, .client-date-label {
	display: block;
}

#client-window-finance-new-header, #client-window-timeline-new-header {
	padding-bottom: 1em;
    border-bottom: 2px solid;
}

#clientfinancial-new, #clienttimeline-new {
	
	font-size: 13px;
}

#client-window-body .k-tabstrip-wrapper {
	width: 100%;
}
/*
.adviserDashboard, .adviserDetails, .adviserReviews, .adviserActions, .adviserCorrespondence, .adviserCoaching, .adviserIssues, .adviserComplaints, .adviserAttachments, .adviserRemediation, .adviserConflicts, 
.reportingDashboard, .reportingRisk, .reportingAdviceQuality, .reportingFileQuality, .reportingObservation, .reportingAdviserTracking, .reportingAnalystTracking, .reportingAnalystObservation, .reportingReviewer, .reportingSchedule, .reportingRemediation, .reportingReview, .reportingConcept, .reportingQuestion, .reportingIssue, .reportingPrevet, .reportingPrevetTracking, .reportingPrevetAdvisers, .reportingPrevetObservation, .reportingTopObservations, .reportingGovernance, .reportingOverview, .reportingSurvey, .reportingServiceEngagement, .reportingServiceMatrix, .reportingOpenReviews, 
.practiceDashboard, .practiceDetails, .practiceAdvisers, .practiceContacts, .practiceReviews, .practiceAttachments, .practiceActions, .practiceCorrespondence, .practicePractices, .practiceServices, .practiceCoaching, 
.licenseeDashboard, .licenseeDetails, .licenseeManagers, .licenseeReviewers, .licenseeConflicts, .licenseeDocuments, 
.complaintDashboard, .complaintDetails,
.remediationDashboard, .remediationDetails,
.coachingDashboard, .coachingDetails,
.planningDashboard, .planningScheduling, .planningPending, .planningTrips, .planningAccomodation, .planningAutomotive, .planningAirlines, .planningDining, 
.obligationriskDashboard, .obligationriskDetails,
.issueDashboard, .issueDetails,
.conflictDashboard, .conflictDetails,
.settingsMyProfile, .settingsGeneral, .settingsUsers, .settingsTemplates, .settingsReviews, .settingsBusiness, 
.mybusinessDashboard, .mybusinessExceptionsandApprovals, .mybusinessServices, .mybusinessCustomReports, .mybusinessAttachments, 
.aplDashboard, .aplProducts, 
.trainingDashboard, .trainingDetails, 
.contactDashboard, .contactDetails, .contactAttachments, 
.fileDetails
{
	border:none;
	display:none;
}

.adviserDashboard.selectedoption, .adviserDetails.selectedoption, .adviserReviews.selectedoption, .adviserActions.selectedoption, .adviserCorrespondence.selectedoption, .adviserCoaching.selectedoption, .adviserIssues.selectedoption, .adviserComplaints.selectedoption, .adviserAttachments.selectedoption, .adviserRemediation.selectedoption, .adviserConflicts.selectedoption, 
.reportingDashboard.selectedoption, .reportingAdviserTracking.selectedoption, .reportingAnalystTracking.selectedoption, .reportingAnalystObservation.selectedoption, .reportingRisk.selectedoption, .reportingAdviceQuality.selectedoption, .reportingFileQuality.selectedoption, .reportingObservation.selectedoption, .reportingTopObservations.selectedoption, .reportingReviewer.selectedoption, .reportingPrevet.selectedoption, .reportingPrevetTracking.selectedoption, .reportingRemediation.selectedoption, .reportingReview.selectedoption, .reportingConcept.selectedoption, .reportingQuestion.selectedoption, .reportingIssue.selectedoption, .reportingPrevet.selecteoption, .reportingPrevetAdvisers.selectedoption, .reportingPrevetObservation.selectedoption, .reportingGovernance.selectedoption, .reportingSchedule.selectedoption, .reportingOverview.selectedoption, .reportingSurvey.selectedoption, .reportingServiceEngagement.selectedoption, .reportingServiceMatrix.selectedoption, .reportingOpenReviews.selectedoption, 
.practiceDashboard.selectedoption, .practiceDetails.selectedoption, .practiceAdvisers.selectedoption, .practiceContacts.selectedoption, .practiceReviews.selectedoption, .practiceAttachments.selectedoption, .practiceActions.selectedoption, .practiceCorrespondence.selectedoption, .practicePractices.selectedoption, .practiceServices.selectedoption, .practiceCoaching.selectedoption, 
.licenseeDashboard.selectedoption, .licenseeDetails.selectedoption, .licenseeManagers.selectedoption, .licenseeReviewers.selectedoption, .licenseeConflicts.selectedoption, .licenseeDocuments.selectedoption, 
.complaintDashboard.selectedoption, .complaintDetails.selectedoption,
.remediationDashboard.selectedoption, .remediationDetails.selectedoption,
.coachingDashboard.selectedoption, .coachingDetails.selectedoption,
.planningDashboard.selectedoption, .planningScheduling.selectedoption, .planningPending.selectedoption, .planningTrips.selectedoption, .planningAccomodation.selectedoption, .planningAutomotive.selectedoption, .planningAirlines.selectedoption, .planningDining.selectedoption,
.obligationriskDashboard.selectedoption, .obligationriskDetails.selectedoption,
.issueDashboard.selectedoption, .issueDetails.selectedoption,
.conflictDashboard.selectedoption, .conflictDetails.selectedoption,
.settingsMyProfile.selectedoption, .settingsGeneral.selectedoption, .settingsUsers.selectedoption, .settingsTemplates.selectedoption, .settingsReviews.selectedoption, .settingsBusiness.selectedoption, 
.mybusinessDashboard.selectedoption, .mybusinessExceptionsandApprovals.selectedoption, .mybusinessServices.selectedoption, .mybusinessCustomReports.selectedoption, .mybusinessAttachments.selectedoption, 
.aplDashboard.selectedoption, .aplProducts.selectedoption,
.trainingDashboard.selectedoption, .trainingDetails.selectedoption, 
.contactDashboard.selectedoption, .contactDetails.selectedoption, .contactAttachments.selectedoption, 
.fileDetails.selectedoption, .fileQuestions.selectedoption
{
	background-color: rgba(0, 0, 0, 0);
    border: medium none;	
	display: block;
}
*/
.reportTile {
	border: 1px solid;
    /*height: 250px;*/
    margin-bottom: 10px;
    padding: 20px;
}

.reportTile:hover {
	cursor: pointer;
	background-color: lightblue;
}

.reportTile .tileImage {
	width: 100%;
	/*background-color: white;*/
	/*height: 170px;*/
	/*overflow: hidden;*/
	margin: auto;
	text-align: center;
}

.reportTile .tileImage i {
	font-size: 7em;
}


.reportTile .tileTitle {
	/*color: white;*/
    font-weight: bold;
    overflow: hidden;
    padding-top: 1em;
}

.reportDebug {
	display: none;
}
/*
#reportingMenuContainer {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
padding: 15px;
padding-top: 0px;
}
*/

#reportingMenuContainer .nobs *{
	box-sizing: content-box;
}

#reportingMenuContainer .inputContainer { 
	margin-bottom: 5px;
}

.k-widget.form-control {
	width: 100%;
}

.additionalblock {
	color: #697582;
	border-bottom: none;
	font-size: unset;
	margin: 0;
	margin-top: 0.25em;
	padding: 0;
}

.additionalblock span {
	padding-right: 0;
	padding-left: 1em;
}

.modal-dialog.modal-supersize {
	min-width: 95%;
}

/*
.reviewbox.low.plus .projectdetailscontainer  .reviewscore {
	
}

.reviewbox .projectdetailscontainer .reviewscore {
	color: #b3b3b3;
    font-weight: bold;
}

.reviewbox.allfilescomplete {
	background-color: #f5f5f5;
}

.projectcolorflag {
	display: block;
    margin-right: 1em;
    width: 66px;
    vertical-align: top;
    text-align: center;
    min-height: 100%;
    float: left;
    height: 97px;
    margin-left: -1em;
    margin-top: -1em;
    margin-bottom: -1em;
	border-right: 1px solid #ECECEC;
}

.lockbuttoncontainer {
	display: inline-block;
	margin-bottom: 0;
}

.lockbuttoncontainer {
	display: inline-block;
	margin-bottom: 0;
}

.lockcontainer {
	margin-top: 30px;
}
.lockcontainer .k-button{
	margin-right: 10px;
}

.reviewbox:hover
{
	cursor: default;
}

.highlightblock.important {
	background-color: #8B0000;
    color: white;
}
*/


.reviewbox .filelist ul {
    padding-left: 0;
}

/*
.reviewbox .filelist ul li {
	list-style: none;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.reviewbox .file {
	border-left: 1em solid gray;
	padding-left: 0.5em;
}
*/

.modal-dialog.modal-xl
 {
 	min-width: 90%;
 }

.reviewbox .file.vpa  {
    border-color: #FF0000;
}

.reviewbox .filelist, .reviewbox .issuelist, .reviewbox .actualissuelist {
	display: none;
}

/*
.windowoptions .pdfcontainer{
    display: none;
    background-color: #F0F0F0;
    margin: 10px 10px 0;
    padding: 2px;
}

.windowoptions .emailcontainer {
    display: none;
    padding-top: 10px;
}
*/

.modal-body .main_report_container {
	max-height: 800px;
	overflow-y: scroll;
}

#emailreportcontainer .emailattachmentsearch {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
    display: block;
    max-height: 75px;
    overflow-y: scroll;
}


.groupquestionoption.active {
    border-left: 5px solid #0c0d0e !important;
}

.advice-assurance-page .report-page-header {
	line-height: normal;
}


.reportResults .k-tabstrip-wrapper div.k-content {
	border: none;
    padding: 0.25em;
}

.mail-message-recipient {
	line-height: 1em;
}

.login-page {
	background-color: unset;
}

/*
.excelallpages, .excelthispage {	
	text-decoration: underline;
    line-height: 2em;
}
*/

.red-state {
	color: #D2222D;
}

.amber-state {
	color: #FFBF00;
}

.blue-state {
	color: #1E87F0;
}

.green-state {
	color: #238823;
}

.status-border.default-state {
	color: #DBDBDB;
}

.total-state {
	color: transparent;
}

table .status-border {
	border-right: 0.25em solid;
    display: inline;
    padding-left: 0.5em;
}

.questioncontainer.groupquestioncontainer {
	color: unset;
}

.excel-load-container {
	width: 7.15em;
}

.excelexportloading {
	margin-bottom: 0;
}

.btn-primary {
	background-color: #1F86F0;
    border-color: #1F86F0;
    /*
    color: white;
    font-size: 1em;
    */
}

.btn-back {
	background-color: #DBDBDB;
    border-color: #DBDBDB;
    color: #A5A5A7;
    font-size: 1em;
}

.sidebar .user-panel {
    display: none !important;
}

.main-sidebar .brand-link {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

body {
	font: normal normal normal 12px/35px Roboto;
	color: #272D3B;
}

body p {
	line-height: 1.85em;
}

nav .nav-item .nav-link p {
	font-size: 1.28em;
	color: #484E5D;
	line-height: 0.77em;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
    color: #272D3B;
}

.main-sidebar .brand-link {
	padding: 0;
	/*padding-left: 1.7em;*/
}

.brand-link .brand-image {
	float: unset;
    margin: 0;
    max-height: 65px;
    width: auto;
   /* padding-left: 1.5em;*/
   /* padding-top: 1em;*/
}

.sidebar {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	/*box-shadow: 0px 8px 30px #00000024;*/
	opacity: 1;
	padding-left: 0 !important;
}

.content-wrapper {
	background: #FFFFFF;
    min-height: calc(100vh - 4rem)!important;
}

.layout-navbar-fixed .wrapper .main-header {
	height: 4rem;
	border-bottom: none;
}

.layout-navbar-fixed .wrapper .content-wrapper, .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
	margin-top: calc(4rem + 0px);
}

.elevation-1 {
	box-shadow: 0px 8px 30px #00000024 !important;
}

/* .nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
	top: unset;
} */


[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link
{
	border-left: transparent solid 0.5em;
    background-color: transparent;
    color: #1E87F0;
    border-radius: 0;
}

[class*=sidebar-light-] .navbar-nav>.nav-item>.nav-link:hover
{
	border-left: transparent solid 0.5em;
    background-color: transparent;
    
}

[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link
{
	border-left: transparent solid 0.5em;
    background-color: transparent;
    color: #1E87F0;
    border-radius: 0;
}

.sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link:hover {
	background-color: unset;
	box-shadow: none;
	border-left: #1E87F0 solid 0.5em;
	color: #1E87F0;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover {
	background-color: unset;
	box-shadow: none;
	border-left: #1E87F0 solid 0.5em;
	color: #1E87F0;
	border-radius: 0;
}

.nav-sidebar .nav-item>.nav-link {
	margin-bottom: 0;
}

.reviewbox.allfilescomplete {
	background-color: unset;
}

.card {
	/* box-shadow: 0px 0px 6px #272D3B33; */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	/* border-radius: 0.75em; */
}

.card .card-header {
   background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-left: 1.25em;
    margin-right: 1.25em;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
}

.card .card-header .card-title {
	font-size: 1.43em;
	color: #272D3B;
	line-height: 0.68em;
}

.card .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25em;
}

.timeline>.time-label>span {
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
}

/*
.card .card-header:before {
	border-bottom: 1px solid #707070;
	opacity: 0.42;
}
*/
/*

aside .nav-item .nav-link.active, nav .nav-item .nav-link:hover {
	border-left: #1E87F0 solid 0.5em;
    background-color: transparent;
    color: #1E87F0;
}
*/

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
    width: 3em;
}


.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.glyphicon, .nav-sidebar>.nav-item .nav-icon.ion {
	font-size: 1.2em;
	width: 3em;
	color: #1E87F0;
}

nav .nav-item .nav-link.active p {
	color: #1E87F0;
}


.sidebar .nav-link {
    padding: .1em 0.25em;
    border-left: transparent solid 0.5em;
}

/*
.nav-tabs .nav-link {
	border: none !important;
	color: #272D3B;
	font-size: 18px;
}
*/

.nav-tabs .nav-link i {
	display:none;
}

.card.card-list-container, .card.card-borderless-container {
	background: none;
    box-shadow: none;
}

/* .card.card-list-container .card-body:first-child {
    padding-top: 0;
} */

/* .card.card-list-container .card-footer {
	background: unset;
	text-align: right;
} */

/* .card.card-list-container .card-footer .k-pager-info.k-label {
	border-radius: 0 10px 10px 0;
    border: 1px solid #ccc;
    border-left: 0;
    font-size: 1em;
} */

.card-footer {
	padding-left: 1.25em;
	padding-right: 1.25em;
}

.card.card-list-container .card-footer .k-pager-wrap, .tab-pane .k-pager-wrap, .card .card-footer .k-pager-wrap {
    display: inline-flex;
    background-color: unset;
    border: unset;
    padding: 0;
    color: unset;
    /*
    box-shadow: 0px 0px 6px #272D3B33;
    border-radius: 0 10px 10px 0;
    */
}

/* To cater for pagers within grids that are within tabs */
.tab-pane .k-grid .k-pager-wrap {
    border-top: 1px solid #ccc;
    padding: 0.33em;
    color: #a6a6a6;
    display: block;
    background-color: #f5f5f5;
}

/* 
.card.card-list-container .card-footer .k-current-page {
	
} */

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited{

	background-color: #1E87EF;	
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
	color: unset;
}

.main-header.navbar .btn-group.btn-group-sm .btn {
	background-color: #FFF;
    border: 1px solid #CFCFCF;
    font-size: 1.43em;
    color: #272D3B;
}

.card ul.nav.nav-tabs .nav-item .nav-link {
	border-top:none;
	border-left: none;
	border-right: none;
	color: #272D3B;
	border-bottom: none;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 14px!important;
	/* line-height: 0.63em; */
	padding-bottom: 0em;
    padding-top: 0px;
}

.nav.nav-tabs {
	border: none;
}

.nav-tabs .nav-item {
	margin-bottom: unset;
}

	
.card ul.nav.nav-tabs .nav-item .nav-link.active .tab-border, .card ul.nav.nav-tabs .nav-item .nav-link:hover .tab-border{
	border-top: 0.3em solid #1E87F0;
    border-radius: 0.25em 0.25em 0em 0em;
    background: #1E87F0;
    height: 0.25em;
    /* margin-top: 1em; */
}

.card ul.nav.nav-tabs .nav-item .nav-link.active, .card ul.nav.nav-tabs .nav-item .nav-link:hover {
	border-top:none;
	border-left: none;
	border-right: none;
	color: #1E87F0;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 1.28em;
	/* line-height: 0.63em; */
}

.card ul.nav.nav-tabs.list .nav-item .nav-link {
	font-size: 1.14em;
	color: #93969D;
}

.card ul.nav.nav-tabs.list .nav-item .nav-link.active, .card ul.nav.nav-tabs.list .nav-item .nav-link:hover { 
	font-size: 1.14em;
	color: #1E87F0;
}



.content-wrapper>.content {
    padding: 0;
}

.card.card-borderless-container .card-primary-tabs {
    margin: 0;
    box-shadow: 0px 2px 3px #272D3B33;
    padding: 0;
    border-bottom: 0;
    background: #fff;
}

#actionList {
	font-size: unset;
}

/* GRID STUFF */

/* .custom-grid-container {
    
} */

.custom-grid-container .k-header.k-grid-toolbar {
	background: none;
}

.custom-grid-container .k-grid-header th.k-header {
	padding: 1em;
    border: 0;
    background-color: unset;
}

.k-pager-wrap.k-widget {
	box-shadow: unset;
}

.custom-grid-container .k-alt {
	background-color: unset;
}

.custom-grid-container .k-pager-wrap .k-dropdown {
    width: auto;
}

.custom-grid-container table tr th {
	font-size: 1em;
}

.custom-grid-container table tr td {
	padding: 1em;
	/* border: none; */
    border-left: none;
	font-size: 1em;
	white-space: nowrap;
}

.custom-grid-container table tr.k-footer-template td {
	white-space: unset;
}

.custom-grid-container table tr td a.k-grid-edit {
	font-size: 0.7em;
	margin-right: 0.5em;
}

.custom-grid-container table tr td a.k-grid-delete {
	font-size: 0.7em;
}

.custom-grid-container.k-grid .k-grid-header tr:hover {
	background-color: unset;
}

/* Hide scroll when not needed */
.no-scrollbar .k-grid-header
{
padding: 0 !important;
}

.no-scrollbar .k-grid-content
{
overflow-y: visible;
}

/* Attempt to fix the pager at the bottom of the page.
 body .k-pager-wrap > .k-link {
  float: right;
}

body .k-grid .k-pager-numbers {
    float: right;
}
*/

/* START USER MENU CONTAINER - remove this after change the header */
.user-menu-container .notification-icons, .user-menu-container .user-container, .user-menu-container .user-image, .user-menu-container .user-details{
	display: inline-block;
}

.user-menu-container .notification-icons {
	font-size: 2em;
    vertical-align: top;
}

.user-menu-container .notification-icons .nav-link{
	padding-left: 0;
}



.user-menu-container .user-details {
	line-height: 1.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1.14em;
}

.user-menu-container .user-image img {
	width: 50px;
	max-height: 50px;
	vertical-align: text-bottom;
}

.user-menu-container .user-menu a {
	color: #93969D;
}
/* end MENU */

/* .navbar-nav.ml-auto {
	margin-top: -1em;
} */


#issueGrid, #remediationGrid, #complaintGrid, #actionList, #conflictsGrid, #remediationList, #conflictsList, #coachingGrid, #attachmentadviserList, #attachmentpracticeList, .oa-gridcontainer {
	margin: 0;
	font-size: unset;
}

/* HORIZONTAL TAB WRAPPER */

.horizontal-tab-wrapper {
    position:relative;
    margin:0 auto;
    overflow: hidden;
	padding:5px;
  	height:50px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
  	min-width:3500px;
    margin-top:0px;
}

.list li{
	display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}



.horizontal-tab-scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  /*
  padding:7px;
  padding-top:13px;
  */
  white-space:no-wrap;
  vertical-align:middle;
  /* background-color:#fff; */
}

.user-name {
	max-width: 12em;
    display: inline-block;
}

/* ADVISER CARD AREA */

.card-list-container .card-body:first-child {
    min-height: 60.5em;
}

.oa-card-default .oa-main-container {
    font-size: 1.28em;
    font-weight: bold;
    display: block;
    line-height: 1.2em;
}

.oa-card-default .oa-sub-container {
	font-size: 0.95em;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.oa-card-default .oa-sub-container .oa-title {
	display: flow-root;
    min-height: 1.28em;
    line-height: 1.5em;
}

.oa-card-default .oa-sub-container .oa-sub-title {
	display: flow-root;
    min-height: 1.28em;
    line-height: 1.5em;
}



.oa-card-default .oa-address-container .oa-icon {
	font-size: 0.8em;
    display: inline-block;
    width: 1em;
    line-height: 1.5em;
    vertical-align: top;
    margin-right: 0.5em;

}

.oa-card-default .oa-address-container .oa-title {
	display: inline-block;
    width: 14em;
    line-height: 1.25em;
    font-size: 0.9em;
    max-height: 4em;
    text-overflow: ellipsis;
    overflow: hidden;
}
	
.oa-card-default .btn-primary {
	/* FOOTER  BUTTON PRIM */
	background-color: #2086F4;
}	

.oa-card-default .btn-default {
	/* FOOTER GREEN BUTTON STAR */
	background-color: #6FCF97;
    border-color: #6FCF97;
    color: white;
}	

.oa-card-default .card-header {
	background-color: #FFF;
	padding-top: 1em;
}

.oa-card-default .card-body {
	background-color: #FFF;
}

.oa-card-default .card-footer {
	/* FOOTER LIGHT BLUE */
	background-color: #fff !important;
}  

.oa-card-default .img-container {
	width: 7em;
	height: 7em;
	/*border: 1px solid;*/
	position: relative;
	overflow: hidden
}
.oa-card-default .img-container img {
   width: 100%;
   height: auto;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.oa-card-default .oa-mostrecent-review .badge{
	font-size: 1.18em;
    font-weight: normal;
    border-radius: 0.5em;
}

.oa-card-default .oa-mostrecent-review .badge.bg-light.text-gray{
    background: none !important;
    font-size: 1.1em;
}


.oa-card-default .oa-review-history .badge {
	font-size: 1.28em;
    border-radius: 0.5em;
    width: 1.5em;
    font-weight: normal;
}


/* END CARD LIST */

/* SEARCH NAV */

.oa-search-nav.form-inline {
	background-color: #FFF;
    /* border: 1px solid #CFCFCF; */
    color: #272D3B;
    border-radius: 0.5em;
}
.oa-search-nav input {
	font-size: 1.43em !important;
    height: auto !important;
    /* border-radius: 0.5em !important; */
    background-color: #FFF !important;
}

.oa-search-nav .btn.btn-navbar {
	background-color: #FFF;
    color: #272D3B;
}

.oa-search-nav .btn.btn-primary {
	font-size: 1em;
    padding: 0.75em 1em;
}
	
/* .navbar-light .oa-search-nav .form-control-navbar:focus, .navbar-light .oa-search-nav .form-control-navbar:focus+.input-group-append .btn-navbar {
	background-color: #FFF;
} */

/* END SEARCH NAV */

.table-sm td {
	line-height: 1.85em;
}

/* .table-striped tbody tr:nth-of-type(odd) {
	background-color: #EFF7FF;
} */


/*	FONT SIZES */

/* 22px = 1.57em */
.font-size-22 {
	font-size: 1.57em !important;
}

/* 19px = 1.36em */
.font-size-19 {
	font-size: 1.36em !important;
}

/* 16px = 1.14em */
.font-size-16 {
	font-size: 1.14em !important;
}

/* 13px = 0.92em */
.font-size-13 {
	font-size: 0.92em !important;
}

/* 12px = 0.92em */
.font-size-12 {
	font-size: 0.88em !important;
}

.form-group label {
	font-size: 1.14em !important;
	/*margin-bottom: 0;*/
	line-height: 1.25em;
}

.selectFile {
	border-top: 0.5em solid !important;
}

.selectFile.vpa { border-color: #FF0000 !important; color: unset; background-color: unset; }
.selectFile.pa {  border-color: #FF6600 !important; color: unset; background-color: unset; }
.selectFile.sa {  border-color: #A6FFA6 !important; color: unset; background-color: unset; }
.selectFile.ga, .selectFile.sa.gaForce {  border-color: #00B200 !important; color: unset; background-color: unset; }
.selectFile.vga {  border-color: #004C00 !important; color: unset; background-color: unset; }


li.actualissue {
    background-color: unset;
    border-top: 1px solid #C1C1C1 !important;
    color: #1f2d3d;
    margin-bottom: 1em;
    padding: 0.7em;
    list-style: none;
}

.actualissue .question {
    color: unset;
}


/* QUESTION STYLE CHANGES */

.reviewFileObservationTabStrip .fileObservationTabs {
	font-size: unset;
}

.questioncontainer.questionanswered {
	background-color: unset;
	border: none;
}

.questioncontainer.questionanswered .well {
	border: 1px solid;
}

.questioncontainer.questionanswered {
	padding: 0.5em;
	border: none;
}	

.questioncontainer.questionanswered.better .well {
	border-color: #ddd;
}

.questioncontainer.questionanswered.best .well {
	border-color: #28a745;
}

.questioncontainer.questionanswered.veryminor  .well {
	border-color: #005cbf;
}

.questioncontainer.questionanswered.minor  .well{
	border-color: #005cbf;
}

.questioncontainer.questionanswered.material  .well{
	border-color: #ffc107;
}

.questioncontainer.questionanswered.significant  .well{
	border-color: #dc3545;
}


.questioncontainer.questionanswered .questionanswer {
	font-weight: normal;
	/*width: 20%;*/
}

.questioncontainer.questionanswered .questionanswer {
	font-size: 1em;
	color: #787878;
	display: none;
}

.questionanswer .weight {
	display: none;
}

.questioncontainer .questionactions {
	margin-bottom: 1em;
}

.questioncount {
	font-size: 0.7em;
}

.questionchoice select {
	display: none;
}

.hiddencontainer {
	display:none;
}

.questionheader {
	font-size: 0.7em;
	display: none;
}

.questionnumber {
	float: left;
    height: 1px;
    width: 60%;
}

.observation-id {
    font-size: 13px;
    margin: 0;
    border-right: 1px solid #ECECEC;
    border-radius: 0;
    vertical-align: text-bottom;
}

.well {
	padding: 1em;
	margin-bottom: 0.25em !important;
	border-radius: 5px;
}

.reviewFileObservationTabStrip .fileObservationTabs.k-widget li.k-item {
	font-size: 1em;
}

.questioncontainer.questionunanswered {
	background-color: unset;
	border: none;
	opacity: 1;
}

.questioncontainer.questionanswered {
	opacity: 1;
}

.questioncontainer:hover {
	opacity: 1;
}

.k-tabstrip:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.reviewFileObservationSearch {
	padding: 0; 
}

.bsbox {
	border: none;
}

/* SPECIAL TYPE TABSTRIP */

.outline-tab-strip.k-widget .outline-tab-strip-item.k-item .k-link {
	color: #93969D;
}

.outline-tab-strip .k-tabstrip-items .k-loading {
	border-top: none;
}


.outline-tab-strip .outline-tab-strip-item.k-item {
	border: 1px solid #1E87F0;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.outline-tab-strip  .k-tabstrip-items .k-state-active .k-link {
	color: #1E87F0 !important;
}

.outline-tab-strip .outline-tab-strip-item.k-item:first-of-type {
	border-radius: 0.5em 0em 0em 0.5em;
}

.outline-tab-strip .outline-tab-strip-item.k-item:last-of-type {
	border-radius: 0em 0.5em 0.5em 0em;
}

.main_report_container .advice-assurance-page {
	margin: auto;
}

.reviewbox .projectdetailscontainer .reviewscore {
	font-weight: normal;
}

.reviewbox .projectdetailscontainer .reviewername span {
	padding-right: 0.5em;
}


.reviewicon.na, .reviewbox.na .projectcolorflag
{
	background-color: gray;
}

.reviewbox.low.plus .col-1 .projectcolorflag {
	background-color: #008000;
}

.reviewbox.low .col-1 .projectcolorflag {
	background-color: #008000;
}

.reviewbox.low.cusp .col-1 .projectcolorflag {
	outline: 2px solid #6A3B9B;
	outline-offset: -2px;
}

/*
.reviewbox.med .col-1 .projectcolorflag {
	background-color: #6A3B9B;
}
*/

.reviewbox.med.cusp .col-1 .projectcolorflag {
	outline: 2px solid #FF6600;
	outline-offset: -2px;
}

.reviewbox.med.plus .col-1 .projectcolorflag {
	outline: 2px solid #008000;
	outline-offset: -2px;
}

.reviewbox.high .col-1 .projectcolorflag {
	background-color: #FF6600;
}

.reviewbox.high.plus .col-1 .projectcolorflag {
	background-color: #FF0000;
}

li.file {
    background-color: unset;
    color: unset;
    border-left: 1em solid #ECECEC;
    border-width: 0.5em !important;
}

.file .question {
    background-color: unset;
    color: unset;
    display: block;
    float: unset;
    font-size: unset;
    margin: unset;
    padding: unset;
}

.login-box, .register-box {
    width: 35%;
    min-width: 360px;
}

/*ATTACHMENT CONTAINER */
.attachmentfunctioncontainer .attachmentfunctionlabel {
   	background: #1F86F0;
    display: inline-block;
    padding: 0em 0.5em 0em 0.5em;
    color: white;
    font-size: inherit;
    border-radius: 0.5em 0.5em 0em 0em;
}

.attachmentfunctioncontainer .attachmentfunctioncontent .k-dropzone {
	border: 1px solid;
    height: 3em;
    background: white;
    color: #1F86F0;
    border-radius: 0 0.5em 0.5em 0.5em;
    font-size: 1.2em;
    padding: 1em;
}


/* INLINE EDIT BUTTONS */
.k-grid .k-button.k-button-icontext.k-grid-edit, .k-grid .k-button.k-button-icontext.k-grid-update {
	background-color: #1F86F0;
    border-color: #1F86F0;
    color: white;
    font-size: 1em;
    margin: none;
}

.k-grid .k-button.k-button-icontext.k-grid-delete {
	background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    font-size: 1em;
    margin: none;
}

.k-grid .k-button.k-button-icontext .k-icon {
	display: none;
}

.k-widget.k-tooltip-validation {
	background-color: #ffc107;
    border-color: #ffc107;
    color: black;
}

html .k-grid-edit-row .k-tooltip {
	max-width: unset;

}

.k-grid .k-widget.k-dropdown.k-header {
	background-color: transparent;
}

.custom-inline-grid tr td[role="gridcell"]:last-child {
	text-align: right;
}

#client-window-finance-new-header, #client-window-timeline-new-header {
	border-bottom: none;
}

#clientfinancial-new, #clienttimeline-new {
	border: none;
	padding: none;
	width: 100%;
}

.client-financial-row .row.default, .client-timeline-row .row.default {
	border: none;
}

.custom-upload-container {
    border: 0.2em solid;
    border-radius: 0.5em;
    border-style: dashed;
    padding: 0.25em;
    color: #1E87F0;
}

.custom-upload-container .k-widget.k-upload {
	display:none;
}

/*DROP DOWN */
.bsready .k-widget.k-dropdown.k-header, .bsready .k-widget.k-dropdown.k-header span, .nocontentbox .k-widget.k-dropdown.k-header, .nocontentbox .k-widget.k-dropdown.k-header span {
	box-sizing: content-box;
}
/*DATEPICKER */
.bsready .k-widget.k-datepicker.k-header, .bsready .k-widget.k-datepicker.k-header span, .nocontentbox .k-widget.k-datepicker.k-header, .nocontentbox .k-widget.k-datepicker.k-header span, .nocontentbox .k-widget.k-datepicker.k-header input {
	box-sizing: content-box;
}

.groupquestionoption.groupquicksave.active {
	border-bottom: none;
}

.questioncontainer.groupquestioncontainer .quickgroupbutton.groupquicksave {
	margin: none;
}

.thumbs-button-container .btn-warning, .thumbs-button-container .btn-warning.active {
	background-color: #0062cc;
	border-color: #005cbf;
	color: #fff !important;
}

.thumbs-button-container .btn-warning.active {
	background-color: #0062cc !important;
    border-color: #005cbf !important;
}

/*Syle to restrict height of the question description, i dont think needed now */
/*
.questiondetails .questiondescription {
	height: 20em;
	overflow-y: auto;
}

.questiondetails .questionactions {
	height: 15em;
	overflow-y: auto;
}
*/

.loadingcontainer img {
	display: block;
    left: unset;
    position: unset;
}

#emailreportcontainer .emailattachmentsearch{
    background-color: rgba(0, 0, 0, 0);
	border: 1px solid #dee2e6;
    display: block;
    max-height: 195px;
    overflow-y: scroll;
	overflow-x: hidden;
}
#emailreportcontainer .emailattachmentsearch div{
   padding: 0.25em;
}
#emailreportcontainer .emailattachmentsearch div{
	cursor: pointer;
}
.emailattachmentcontainer .k-state-selected a{
   	float: unset;
    font-size: unset;
    font-weight: normal;
	color: white;
}

.emailattachmentsearch .row.bsready {
	margin: 0;
}

.title {
	color: initial;
    line-height: 1.5em;
}

.btn.btn-sm.yes.selected {
	border-left: 5px solid black;
}

.btn.btn-sm.no.selected {
	border-left: 5px solid black;
}

.form-inline .k-widget.form-control {
	width: auto;
}

.QLD-overlay.state-overlay.low { background-image: url('/site/1742/qld-low.png') }
.QLD-overlay.state-overlay.med { background-image: url('/site/1742/qld-med.png') }
.QLD-overlay.state-overlay.high { background-image: url('/site/1742/qld-high.png') }

.WA-overlay.state-overlay.low { background-image: url('/site/1742/wa-low.png') }
.WA-overlay.state-overlay.med { background-image: url('/site/1742/wa-med.png') }
.WA-overlay.state-overlay.high { background-image: url('/site/1742/wa-high.png') }

.NT-overlay.state-overlay.low { background-image: url('/site/1742/nt-low.png') }
.NT-overlay.state-overlay.med { background-image: url('/site/1742/nt-med.png') }
.NT-overlay.state-overlay.high { background-image: url('/site/1742/nt-high.png') }

.SA-overlay.state-overlay.low { background-image: url('/site/1742/sa-low.png') }
.SA-overlay.state-overlay.med { background-image: url('/site/1742/sa-med.png') }
.SA-overlay.state-overlay.high { background-image: url('/site/1742/sa-high.png') }

.NSW-overlay.state-overlay.low { background-image: url('/site/1742/nsw-low.png') }
.NSW-overlay.state-overlay.med { background-image: url('/site/1742/nsw-med.png') }
.NSW-overlay.state-overlay.high { background-image: url('/site/1742/nsw-high.png') }

.ACT-overlay.state-overlay.low { background-image: url('/site/1742/act-low.png') }
.ACT-overlay.state-overlay.med { background-image: url('/site/1742/act-med.png') }
.ACT-overlay.state-overlay.high { background-image: url('/site/1742/act-high.png') }

.VIC-overlay.state-overlay.low { background-image: url('/site/1742/vic-low.png') }
.VIC-overlay.state-overlay.med { background-image: url('/site/1742/vic-med.png') }
.VIC-overlay.state-overlay.high { background-image: url('/site/1742/vic-high.png') }

.TAS-overlay.state-overlay.low { background-image: url('/site/1742/tas-low.png') }
.TAS-overlay.state-overlay.med { background-image: url('/site/1742/tas-med.png') }
.TAS-overlay.state-overlay.high { background-image: url('/site/1742/tas-high.png') }

.default-line-height {
	line-height: unset !important;
}

.attachment-selector.service-letter-email-attachments {
	overflow-x:  hidden;
}

.service-letter-email-attachments .row {
	padding: 0.5em;
}

.compliance-manual-section-checkbox {
	height: 1em;
}

/*STYLE FOR PROVISIONAL ADVISER QUESTIONS */
.group-200, .group-201, .group-202 {
	display: none;
}

.review-type-69 div.group-200, .review-type-69 div.group-201, .review-type-69 div.group-202 {
	display: block;
}


/* END STYLE FOR PROVISIONAL ADVISER QUESTIONS */

/* STYLE FOR MAILBOX */
.help-inbox-message-open {
	cursor: pointer;
}

.mailbox-message-processing {
	opacity: 0.3;
	cursor: progress;
}

/* END MAILBOX */

/* STYLE FOR ETHICS HARBOUR */

#bidgroup-177a {
	display: none;
}

.ethicsharbour {
	display: none;
}

/* END STYLE FOR ETHICS HARBOR */

/* Hide style for the analytics filtering */
.analytics-filter-standard {
	display: none;	
}

/* Hide the images button if the question is unanswered */
.questioncontainer.questionunanswered .observationAttachmentContainer{
	display: none;
}

/* GUI STYLES */

 /* i removed these from the html */
/* .css__f-20 {
    font-size: 20px;
}

.css__f-22 {
    font-size: 22px;
}

.css__f-24 {
    font-size: 24px;
} */

/* end  */

/* font size  */

.f-10 {
    font-size: 10px!important;
}

.f-11 {
    font-size: 11px!important;
}

.f-12 {
    font-size: 12px!important;
}

.f-13 {
    font-size: 13px!important;
}

.f-14 {
    font-size: 14px!important;
}

.f-16 {
    font-size: 16px!important;
}

.f-17 {
    font-size: 17px!important;
}

.f-18 {
    font-size: 18px!important;
}

.f-20 {
    font-size: 20px!important;
}

.f-22 {
    font-size: 22px!important;
}

.f-24 {
    font-size: 24px!important;
}

.f-30 {
    font-size: 30px!important;
}

.f-42 {
    font-size: 42px!important;
}

.f-70 {
    font-size: 70px;
}
/* line height */

.lh-10 {
    line-height: 10px;
}

.lh-14 {
    line-height: 14px;
}

.lh-16 {
    line-height: 16px;
}

.lh-18 {
    line-height: 18px;
}

.lh-20 {
    line-height: 20px;
}

.lh-22 {
    line-height: 22px;
}

.lh-24 {
    line-height: 24px;
}

.css__verticalbutton-active {
    background: #3486f0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px;
    width: 5px;
    height: 100%;
}

.css__page-height {
    min-height: calc(100vh - 8.5em);
}


.css__content-wrapper {
	background: rgb(243 243 243);
}

.css__bg-gray-100 {
    background: #e4e4e4;
}


/* btn orange */

.css__btn-orange {
    color: #fff;
    background-color: #f78306;
    border-color: #f78306;
    box-shadow: none;
}

.css__btn-orange:hover {
    color: #fff;
    background-color: #e27500;
    border-color: #e27500;
}

.css__btn-orange:focus {
    color: #fff;
    background-color: #e27500;
    border-color: #e27500;
    box-shadow: 0 0 0 0 rgb(38 143 255 / 50%);
}

/* end btn orange */

/* shadow on scroll down */

.css__shadow-scroll {
    box-shadow: 0px 1px 10px #dfdfdf;
}

/* end shadow on scroll down */

/* dropdown tab */

.css__dropdown-toggle::after {
	display: none;
}

.css__dropdown-toggle i {
	display: block!important;
}

.card ul.nav.nav-tabs .nav-item .nav-link.css__orange.active .tab-border, .card ul.nav.nav-tabs .nav-item .nav-link.css__orange:hover .tab-border {
	border-top: 0.3em solid #f78306;
    background: #f78306;
}

.card ul.nav.nav-tabs .nav-item .nav-link.css__orange.active, .card ul.nav.nav-tabs .nav-item .nav-link.css__orange:hover {
	color: #f78306;
}

.dropdown-menu.css__orange .dropdown-item.active, .dropdown-menu.css__orange .dropdown-item:active {
	background: #f78306;
}

.dropdown-item {
    padding: 0px 1rem;
}
/* end dropdown tab */

/* Allow scroll on left menu */
.sidebar {
    max-height: calc(100vh - (4rem));
    overflow-y: hidden;
}

.sidebar:hover {
    overflow-y: auto;
}
/* end scroll on left menu */

/* Gray BG for boards */
.css__bg-assured-support{
	background: rgb(243, 243, 243)!important;
}
/* end BG */

/* Hide Overflow */
.css__hideOverflow {
    overflow-y: hidden;
}
/* End Hide Overflow */

button[aria-expanded='true'] > .css__arrow-icon, i[aria-expanded='true'].css__arrow-icon, .small-box span[aria-expanded='true']  {
    transform: rotate(180deg);  
}

.css__arrow-icon:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.css__overview-table td{
    padding: 0px;
    font-size: 14px;
}

.css__height-container {
    min-height: calc(100vh - 6rem);
}


/* aside */

.css__aside-menu .nav-link:hover {
    background: #f6f6f6;
}

.css__aside-menu li:last-child .nav-link {
    background: #ededed;
}

.css__aside-menu li:last-child .nav-link:hover {
    background: #cfcfcf;
}

.css__aside-menu li:first-child p:last-child {
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
}

/*end aside */

/* header  */

.css__user-settings {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}


/* kanban list */
.css__kanban-list {
    height: calc(100vh - 4rem);
    gap: 0.5rem;
    overflow: auto;
}

.css__kanban-column {
    background: #f4f5f7;
    min-width: 260px;
    max-width: 260px;
}

.css__kanban-tasks {
    margin: 0 4px;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 4px;
    height: 100%;
}

.css__kanban-tasks::-webkit-scrollbar-track {
    background-color: #dedede;
}
    
.css__kanban-tasks::-webkit-scrollbar {
    width: 6px;
}

.css__kanban-tasks::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #595959;
}  

.css__kanban-add:hover {
    background: #e1e1e1;
    cursor: pointer;
}

.css__kanban-card {
    cursor: pointer;
    user-select: none;
}

.css__kanban-card:hover {
    background: #D1D1D1;
}

.css__kanban-card:hover > div > .css__kanban-edit {
    display: block!important;
}

.css__kanban-title {
    width: 90%;
}

.css__kanban-edit {
    display: none!important;
    width: 30px;
    position: absolute;
    right: 0;
}

.css__kanban-edit:hover {
    opacity: 0.8;
}

.css__kanban-date-icon {
    color: #63BA3C;
}

.css__business-name {
    background: #f1f1f1;
    color: #666666;
}

.css__kanban-owner {
    width:30px; 
    height: 30px;
}

.css__kanban-owner-area {
    display: flex;
    height: 30px;
    width: 40px;
    position: relative;
}

.css__kanban-owner-area p:first-child {
    z-index: 1;
    position: absolute;
    left: 0;
    border: 1px solid;
}

.css__kanban-owner-area p:last-child {
    position: absolute;
    left: 30%;
}

.text-muted-100 {
    color: #b7b7b7;
}

.bg-orange {
    color: #fff!important;
    background-color: #f78306!important;
}

.btn-gray {
    background: #CBCBCB;
}

.btn-gray:hover {
    opacity: 0.8;
}
/* end kanban list  */

 

/* create kanban  */
.css__kanban-table-logs tr td:first-child {
    width: 240px;
}

.css__kanban-table-logs tr td:last-child {
    vertical-align: middle;
}

.css__kanban-table-logs tr td {
    padding: 0.5rem;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}    

.css__kanban-tag-logs {
    background:#eeeeee;
    color:#777777;
}

.bg-gray-50 {
    background: #f6f6f6;
}

.bg-gray-100 {
    background: #E9E9E9;
}

.css__kanban-comments-lits {
    overflow-y: auto;
    max-height: 55vh;
}

/* .css__kanban-comments-text {
    line-height: 20px;
} */

.css__kanban-comments-reply {
    text-decoration: underline;
}

.css__kanban-files {
    background: #63BA3C;
}

/* end create kanban  */


/* columns of home page */
.card-columns {
    column-count: 2;
}




/* Planning Module */
.css__planning-yearly > div:nth-of-type(odd) > div{
    background-color: rgba(0,0,0,.05);
}

.css__planning-yearly {
    min-height: 200px;
    max-height: 250px;
    overflow-y: auto;
}

.css__planning-counter-red {
    background: #b72d3a;
}

.css__planning-card-green {
    background: #63BA3C;
}

.css__planning-card-blue {
    background: #5BC0DE;
}

.css__planning-counter-green, .css__planning-counter-blue, .css__planning-counter-red {
    position: absolute;
    right: 5px;
    width: 25px;
    bottom: 5px;
    height: 25px;
    border-radius: 50%;
}

.css__planning-counter-green {
    background: #4B8E2C;
}

.css__planning-counter-blue {
    background: #4A9CB5;
}

.text-dark-yellow {
    color: #c19100!important;
}

.css__planning-calendar-modal {
    max-height: 700px;
    overflow: auto;
}

.css__tab-counter {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid;
    position: absolute;
    left: 15px;
}

.css__planning-tool-confirm-list > div:nth-of-type(odd){
    background-color: rgba(0,0,0,.05);
}

button[aria-expanded='true'] > .css__arrow-right-icon, i[aria-expanded='true'].css__arrow-right-icon {
    transform: rotate(90deg);
}


.pulse {
    animation: pulse_animation 1s linear;
}

@keyframes pulse_animation {
    0% {
        box-shadow: 0 0 0 0  rgb(25, 84, 130,0.7), 0 0 0 0 rgb(25, 84, 130,0.7);
    }

    100% {
        box-shadow: 0 0 0 20px rgb(0, 188, 212, 0), 0 0 0 0 rgb(25, 84, 130,0.7);
    }
}

/*End Planning Module */


.custom-grid-lg .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 17rem);
}
    
.custom-grid-list-lg .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 17rem);
}

.custom-grid-list-with-grouping .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 26rem);
}

.custom-grid-list-with-grouping-no-sub-tab .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 20rem);
}

/* main header  */
.main-header .nav-link {
    height: auto;
}

.user-initials {
    width: 25px; 
    height:  25px;
}

.table-new td, .table-new th {
    padding: 0.3rem;
    line-height: 30px;
    vertical-align: middle;
}

.table-new tr td:first-child label {
    height: 30px;
	margin-bottom: 0px;
	cursor: pointer;
} 

.css__history-list {
    max-height: 145px;
    overflow: auto;
}

.container-fluid .form-group .col-form-label-sm {
    display: flex;
    align-items: center;
    justify-content: end;
    cursor: pointer;
}

.css__card-search {
    padding-right: 150px;
    padding-left: 150px;
}

.table-scrollbar-collapse {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-permissions td, .table-permissions th{
    line-height: 20px;
    vertical-align: middle;
}

.table-permissions tr th {
    text-align: center;
    vertical-align: middle;
}

.table-permissions thead th { 
    position: sticky; 
    top: 0; 
    z-index: 1; 
    background: #fff;
}

.table-permissions { 
    overflow: auto; 
    max-height: 50vh; 
}

.toast-title {
    line-height: 24px!important;
    font-size: 14px!important;
}

.toast-message {
    line-height: 16px!important;
    font-size: 14px!important;
}

.overflow-updates {
    max-height: 78vh;
    overflow-y: auto;
}

.nicescroll {
    overflow-y: auto;
}

.nicescroll::-webkit-scrollbar-track {
    background-color: #dedede;
}
    
.nicescroll::-webkit-scrollbar {
    width: 6px;
}

.nicescroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #595959;
} 

.common-document-container-full {
    padding-left: 40px;
    padding-right: 40px;
}

.common-document-container-full .heading1 {
    font-size: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.common-document-container-full .heading2 {
    font-size: 27px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.common-document-container-full .heading3 {
    font-size: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.common-document-container-full .body {
    font-size: 14px;
    padding-bottom: 20px;
}


.common-document-container-full .body ul {
    padding-left: 40px;
}

.custom-grid-small-font .k-grid-header th.k-header {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-primary {
    color: #004085!important;
    background-color: #cce5ff!important;
    border-color: #b8daff!important;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.table-lh tr td {
    line-height: 35px;
}

.bg-loader {
    background: rgb(255,255,255, 0.2);
}

a[aria-expanded='true'] > .css__arrow-right, i[aria-expanded='true'].css__arrow-right {
    transform: rotate(90deg);  
}

.css__question-tabs a.active {
    border: 3px solid;
}

.btn .top-right-badge {
    position: absolute;
    top: -9px;
    right: -7px;
    color: black;
    font-size: 12px;
}


.custom-grid-container.custom-grid-container-small .k-grid-header th.k-header {
    padding: 0.5em;
}

.custom-grid-containerc.custom-grid-container-small  table tr td {
	padding: 0.5em;
	font-size: 0.7em;
}

.css__logo-aside {
    width: 150px;
    margin: 0 auto;
    margin-top: 50px;
}

.recently-edited {
    background-color: #ebebeb;
}

.d-flex-ni {
    display: flex;
}

.bulk-edit-grid {
    border: 3px solid #2F80ED;
}

.bulk_edit_mode {
    display: flex;
    align-items: center;
    justify-content: center;
}


.content-wrapper, .main-header {
    margin-left: 0px!important;
}


.title-menu {
    color: #b1b1b1;
    letter-spacing: 2px;
}


.dropdown-main-menu a:hover {
    background: #f1f1f1;
}

.icon-menu {
    height: 15px;
    width: 15px;
}

.icon-red {
    color: #cd5c5c;
}

.icon-orange {
    color: #f78306;
}

.icon-blue {
    color: #2ea2af;
}

.icon-brown {
    color: #915b24;
}

.icon-green {
    color: #3a8535;
}

.icon-dark-blue {
    color: #4f82b7;
}

.control-sidebar-slide-open.control-sidebar-push .content-wrapper, .control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper, .control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
    margin-right: 0px;
}

.control-sidebar {
    /* background: rgba(0, 0, 0, 46%); */
    right: -100%;
    width: 100%;
}

.css__kanban-list::-webkit-scrollbar-track {
    background-color: #dedede;
}
    
.css__kanban-list::-webkit-scrollbar {
    height: 10px;
}

.css__kanban-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #595959;
}  


.breadcrumb-area {
    cursor: pointer;
}

.breadcrumb-area > div:first-child {
    height: 28px;
    background:#ebebeb; 
    border-radius: 4px 0 0 4px;
}

.breadcrumb-area > div:first-child > p {
    letter-spacing: 1px;
}

.breadcrumb-triangle {
    width: 15px;
    height: 25px;
    border-left: solid 10px #ebebeb;
    border-bottom: solid 15px transparent;
    border-top: solid 13px transparent;
}


.custom-grid-container * {
	box-sizing: border-box;
}



/* timeline  */

.timeline-icon {    
    border-radius: 50%;
    font-size: 20px!important;
    height: 30px;
    left: 18px;
    line-height: 30px!important;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}

.timeline::before {
    top: 4px;
    bottom: 4px;
}

.timeline>div {
    margin-right: 0px;
}

.timeline>div>.timeline-item {
    margin-right: 0px;
}

.btn-actions {
    background-color: #f8f9fa!important;
}

.btn-actions:hover {
    background-color: #ECECEC!important;
}

.btn-actions:focus {
    background-color: #DEDEDE!important;
}

.border-green-review {
    border-left: 8px solid #28A745!important;
    border-radius: 4px 0 0 4px;
}

.border-red-review {
    border-left: 8px solid #DC3545!important;
    border-radius: 4px 0 0 4px;
}

.border-yellow-review {
    border-left: 8px solid #FFC107!important;
    border-radius: 4px 0 0 4px;
}


.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    padding-left: 10px;
    font-weight: normal;
    font-size: 14px!important;
    white-space: nowrap;
}

.multiselect {
    height: 34px;
}

.k-pager-wrap .k-link {
    border-right: 1px solid #ccc;
}

.tab-actived  {
    display: none!important;;
}

.card ul.nav.nav-tabs .nav-item .nav-link.active .tab-actived {
    display: block!important;;
}

.k-i-loading {
    background-repeat: no-repeat;
    background-position: center;
}

.border-gray-review {
    border-left: 8px solid #A3A3A3!important;
    border-radius: 4px 0 0 4px;
}

.recent-results-badge {
    width: 25px;
    height:25px;
}


/* intro js style  */

.introjs-tooltip {
    min-width: 400px!important;
}

.introjs-tooltip-header {
    background: #007bff;
    color: #fff;
    display: flex;
    align-items: center;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.introjs-skipbutton {
    margin-left: auto;
}

.introjs-tooltip-title {
    font-weight: 500!important;
    line-height: 18px!important;
}

.introjs-tooltiptext {
    font-size: 14px;
    line-height: 18px;
}

.introjs-nextbutton {
    line-height: 14px;
    background-color: #007bff!important;
    color: #fff!important;
    text-shadow: none!important;
    border: 0px!important;
}

.introjs-button:hover {
    opacity: 0.9;
}

.introjs-prevbutton {
    line-height: 14px;
    text-shadow: none!important;
    border: 0px!important;
}

.introjs-arrow.left {
    border-right-color: #007bff!important;
    left: -50px!important;
    top: 0px!important;
}

.introjs-arrow.top {
    top: -50px!important;
    left: 0px!important;
    border-bottom-color: #007bff!important;;
}

.introjs-arrow {
    border: 25px solid transparent!important;
}

.icon > span {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 70px;
}

.small-box.bg-orange > a {
	color: #fff!important;
}







/* START DARK MODE  */

.dark-mode.content-wrapper {
    background-color: #454d55!important;
    color: #fff!important;;
}

.dark-mode.navbar-light {
    color: rgb(255 255 255 / 75%)!important;
    background: #343a40!important;
}

.dark-mode.dropdown-menu {
    background: #343a40!important;
}

.dark-mode a, .dark-mode p{
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .card-header, .dark-mode .card-body {
    background: #343a40!important;
}

.dark-mode  .custom-grid-container {
    background: #343a40!important;
}

.dark-mode .border {
    border: 1px solid #636363!important;
}

.dark-mode .k-grid tr td, .dark-mode .k-header, .dark-mode .k-widget {
    border: 1px solid #636363!important;
    background-color: #454d55!important;
}			

.dark-mode .k-dropdown-wrap {
    background-color: #343a40!important;
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .bg-white {
    background-color: #343a40!important;
}

.dark-mode a:not(.btn):hover {
    color: rgb(255 255 255 / 75%)!important;
    background: #434343!important;
}

.dark-mode .k-grid tr td, .dark-mode .k-header, .dark-mode .k-widget {
    color: rgb(255 255 255 / 75%)!important;
    background-color: #343a40!important;
}

.dark-mode .k-grid .k-pager-wrap {
    background: #434343!important;
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .breadcrumb-triangle, .dark-mode .breadcrumb-area > div:first-child{
    border-left: solid 10px #434343!important;
}

.dark-mode .pageName {
    background: #434343!important;
}

.dark-mode .bg-gray-100 {
    background: #000000!important;
}

.dark-mode .material-icons-outlined {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .k-multiselect-wrap {
    background: #343a40!important;
}

.dark-mode .k-content {
    background: #343a40!important;
}

.dark-mode .border-top, .dark-mode .border {
    border: 1px solid #636363!important;
}

.dark-mode .css__shadow-scroll {
    box-shadow: 0px 1px 10px #545454!important;
}

.dark-mode  .card-list-container > .card-body {
    background: #434343!important;
}

.dark-mode  .card-borderless-container > .card-body {
    background: #434343!important;
}

.dark-mode .tab-pane .card-body {
    background: #343a40!important;
}

.dark-mode label {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .k-grouping-header {
    background: #343a40!important;
}

.dark-mode .card-footer {
    background: #343a40!important;
}

.dark-mode .navbar-white {
    background: #343a40!important;
}

.dark-mode .k-grid-norecords {
    background: #343a40!important;
}

.dark-mode .dropdown-toggle {
    background: #343a40!important;				
}

.dark-mode .css__kanban-column {
    background: #414549!important;		
}

.dark-mode .css__business-name {
    background: #414549!important;	
}

.dark-mode.main-header.navbar .btn-group.btn-group-sm .btn {
    color: rgb(255 255 255 / 75%)!important;
    background: #414549!important;	
}

.dark-mode .badge {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .k-button {
    background: #414549!important;	
}
.dark-mode .k-calendar th, .dark-mode .k-calendar .k-footer .k-nav-today {
    background: #343a40!important;
}

.dark-mode.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
    background: #414549!important;	
    color: rgb(255 255 255 / 75%)!important;
    border: 1px solid #636363!important;
}

.dark-mode .oa-search-nav input {
    background: #414549!important;	
    color: rgb(255 255 255 / 75%)!important;
    border: 1px solid #636363!important;
}

.dark-mode .oa-search-nav input::placeholder {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .btn-link {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .css__aside-menu li:last-child .nav-link {
    background: #414549!important;	
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .btn-group>.btn {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .card .card {
    background: #343a40!important;
}

.dark-mode .shade {
    background: none!important;
}

.dark-mode .k-dropdown .k-input, .dark-mode  .k-dropdown .k-state-focused .k-input, .dark-mode .k-menu .k-popup {
    color: rgb(255 255 255 / 75%)!important;
}	

.dark-mode .k-icon {
    color: #fff;
}

.dark-mode .k-pager-wrap .k-link {
    background: #343a40!important;
}

.dark-mode .k-state-hover {
    color: #fff;
}

.dark-mode .k-dropdown-wrap .k-select, .dark-mode .k-numeric-wrap .k-select, .dark-mode  .k-picker-wrap .k-select {
    background: #343a40!important;
}

.dark-mode .k-autocomplete.k-state-default, .dark-mode .k-dropdown-wrap.k-state-default, .dark-mode .k-numeric-wrap.k-state-default, .dark-mode .k-picker-wrap.k-state-default {
    background: #343a40!important;
}

.dark-mode .k-tabstrip .k-content.k-state-active {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode .k-editor-toolbar .k-tool {
    background: #343a40!important;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
    color: rgb(255 255 255 / 75%)!important;
}

/* END DARK MODE  */







/* START DARK MODE PINK */

.dark-mode-pink.content-wrapper {
    background-color: #494543!important;
    color: #d992b3!important;
}

.dark-mode-pink.navbar-light {
    color: #d992b3!important;
    background: #36302c!important;
}

.dark-mode-pink.dropdown-menu {
    background: #36302c!important;
}

.dark-mode-pink p{
    color: #d992b3!important;
}

/* .dark-mode-pink a {
    color: #fff!important;
} */

.dark-mode-pink .card-header, .dark-mode-pink .card-body {
    background: #36302c!important;
}

.dark-mode-pink  .custom-grid-container {
    background: #36302c!important;
}

.dark-mode-pink .border {
    border: 1px solid #636363!important;
}

.dark-mode-pink .k-grid tr td, .dark-mode-pink .k-header, .dark-mode-pink .k-widget {
    border: 1px solid #636363!important;
    background-color: #36302c!important;
    color: #d992b3!important;
}			

.dark-mode-pink .k-dropdown-wrap {
    background-color: #36302c!important;
    color: #d992b3!important;
    border: none;
}

.dark-mode-pink .bg-white {
    background-color: #36302c!important;
}

.dark-mode-pink a:not(.btn):hover {
    color: #d992b3!important;
    background: #494543!important;
}

.dark-mode-pink .k-grid .k-pager-wrap {
    background-color: #36302c!important;
    color: #d992b3!important;
}

.dark-mode-pink .breadcrumb-triangle {
    border-left: solid 10px #494543!important;
}

.dark-mode-pink .breadcrumb-area > div:first-child {
    background-color: #36302c!important;
}

.dark-mode-pink .pageName {
    background: #494543!important;
}

.dark-mode-pink .bg-gray-100 {
    background: #494543!important;
}

.dark-mode-pink .k-multiselect-wrap {
    background: #36302c!important;
}

.dark-mode-pink .k-content {
    background: #36302c!important;
}

.dark-mode-pink .border-top, .dark-mode-pink .border {
    border: 1px solid #636363!important;
}

.dark-mode-pink .css__shadow-scroll {
    box-shadow: 0px 1px 10px #36302c!important;
}

.dark-mode-pink  .card-list-container > .card-body {
    background: #494543!important;
}

.dark-mode-pink  .card-borderless-container > .card-body {
    background: #494543!important;
}

.dark-mode-pink .tab-pane .card-body {
    background: #36302c!important;
}

.dark-mode-pink label {
    color: #d992b3!important;
}

.dark-mode-pink .k-grouping-header {
    background: #36302c!important;
}

.dark-mode-pink .card-footer {
    background: #36302c!important;
}

.dark-mode-pink .navbar-white {
    background: #36302c!important;
}

.dark-mode-pink .k-grid-norecords {
    background: #36302c!important;
}

.dark-mode-pink .dropdown-toggle {
    background: #36302c!important;				
}

.dark-mode-pink .css__kanban-column {
    background: #2e2926!important;
}

.dark-mode-pink .css__business-name {
    background: #36302c!important;	
}

.dark-mode-pink.main-header.navbar .btn-group.btn-group-sm .btn {
    color: #d992b3!important;
    background: #36302c!important;
    border: 1px solid #636363!important;	
}

.dark-mode-pink .k-button {
    background: #36302c!important;	
    color: #fff;
}
.dark-mode-pink .k-calendar th, .dark-mode-pink .k-calendar .k-footer .k-nav-today {
    background: #36302c!important;
}

.dark-mode-pink.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
    background: #36302c!important;	
    color: #d992b3!important;
    border: 1px solid #636363!important;
}

.dark-mode-pink .oa-search-nav input {
    background: #36302c!important;	
    color: #d992b3!important;
    border: 1px solid #636363!important;
}

.dark-mode-pink .oa-search-nav input::placeholder {
    color: #d992b3!important;
}

.dark-mode-pink .btn-link {
    color: #d992b3!important;
}

.dark-mode-pink .css__aside-menu li:last-child .nav-link {
    background: #36302c!important;	
    color: #d992b3!important;
}

.dark-mode-pink .btn-group>.btn {
    color: #fff!important;
}

.dark-mode-pink .card .card {
    background: #36302c!important;
    color: #d992b3;
}

.dark-mode-pink .shade {
    background: none!important;
}

.dark-mode-pink .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: rgb(255 255 255 / 75%)!important;
}	

.dark-mode-pink .k-icon {
    color: #d992b3!important;
}

.dark-mode-pink .k-pager-wrap .k-link {
    background: #36302c!important;
}

.dark-mode-pink .k-state-hover {
    color: #d992b3!important;
}

.dark-mode-pink .modal-content {
    background: #36302c!important;	
}

.dark-mode-pink .card {
    background: #36302c!important;	
}

.dark-mode-pink input, .dark-mode-pink textarea , .dark-mode-pink select {
    background: #36302c!important;
    color: rgb(255 255 255 / 75%)!important;
    border: 1px solid #636363!important;
}

.dark-mode-pink .modal-header {
    border-bottom: 1px solid #636363!important;
}

.dark-mode-pink .modal-footer {
    border-top: 1px solid #636363!important;
}

.dark-mode-pink  .btn-primary {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
    box-shadow: none;
}

.dark-mode-pink .btn-success {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
    box-shadow: none;
}

.dark-mode-pink .btn-light {
    color: #fff!important;
}


.dark-mode-pink .btn-app, .dark-mode-pink .btn-default {
    background-color: #3a4047;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-pink .nav-tabs .nav-item.show .nav-link, .dark-mode-pink .nav-tabs .nav-link.active {
    background: #36302c!important;
}

.dark-mode-pink .timeline>div>.timeline-item {
    background: #36302c!important;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-pink .card ul.nav.nav-tabs .nav-item .nav-link {
    color: #d992b3!important;
}

.dark-mode-pink .navbar-nav .nav-link {
    color: #d992b3!important;
}

.dark-mode-pink .icon-menu .text-dark {
    color: #fff!important;
}

.dark-mode-pink .css__kanban-list {
    background: #494543!important;
}

.dark-mode-pink .css__kanban-title {
    color: #d992b3!important;
}

.dark-mode-pink .card ul.nav.nav-tabs .nav-item .nav-link.active .tab-border, .dark-mode-pink .card ul.nav.nav-tabs .nav-item .nav-link:hover .tab-border {
    border-top: 0.3em solid #d992b3!important;
    background: #d992b3!important;
}

.dark-mode-pink .icon-menu {
    color: #fff;
}

.dark-mode-pink .css__overview-table {
    color: #d992b3!important;
}

.dark-mode-pink  .k-gantt-toolbar .k-state-default, .dark-mode-pink  .k-grid .k-grouping-header, .dark-mode-pink .k-grid-header, .dark-mode-pink .k-grid-header-wrap, .dark-mode-pink .k-grouping-header .k-group-indicator, .dark-mode-pink .k-header, .dark-mode-pink .k-pager-wrap, .dark-mode-pink .k-pager-wrap .k-link, .dark-mode-pink .k-pager-wrap .k-textbox {
    border-color: #6c757d!important;
}

.dark-mode-pink .k-autocomplete.k-state-default, .dark-mode-pink .k-dropdown-wrap.k-state-default, .dark-mode-pink .k-multiselect.k-header, .dark-mode-pink .k-numeric-wrap.k-state-default, .dark-mode-pink .k-picker-wrap.k-state-default {
    box-shadow: none;
    border: none;
}

.dark-mode-pink .k-autocomplete.k-state-default .k-input, .dark-mode-pink .k-combobox .k-state-default .k-input, .dark-mode-pink .k-multiselect-wrap, .dark-mode-pink .k-numeric-wrap.k-state-default .k-input, .dark-mode-pink  .k-picker-wrap.k-state-default .k-input, .dark-mode-pink .k-progress-status-wrap, .dark-mode-pink .k-slider-selection, .dark-mode-pink .k-slider-track {
    border: none!important;
}

.dark-mode-pink .k-grid-header th.k-with-icon .k-link {
    color: #d992b3!important;
}

.dark-mode-pink .bg-light>a {
    color: #fff!important;
}

.dark-mode-pink #analytics-tabs .dropdown {
    background: #36302c!important;
    color: #fff;
}

.dark-mode-pink .border-bottom {
    border-color: #6c757d!important;
}

.dark-mode-pink .table td, .dark-mode-pink .table th {
    border-color: #6c757d!important;
}

.dark-mode-pink .reviewbox .projectdetailscontainer .reviewername span {
    background: #424243;
}

.dark-mode-pink .k-tabstrip .k-content.k-state-active {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode-pink .k-editor-toolbar .k-tool {
    background: #434343!important;
}
/* END DARK MODE PINK */





/* START DARK MODE AQUABLUE */

.dark-mode-aquablue.content-wrapper {
    background-color: #455462!important;
    color: #02d8e9!important;
}

.dark-mode-aquablue.navbar-light {
    color: #02d8e9!important;
    background: #2d4155!important;
}

.dark-mode-aquablue.dropdown-menu {
    background: #2d4155!important;
}

.dark-mode-aquablue p{
    color: #02d8e9!important;
}

.dark-mode-aquablue .card-header, .dark-mode-aquablue .card-body {
    background: #2d4155!important;
}

.dark-mode-aquablue  .custom-grid-container {
    background: #2d4155!important;
}

.dark-mode-aquablue .border {
    border: 1px solid #636363!important;
}

.dark-mode-aquablue .k-grid tr td, .dark-mode-aquablue .k-header, .dark-mode-aquablue .k-widget {
    border: 1px solid #636363!important;
    background-color: #2d4155!important;
    color: #02d8e9!important;
}			

.dark-mode-aquablue .k-dropdown-wrap {
    background-color: #2d4155!important;
    color: #02d8e9!important;
    border: none;
}

.dark-mode-aquablue .bg-white {
    background-color: #2d4155!important;
}

.dark-mode-aquablue a:not(.btn):hover {
    color: #02d8e9!important;
    background: #455462!important;
}

.dark-mode-aquablue .k-grid .k-pager-wrap {
    background-color: #2d4155!important;
    color: #02d8e9!important;
}

.dark-mode-aquablue .breadcrumb-triangle {
    border-left: solid 10px #455462!important;
}

.dark-mode-aquablue .breadcrumb-area > div:first-child {
    background-color: #2d4155!important;
}

.dark-mode-aquablue .pageName {
    background: #455462!important;
}

.dark-mode-aquablue .bg-gray-100 {
    background: #455462!important;
}

/* .dark-mode-aquablue .material-icons-outlined {
    color: #fff!important;
} */

.dark-mode-aquablue .k-multiselect-wrap {
    background: #2d4155!important;
}

.dark-mode-aquablue .k-content {
    background: #2d4155!important;
}

.dark-mode-aquablue .border-top, .dark-mode-aquablue .border {
    border: 1px solid #636363!important;
}

.dark-mode-aquablue .css__shadow-scroll {
    box-shadow: 0px 1px 10px #2d4155!important;
}

.dark-mode-aquablue  .card-list-container > .card-body {
    background: #455462!important;
}

.dark-mode-aquablue  .card-borderless-container > .card-body {
    background: #455462!important;
}

.dark-mode-aquablue .tab-pane .card-body {
    background: #2d4155!important;
}

.dark-mode-aquablue label {
    color: #02d8e9!important;
}

.dark-mode-aquablue .k-grouping-header {
    background: #2d4155!important;
}

.dark-mode-aquablue .card-footer {
    background: #2d4155!important;
}

.dark-mode-aquablue .navbar-white {
    background: #2d4155!important;
}

.dark-mode-aquablue .k-grid-norecords {
    background: #2d4155!important;
}

.dark-mode-aquablue .dropdown-toggle {
    background: #2d4155!important;				
}

.dark-mode-aquablue .css__kanban-column {
    background: #2e2926!important;
}

.dark-mode-aquablue .css__business-name {
    background: #2d4155!important;	
}

.dark-mode-aquablue.main-header.navbar .btn-group.btn-group-sm .btn {
    color: #02d8e9!important;
    background: #2d4155!important;
    border: 1px solid #636363!important;	
}

.dark-mode-aquablue .k-button {
    background: #2d4155!important;	
    color: #fff;
}
.dark-mode-aquablue .k-calendar th, .dark-mode-aquablue .k-calendar .k-footer .k-nav-today {
    background: #2d4155!important;
}

.dark-mode-aquablue.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
    background: #2d4155!important;	
    color: #02d8e9!important;
    border: 1px solid #636363!important;
}

.dark-mode-aquablue .oa-search-nav input {
    background: #2d4155!important;	
    color: #02d8e9!important;
    border: 1px solid #636363!important;
}

.dark-mode-aquablue .oa-search-nav input::placeholder {
    color: #02d8e9!important;
}

.dark-mode-aquablue .btn-link {
    color: #02d8e9!important;
}

.dark-mode-aquablue .css__aside-menu li:last-child .nav-link {
    background: #2d4155!important;	
    color: #02d8e9!important;
}

.dark-mode-aquablue .btn-group>.btn {
    color: #fff!important;
}

.dark-mode-aquablue .card .card {
    background: #2d4155!important;
    color: #02d8e9;
}

.dark-mode-aquablue .shade {
    background: none!important;
}

.dark-mode-aquablue .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: rgb(255 255 255 / 75%)!important;
}	

.dark-mode-aquablue .k-icon {
    color: #02d8e9!important;
}

.dark-mode-aquablue .k-pager-wrap .k-link {
    background: #2d4155!important;
}

.dark-mode-aquablue .k-state-hover {
    color: #02d8e9!important;
}

.dark-mode-aquablue .modal-content {
    background: #2d4155!important;	
}

.dark-mode-aquablue .card {
    background: #2d4155!important;	
}

.dark-mode-aquablue input, .dark-mode-aquablue textarea , .dark-mode-aquablue select {
    background: #2d4155!important;
    color: rgb(255 255 255 / 75%)!important;
    border: 1px solid #636363!important;
}

.dark-mode-aquablue .modal-header {
    border-bottom: 1px solid #636363!important;
}

.dark-mode-aquablue .modal-footer {
    border-top: 1px solid #636363!important;
}

.dark-mode-aquablue  .btn-primary {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
    box-shadow: none;
}

.dark-mode-aquablue .btn-success {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
    box-shadow: none;
}

.dark-mode-aquablue .btn-light {
    color: #fff!important;
}


.dark-mode-aquablue .btn-app, .dark-mode-aquablue .btn-default {
    background-color: #3a4047;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-aquablue .nav-tabs .nav-item.show .nav-link, .dark-mode-aquablue .nav-tabs .nav-link.active {
    background: #2d4155!important;
}

.dark-mode-aquablue .timeline>div>.timeline-item {
    background: #2d4155!important;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-aquablue .card ul.nav.nav-tabs .nav-item .nav-link {
    color: #02d8e9!important;
}

.dark-mode-aquablue .navbar-nav .nav-link {
    color: #02d8e9!important;
}

.dark-mode-aquablue .icon-menu .text-dark {
    color: #fff!important;
}

.dark-mode-aquablue .css__kanban-list {
    background: #455462!important;
}

.dark-mode-aquablue .css__kanban-title {
    color: #02d8e9!important;
}

.dark-mode-aquablue .card ul.nav.nav-tabs .nav-item .nav-link.active .tab-border, .dark-mode-aquablue .card ul.nav.nav-tabs .nav-item .nav-link:hover .tab-border {
    border-top: 0.3em solid #02d8e9!important;
    background: #02d8e9!important;
}

.dark-mode-aquablue .icon-menu {
    color: #fff;
}

.dark-mode-aquablue .css__overview-table {
    color: #02d8e9!important;
}

.dark-mode-aquablue  .k-gantt-toolbar .k-state-default, .dark-mode-aquablue  .k-grid .k-grouping-header, .dark-mode-aquablue .k-grid-header, .dark-mode-aquablue .k-grid-header-wrap, .dark-mode-aquablue .k-grouping-header .k-group-indicator, .dark-mode-aquablue .k-header, .dark-mode-aquablue .k-pager-wrap, .dark-mode-aquablue .k-pager-wrap .k-link, .dark-mode-aquablue .k-pager-wrap .k-textbox {
    border-color: #6c757d!important;
}

.dark-mode-aquablue .k-autocomplete.k-state-default, .dark-mode-aquablue .k-dropdown-wrap.k-state-default, .dark-mode-aquablue .k-multiselect.k-header, .dark-mode-aquablue .k-numeric-wrap.k-state-default, .dark-mode-aquablue .k-picker-wrap.k-state-default {
    box-shadow: none;
    border: none;
}

.dark-mode-aquablue .k-autocomplete.k-state-default .k-input, .dark-mode-aquablue .k-combobox .k-state-default .k-input, .dark-mode-aquablue .k-multiselect-wrap, .dark-mode-aquablue .k-numeric-wrap.k-state-default .k-input, .dark-mode-aquablue  .k-picker-wrap.k-state-default .k-input, .dark-mode-aquablue .k-progress-status-wrap, .dark-mode-aquablue .k-slider-selection, .dark-mode-aquablue .k-slider-track {
    border: none!important;
}

.dark-mode-aquablue .k-grid-header th.k-with-icon .k-link {
    color: #02d8e9!important;
}

.dark-mode-aquablue .bg-light>a {
    color: #fff!important;
}

.dark-mode-aquablue #analytics-tabs .dropdown {
    background: #2d4155!important;
    color: #fff;
}

.dark-mode-aquablue .border-bottom {
    border-color: #6c757d!important;
}

.dark-mode-aquablue .table td, .dark-mode-aquablue .table th {
    border-color: #6c757d!important;
}

.dark-mode-aquablue .reviewbox .projectdetailscontainer .reviewername span {
    background: #424243;
}

.dark-mode-aquablue .k-tabstrip .k-content.k-state-active {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode-aquablue .k-editor-toolbar .k-tool {
    background: #434343!important;
}

/* END DARK MODE PINK */









/* START DARK MODE GRAY */

.dark-mode-gray.content-wrapper {
    background-color: #595959!important;
    color: #cfcfcf!important;
}

.dark-mode-gray.navbar-light {
    color: #cfcfcf!important;
    background: #1a1a1a!important;
}

.dark-mode-gray.dropdown-menu {
    background: #1a1a1a!important;
}

.dark-mode-gray p{
    color: #cfcfcf!important;
}

.dark-mode-gray .card-header, .dark-mode-gray .card-body {
    background: #1a1a1a!important;
}

.dark-mode-gray  .custom-grid-container {
    background: #1a1a1a!important;
}

.dark-mode-gray .border {
    border: 1px solid #636363!important;
}

.dark-mode-gray .k-grid tr td, .dark-mode-gray .k-header, .dark-mode-gray .k-widget {
    border: 1px solid #636363!important;
    background-color: #1a1a1a!important;
    color: #cfcfcf!important;
}			

.dark-mode-gray .k-dropdown-wrap {
    background-color: #1a1a1a!important;
    color: #cfcfcf!important;
    border: none;
}

.dark-mode-gray .bg-white {
    background-color: #1a1a1a!important;
}

.dark-mode-gray a:not(.btn):hover {
    color: #cfcfcf!important;
    background: #595959!important;
}

.dark-mode-gray .k-grid .k-pager-wrap {
    background-color: #1a1a1a!important;
    color: #cfcfcf!important;
}

.dark-mode-gray .breadcrumb-triangle {
    border-left: solid 10px #595959!important;
}

.dark-mode-gray .breadcrumb-area > div:first-child {
    background-color: #1a1a1a!important;
}

.dark-mode-gray .pageName {
    background: #595959!important;
}

.dark-mode-gray .bg-gray-100 {
    background: #595959!important;
}

.dark-mode-gray .k-multiselect-wrap {
    background: #1a1a1a!important;
}

.dark-mode-gray .k-content {
    background: #1a1a1a!important;
}

.dark-mode-gray .border-top, .dark-mode-gray .border {
    border: 1px solid #636363!important;
}

.dark-mode-gray .css__shadow-scroll {
    box-shadow: 0px 1px 10px #1a1a1a!important;
}

.dark-mode-gray  .card-list-container > .card-body {
    background: #595959!important;
}

.dark-mode-gray  .card-borderless-container > .card-body {
    background: #595959!important;
}

.dark-mode-gray .tab-pane .card-body {
    background: #1a1a1a!important;
}

.dark-mode-gray label {
    color: #cfcfcf!important;
}

.dark-mode-gray .k-grouping-header {
    background: #1a1a1a!important;
}

.dark-mode-gray .card-footer {
    background: #1a1a1a!important;
}

.dark-mode-gray .navbar-white {
    background: #1a1a1a!important;
}

.dark-mode-gray .k-grid-norecords {
    background: #1a1a1a!important;
}

.dark-mode-gray .dropdown-toggle {
    background: #1a1a1a!important;				
}

.dark-mode-gray .css__kanban-column {
    background: #2e2926!important;
}

.dark-mode-gray .css__business-name {
    background: #1a1a1a!important;	
}

.dark-mode-gray.main-header.navbar .btn-group.btn-group-sm .btn {
    color: #cfcfcf!important;
    background: #1a1a1a!important;
    border: 1px solid #636363!important;	
}

.dark-mode-gray .k-button {
    background: #1a1a1a!important;	
    color: #fff;
}
.dark-mode-gray .k-calendar th, .dark-mode-gray .k-calendar .k-footer .k-nav-today {
    background: #1a1a1a!important;
}

.dark-mode-gray.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
    background: #1a1a1a!important;	
    color: #cfcfcf!important;
    border: 1px solid #636363!important;
}

.dark-mode-gray .oa-search-nav input {
    background: #1a1a1a!important;	
    color: #cfcfcf!important;
    border: 1px solid #636363!important;
}

.dark-mode-gray .oa-search-nav input::placeholder {
    color: #cfcfcf!important;
}

.dark-mode-gray .btn-link {
    color: #cfcfcf!important;
}

.dark-mode-gray .css__aside-menu li:last-child .nav-link {
    background: #1a1a1a!important;	
    color: #cfcfcf!important;
}

.dark-mode-gray .btn-group>.btn {
    color: #fff!important;
}

.dark-mode-gray .card .card {
    background: #1a1a1a!important;
    color: #cfcfcf;
}

.dark-mode-gray .shade {
    background: none!important;
}

.dark-mode-gray .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: rgb(255 255 255 / 75%)!important;
}	

.dark-mode-gray .k-icon {
    color: #cfcfcf!important;
}

.dark-mode-gray .k-pager-wrap .k-link {
    background: #1a1a1a!important;
}

.dark-mode-gray .k-state-hover {
    color: #cfcfcf!important;
}

.dark-mode-gray .modal-content {
    background: #1a1a1a!important;	
}

.dark-mode-gray .card {
    background: #1a1a1a!important;	
}

.dark-mode-gray input, .dark-mode-gray textarea , .dark-mode-gray select {
    background: #1a1a1a!important;
    color: rgb(255 255 255 / 75%)!important;
    border: 1px solid #636363!important;
}

.dark-mode-gray .modal-header {
    border-bottom: 1px solid #636363!important;
}

.dark-mode-gray .modal-footer {
    border-top: 1px solid #636363!important;
}

.dark-mode-gray  .btn-primary {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
    box-shadow: none;
}

.dark-mode-gray .btn-success {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
    box-shadow: none;
}

.dark-mode-gray .btn-light {
    color: #fff!important;
}


.dark-mode-gray .btn-app, .dark-mode-gray .btn-default {
    background-color: #3a4047;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-gray .nav-tabs .nav-item.show .nav-link, .dark-mode-gray .nav-tabs .nav-link.active {
    background: #1a1a1a!important;
}

.dark-mode-gray .timeline>div>.timeline-item {
    background: #1a1a1a!important;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-gray .card ul.nav.nav-tabs .nav-item .nav-link {
    color: #cfcfcf!important;
}

.dark-mode-gray .navbar-nav .nav-link {
    color: #cfcfcf!important;
}

.dark-mode-gray .icon-menu .text-dark {
    color: #fff!important;
}

.dark-mode-gray .css__kanban-list {
    background: #595959!important;
}

.dark-mode-gray .css__kanban-title {
    color: #cfcfcf!important;
}

.dark-mode-gray .card ul.nav.nav-tabs .nav-item .nav-link.active .tab-border, .dark-mode-gray .card ul.nav.nav-tabs .nav-item .nav-link:hover .tab-border {
    border-top: 0.3em solid #cfcfcf!important;
    background: #cfcfcf!important;
}

.dark-mode-gray .icon-menu {
    color: #fff;
}

.dark-mode-gray .css__overview-table {
    color: #cfcfcf!important;
}

.dark-mode-gray  .k-gantt-toolbar .k-state-default, .dark-mode-gray  .k-grid .k-grouping-header, .dark-mode-gray .k-grid-header, .dark-mode-gray .k-grid-header-wrap, .dark-mode-gray .k-grouping-header .k-group-indicator, .dark-mode-gray .k-header, .dark-mode-gray .k-pager-wrap, .dark-mode-gray .k-pager-wrap .k-link, .dark-mode-gray .k-pager-wrap .k-textbox {
    border-color: #6c757d!important;
}

.dark-mode-gray .k-autocomplete.k-state-default, .dark-mode-gray .k-dropdown-wrap.k-state-default, .dark-mode-gray .k-multiselect.k-header, .dark-mode-gray .k-numeric-wrap.k-state-default, .dark-mode-gray .k-picker-wrap.k-state-default {
    box-shadow: none;
    border: none;
}

.dark-mode-gray .k-autocomplete.k-state-default .k-input, .dark-mode-gray .k-combobox .k-state-default .k-input, .dark-mode-gray .k-multiselect-wrap, .dark-mode-gray .k-numeric-wrap.k-state-default .k-input, .dark-mode-gray  .k-picker-wrap.k-state-default .k-input, .dark-mode-gray .k-progress-status-wrap, .dark-mode-gray .k-slider-selection, .dark-mode-gray .k-slider-track {
    border: none!important;
}

.dark-mode-gray .k-grid-header th.k-with-icon .k-link {
    color: #cfcfcf!important;
}

.dark-mode-gray .bg-light>a {
    color: #fff!important;
}

.dark-mode-gray #analytics-tabs .dropdown {
    background: #1a1a1a!important;
    color: #fff;
}

.dark-mode-gray .border-bottom {
    border-color: #6c757d!important;
}

.dark-mode-gray .table td, .dark-mode-gray .table th {
    border-color: #6c757d!important;
}

.dark-mode-sepia .oa-card-default .oa-mostrecent-review .badge.bg-light.text-gray {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode-gray .reviewbox .projectdetailscontainer .reviewername span {
    background: #424243;
}

.dark-mode-gray .k-tabstrip .k-content.k-state-active {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode-gray .k-editor-toolbar .k-tool {
    background: #434343!important;
}
/* END DARK MODE GRAY */








/* START DARK MODE SEPIA */

.dark-mode-sepia.content-wrapper {
    background-color: #434343!important;
    color: #ffe0b5!important;
}

.dark-mode-sepia.navbar-light {
    color: #ffe0b5!important;
    background: #272523!important;
}

.dark-mode-sepia.dropdown-menu {
    background: #272523!important;
}

.dark-mode-sepia p{
    color: #ffe0b5!important;
}

.dark-mode-sepia .card-header, .dark-mode-sepia .card-body {
    background: #272523!important;
}

.dark-mode-sepia  .custom-grid-container {
    background: #272523!important;
}

.dark-mode-sepia .border {
    border: 1px solid #636363!important;
}

.dark-mode-sepia .k-grid tr td, .dark-mode-sepia .k-header, .dark-mode-sepia .k-widget {
    border: 1px solid #636363!important;
    background-color: #272523!important;
    color: #ffe0b5!important;
}			

.dark-mode-sepia .k-dropdown-wrap {
    background-color: #272523!important;
    color: #ffe0b5!important;
    border: none;
}

.dark-mode-sepia .bg-white {
    background-color: #272523!important;
}

.dark-mode-sepia a:not(.btn):hover {
    color: #ffe0b5!important;
    background: #434343!important;
}

.dark-mode-sepia .k-grid .k-pager-wrap {
    background-color: #272523!important;
    color: #ffe0b5!important;
}

.dark-mode-sepia .breadcrumb-triangle {
    border-left: solid 10px #434343!important;
}

.dark-mode-sepia .breadcrumb-area > div:first-child {
    background-color: #272523!important;
}

.dark-mode-sepia .pageName {
    background: #434343!important;
}

.dark-mode-sepia .bg-sepia-100 {
    background: #434343!important;
}

.dark-mode-sepia .k-multiselect-wrap {
    background: #272523!important;
}

.dark-mode-sepia .k-content {
    background: #272523!important;
}

.dark-mode-sepia .border-top, .dark-mode-sepia .border {
    border: 1px solid #636363!important;
}

.dark-mode-sepia .css__shadow-scroll {
    box-shadow: 0px 1px 10px #272523!important;
}

.dark-mode-sepia  .card-list-container > .card-body {
    background: #434343!important;
}

.dark-mode-sepia  .card-borderless-container > .card-body {
    background: #434343!important;
}

.dark-mode-sepia .tab-pane .card-body {
    background: #272523!important;
}

.dark-mode-sepia label {
    color: #ffe0b5!important;
}

.dark-mode-sepia .k-grouping-header {
    background: #272523!important;
}

.dark-mode-sepia .card-footer {
    background: #272523!important;
}

.dark-mode-sepia .navbar-white {
    background: #272523!important;
}

.dark-mode-sepia .k-grid-norecords {
    background: #272523!important;
}

.dark-mode-sepia .dropdown-toggle {
    background: #272523!important;				
}

.dark-mode-sepia .css__kanban-column {
    background: #2e2926!important;
}

.dark-mode-sepia .css__business-name {
    background: #272523!important;	
}

.dark-mode-sepia.main-header.navbar .btn-group.btn-group-sm .btn {
    color: #ffe0b5!important;
    background: #272523!important;
    border: 1px solid #636363!important;	
}

.dark-mode-sepia .k-button {
    background: #272523!important;	
    color: #fff;
}
.dark-mode-sepia .k-calendar th, .dark-mode-sepia .k-calendar .k-footer .k-nav-today {
    background: #272523!important;
}

.dark-mode-sepia.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
    background: #272523!important;	
    color: #ffe0b5!important;
    border: 1px solid #636363!important;
}

.dark-mode-sepia .oa-search-nav input {
    background: #272523!important;	
    color: #ffe0b5!important;
    border: 1px solid #636363!important;
}

.dark-mode-sepia .oa-search-nav input::placeholder {
    color: #ffe0b5!important;
}

.dark-mode-sepia .btn-link {
    color: #ffe0b5!important;
}

.dark-mode-sepia .css__aside-menu li:last-child .nav-link {
    background: #272523!important;	
    color: #ffe0b5!important;
}

.dark-mode-sepia .btn-group>.btn {
    color: #fff!important;
}

.dark-mode-sepia .card .card {
    background: #272523!important;
    color: #ffe0b5;
}

.dark-mode-sepia .shade {
    background: none!important;
}

.dark-mode-sepia .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: rgb(255 255 255 / 75%)!important;
}	

.dark-mode-sepia .k-icon {
    color: #ffe0b5!important;
}

.dark-mode-sepia .k-pager-wrap .k-link {
    background: #272523!important;
}

.dark-mode-sepia .k-state-hover {
    color: #ffe0b5!important;
}

.dark-mode-sepia .modal-content {
    background: #272523!important;	
}

.dark-mode-sepia .card {
    background: #272523!important;	
}

.dark-mode-sepia input, .dark-mode-sepia textarea , .dark-mode-sepia select {
    background: #272523!important;
    color: rgb(255 255 255 / 75%)!important;
    border: 1px solid #636363!important;
}

.dark-mode-sepia .modal-header {
    border-bottom: 1px solid #636363!important;
}

.dark-mode-sepia .modal-footer {
    border-top: 1px solid #636363!important;
}

.dark-mode-sepia  .btn-primary {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
    box-shadow: none;
}

.dark-mode-sepia .btn-success {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
    box-shadow: none;
}

.dark-mode-sepia .btn-light {
    color: #fff!important;
}


.dark-mode-sepia .btn-app, .dark-mode-sepia .btn-default {
    background-color: #3a4047;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-sepia .nav-tabs .nav-item.show .nav-link, .dark-mode-sepia .nav-tabs .nav-link.active {
    background: #272523!important;
}

.dark-mode-sepia .timeline>div>.timeline-item {
    background: #272523!important;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode-sepia .card ul.nav.nav-tabs .nav-item .nav-link {
    color: #ffe0b5!important;
}

.dark-mode-sepia .navbar-nav .nav-link {
    color: #ffe0b5!important;
}

.dark-mode-sepia .icon-menu .text-dark {
    color: #fff!important;
}

.dark-mode-sepia .css__kanban-list {
    background: #434343!important;
}

.dark-mode-sepia .css__kanban-title {
    color: #ffe0b5!important;
}

.dark-mode-sepia .card ul.nav.nav-tabs .nav-item .nav-link.active .tab-border, .dark-mode-sepia .card ul.nav.nav-tabs .nav-item .nav-link:hover .tab-border {
    border-top: 0.3em solid #ffe0b5!important;
    background: #ffe0b5!important;
}

.dark-mode-sepia .icon-menu {
    color: #fff;
}

.dark-mode-sepia .css__overview-table {
    color: #ffe0b5!important;
}

.dark-mode-sepia  .k-gantt-toolbar .k-state-default, .dark-mode-sepia  .k-grid .k-grouping-header, .dark-mode-sepia .k-grid-header, .dark-mode-sepia .k-grid-header-wrap, .dark-mode-sepia .k-grouping-header .k-group-indicator, .dark-mode-sepia .k-header, .dark-mode-sepia .k-pager-wrap, .dark-mode-sepia .k-pager-wrap .k-link, .dark-mode-sepia .k-pager-wrap .k-textbox {
    border-color: #6c757d!important;
}

.dark-mode-sepia .k-autocomplete.k-state-default, .dark-mode-sepia .k-dropdown-wrap.k-state-default, .dark-mode-sepia .k-multiselect.k-header, .dark-mode-sepia .k-numeric-wrap.k-state-default, .dark-mode-sepia .k-picker-wrap.k-state-default {
    box-shadow: none;
    border: none;
}

.dark-mode-sepia .k-autocomplete.k-state-default .k-input, .dark-mode-sepia .k-combobox .k-state-default .k-input, .dark-mode-sepia .k-multiselect-wrap, .dark-mode-sepia .k-numeric-wrap.k-state-default .k-input, .dark-mode-sepia  .k-picker-wrap.k-state-default .k-input, .dark-mode-sepia .k-progress-status-wrap, .dark-mode-sepia .k-slider-selection, .dark-mode-sepia .k-slider-track {
    border: none!important;
}

.dark-mode-sepia .k-grid-header th.k-with-icon .k-link {
    color: #ffe0b5!important;
}

.dark-mode-sepia .bg-light>a {
    color: #fff!important;
}

.dark-mode-sepia #analytics-tabs .dropdown {
    background: #272523!important;
    color: #fff;
}

.dark-mode-sepia .border-bottom {
    border-color: #6c757d!important;
}

.dark-mode-sepia .table td, .dark-mode-sepia .table th {
    border-color: #6c757d!important;
}

.dark-mode-sepia .oa-card-default .oa-mostrecent-review .badge.bg-light.text-gray {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode-sepia .reviewbox .projectdetailscontainer .reviewername span {
    background: #424243;
}

.dark-mode-sepia .k-tabstrip .k-content.k-state-active {
    color: rgb(255 255 255 / 75%)!important;
}

.dark-mode-sepia .k-editor-toolbar .k-tool {
    background: #434343!important;
}


/* END DARK MODE SEPIA */















/* START BRIGHT MODE BLUE */

.light-mode-blue.content-wrapper {
    color: #00427e!important;
}

.light-mode-blue.navbar-light {
    color: #00427e!important;
}

.light-mode-blue p{
    color: #00427e!important;
}

.light-mode-blue .k-grid tr td, .light-mode-blue .k-header, .light-mode-blue .k-widget {
    color: #00427e!important;
}			

.light-mode-blue .k-dropdown-wrap {
    color: #00427e!important;
    border: 1px solid #dddddd!important;
    border: none;
}


.light-mode-blue a:not(.btn):hover {
    color: #00427e!important;
}

.light-mode-blue .k-grid .k-pager-wrap {
    color: #00427e!important;
}

.light-mode-blue label {
    color: #00427e!important;
}

.light-mode-blue.main-header.navbar .btn-group.btn-group-sm .btn {
    color: #00427e!important;
}

.light-mode-blue.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
    color: #00427e!important;
}

.light-mode-blue .oa-search-nav input {
    color: #00427e!important;
}

.light-mode-blue .oa-search-nav input::placeholder {
    color: #00427e!important;
}

.light-mode-blue .btn-link {
    color: #00427e!important;
}

.light-mode-blue .css__aside-menu li:last-child .nav-link {
    color: #00427e!important;
}

.light-mode-blue .card .card {
    color: #00427e;
}

.light-mode-blue .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #5d5d5d!important;
}	

.light-mode-blue .k-icon {
    color: #00427e!important;
}

.light-mode-blue .k-state-hover {
    color: #00427e!important;
}

.light-mode-blue input, .light-mode-blue textarea , .light-mode-blue select {
    color: #5d5d5d;
}

.light-mode-blue .card ul.nav.nav-tabs .nav-item .nav-link {
    color: #00427e!important;
}

.light-mode-blue .navbar-nav .nav-link {
    color: #00427e!important;
}

.light-mode-blue .css__kanban-title {
    color: #00427e!important;
}

.light-mode-blue .card ul.nav.nav-tabs .nav-item .nav-link.active .tab-border, .light-mode-blue .card ul.nav.nav-tabs .nav-item .nav-link:hover .tab-border {
    border-top: 0.3em solid #00427e!important;
    background: #00427e!important;
}

.light-mode-blue .css__overview-table {
    color: #00427e!important;
}

.light-mode-blue  .k-gantt-toolbar .k-state-default, .light-mode-blue  .k-grid .k-grouping-header, .light-mode-blue .k-grid-header, .light-mode-blue .k-grid-header-wrap, .light-mode-blue .k-grouping-header .k-group-indicator, .light-mode-blue .k-header, .light-mode-blue .k-pager-wrap, .light-mode-blue .k-pager-wrap .k-link, .light-mode-blue .k-pager-wrap .k-textbox {
    border-color: #dddddd!important;
}

.light-mode-blue .k-autocomplete.k-state-default, .light-mode-blue .k-dropdown-wrap.k-state-default, .light-mode-blue .k-multiselect.k-header, .light-mode-blue .k-numeric-wrap.k-state-default, .light-mode-blue .k-picker-wrap.k-state-default {
    box-shadow: none;
}

.light-mode-blue .k-autocomplete.k-state-default .k-input, .light-mode-blue .k-combobox .k-state-default .k-input, .light-mode-blue .k-multiselect-wrap, .light-mode-blue .k-numeric-wrap.k-state-default .k-input, .light-mode-blue  .k-picker-wrap.k-state-default .k-input, .light-mode-blue .k-progress-status-wrap, .light-mode-blue .k-slider-selection, .light-mode-blue .k-slider-track {
    border: none!important;
}

.light-mode-blue .k-grid-header th.k-with-icon .k-link {
    color: #00427e!important;
}

.light-mode-blue #analytics-tabs .dropdown {
    color: #00427e!important;
}


/* END bright MODE blue */





/* toggle button  */
.input-toggle {
    display : none;
}
.label-toggle {
    position: relative;
    cursor: pointer;
    display :block;
    width: 30px;
    height: 15px;
    background: #cccccc;
    border-radius: 50px;
    transition: 300ms linear;
    margin-bottom: 0px;
}

.label-toggle:before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border-radius: 50%;
    transition: left 300ms linear;
}

.input-toggle:checked + .label-toggle {
    background: #000000;
}

.input-toggle:checked + .label-toggle:before {
    left: 15px;
}

/* end button  */

.form-group .col-sm-2 {
    min-width: 150px;
}

.form-group .col-sm-4 {
    min-width: 300px;
}


/* end button  */

.lg-size {
    max-width: 1600px;
    width: 100%;
}

.br-10 {
    border-radius: 10px!important;
}

.br-20 {
    border-radius: 20px;
}

/* #people-adviser-dashboard, #module-people-adviser {
    font-family: 'Poppins', sans-serif;
} */

#people-adviser-dashboard table {
    color: #828282;
}


.form-group .col-sm-4.col-form-label {
    min-width: auto;
}



.k-multiselect .k-button {
    background-color: #3186f0;
}


.modal-xxl {
    max-width: 100%;
    margin: 0;
    height: 100%;
}

.modal-xxl .modal-content {
    min-height: 100%;
    border-radius: 0;
}

.grid-title {
    font: 16px Arial, Helvetica, sans-serif;
    color: #4c5356;
    text-align: center;
}

.btn.btn-xs.btn-primary.k-grid-edit i.fa-spinner {
    display: none; /* Hide spinner icon by default */
}

.btn.btn-xs.btn-primary.k-grid-edit.loading i.fa {
    display: none; /* Hide all icons when loading */
}

.btn.btn-xs.btn-primary.k-grid-edit.loading i.fa-spinner {
    display: block; /* Show spinner icon when loading */
}

.skeleton-loader {
    /* Additional styling as needed */
}

.skeleton-text {
    background-color: #ddd;
    margin: 5px 0;
    border-radius: 4px;
}

/* Animation for skeleton loading effect */
@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.skeleton-text {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background-image: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 1000px 104px;
    position: relative;
}

/* Animation for psychedelic skeleton loading effect Uncomment at your own Risk */
/* 
.skeleton-text {
    background-color: #ddd;
    margin: 5px 0;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.skeleton-text::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(
      90deg,
      rgba(255, 0, 0, 0) 0,
      rgba(255, 0, 0, 0.8) 20%,
      rgba(0, 255, 0, 0.8) 40%,
      rgba(0, 0, 255, 0.8) 60%,
      rgba(255, 0, 255, 0.8) 80%,
      rgba(255, 0, 0, 0) 100%
    );
    background-size: 200% 100%;
    animation: placeholderShimmer 1.5s linear infinite;
}

.skeleton-text {
    background: linear-gradient(to right, #f6f7f8 8%, #ddd 18%, #f6f7f8 33%);
    background-size: 1000px 104px;
} 
*/

.skeleton-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.skeleton-footer>* {
    margin: .25rem
}

.dashboard-loading {
    opacity: 0.4;
}

.home-notification-view p {
    margin-bottom: 0;
}

.text-truncate p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hover-row:hover {
    background-color: #f8f9fa; /* This is equivalent to Bootstrap's bg-light */
}

/* Reg Update */
.dropdown-item .reg-update-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to display */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em; /* Adjust based on the number of lines */
    white-space: normal; /* Allows text to wrap */
}