/* ===== Body styles ===================================================================================================== */
body{
	font-family:"Roboto", Arial, sans-serif;
	font-size:1.1em;
	margin:0px;
}

/* ===== Banner styles =================================================================================================== */
#banner .wrapper{
	background-color:#FFFF00;
	border-color:#000000;
	font-weight:bold;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
}

#banner .wrapper:empty{
	display:none;
}

/* ===== Impersonate styles =================================================================================================== */
#impersonate{
	background-color:black;
	text-align:center;
}

#impersonate a,
#impersonate a:hover,
#impersonate a:visited{
	color:white;
}

/* ===== Header styles =================================================================================================== */
#header{
	background-color:#000000;
}

#header .wrapper{
	margin:0 auto;
	max-width:1200px;
	padding-top:5px;
	padding-bottom:5px;
}

#header a img{
	max-width:100%;
	vertical-align:middle;
}

/* ===== Menu styles ===================================================================================================== */
#menu{
	background-color:#000000;
	font-family:"Roboto Condensed", Arial, sans-serif;
	font-weight:bold;
	font-size:1.1em;
}

#menu,
#menu a,
#menu ul{
	border-color:#000000;
}

#menu a{
	color:#FFFFFF;
}

#menu .wrapper > ul > li > a{
	text-transform:uppercase;
}

#menu li li a{
	background-color:#EF462F;
}

#menu ul > li:hover > a{
	background-color:#EF462F;
	color:#FFFFFF;
}

@media (min-width:1024px){
	#menu{
		border-style:solid;
		line-height:2em;
		text-align:center;
		white-space:nowrap;
	}

	#menu .hamburger{
		display:none;
	}

	#menu ul{
		border-style:solid;
		display:table;
		height:2em;
		list-style:none;
		margin:0 auto;
		padding:0px;
	}

	#menu ul > li > a {
		border-style:solid;
		display:block;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		width:10em;
	}

	#menu ul > li:hover > a{
		font-style:italic;
	}

	#menu ul > li > ul{
		border-width:0px;
		box-shadow:2px 2px 4px #666666; 
		width:10em;
	}

	#menu ul > li ul > li > a{
		border-style:solid;
		border-width:1px 2px 1px 2px;
		width:10em;
	}

	#menu ul > li ul > li:first-child > a{
		border-top-width:2px;
	}

	#menu ul > li ul > li:last-child > a{
		border-bottom-width:2px;
	}

	/* Horizontal/drop-down menu */
	#menu{
		border-width:2px 0px 2px 0px;
		height:2em;
		width:100%;
	}
	#menu ul{
		border-width:0px 1px 0px 1px;
	}
	#menu ul li{
		float:left;
		position:relative;
	}
	#menu ul > li > a {
		border-width:0px 1px 0px 1px;
	}
	#menu ul > li > ul{
		display:none;
		left:-1px;
		position:absolute;
		top:2em;
	}
	#menu ul > li:hover > ul{
		display:table;
	}
	#menu ul > li > ul ul{
		left:calc(10em + 2px);
		position:absolute;
		top:-1px;
	}
	
	/* Vertical/slide-out menu */
	/*#menu{
		border-width:0px;
		width:10em;
	}
	#menu ul{
		border-width:1px 2px 1px 0px;
	}
	#menu ul li{
		position:relative;
	}
	#menu ul > li > a {
		border-width:1px 0px 1px 0px;
	}
	#menu ul > li > ul{
		display:none;
		left:10em;
		position:absolute;
		top:-1px;
	}
	#menu ul > li:hover > ul{
		display:table;
	}
	#menu ul > li > ul ul{
		left:calc(10em + 2px);
		position:absolute;
		top:-1px;
	}*/
}

@media (max-width:1023px){
	#menu{
		border-style:solid;
		border-width:1px 0px 1px 0px;
		font-size:1.1em;
	}

	#menu .hamburger div{
		background-color:white;
		border-radius:4px;
		width:50px;
		height:8px;
		margin:5px auto;
		padding:0px;
	}

	#menu ul{
		list-style:none;
		padding:0px;
		margin:0px;
	}

	#menu > div > ul{
		display:none;
	}

	#menu a{
		border-style:solid;
		border-width:1px 0px 0px 0px;
		display:block;
		font-weight:bold;
		height:2em;
		line-height:2em;
		padding-left:1em;
		text-decoration:none;
	}

	#menu li li a{
		padding-left:2em;
	}

	#menu li li li a{
		padding-left:4em;
	}

	#menu li li li li a{
		padding-left:6em;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Title styles */
#title{
	margin:0.5em 10px 1em 10px;
}

#title h1{
	border-color:#000000;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	font-size:1.25em;
	margin:0 auto;
	max-width:1200px;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Content styles */
#content{
	margin:0px 10px 0px 10px;
	text-align:center;
}

#content ol,
#content ul{
	margin:0em auto 1em auto;
	text-align:left;
	max-width:1200px;
}

#content ul ul,
#content ol ol{
	display:block;
	margin-bottom:0px;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Input styles */
input,
select,
textarea,
.input-file,
.input-group{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=time],
select,
textarea,
.input-file,
.input-group{
	background-color:#f9f7f9;
	border-color:#4D4D4D;
	border-radius:4px;
	border-style:solid;
	border-width:1px;
	font-family:inherit;
	font-size:inherit;
	padding:6px;
}

input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=time]:hover,
input[type=time]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus,
.input-file:hover,
.input-group:hover{
	outline:none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{

}

input[readonly],
input[readonly]:focus,
input:disabled,
select:disabled,
textarea:disabled{
	background-color:#E6E6E6 !important;
	color:#4D4D4D !important;
}

input[type=submit],
input[type=button],
input[type=reset],
button{
	background-color:#EF462F;
	border-style:none;
	border-radius:2px;
	box-shadow:0px 0px 10px #999999;
	color:#FFFFFF;
	font-family:inherit;
	font-size:inherit;
	height:2em;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover{
	box-shadow:0px 0px 10px #333333;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Form styles */
.form{
	margin:1em auto;
	max-width:600px;
	width:100%;
}

.form .label{
	padding-bottom:2px;
	text-align:left;
}

.form .label{
	font-weight:bold;
}

.form .label .instructions{
	font-weight:normal;
	padding-left:0.5em;
}

.form .label .instructions::before{
	content:"\2013";
	padding-right:0.5em;
}

.form .label .instructions:empty{
	display:none;
}

.form .input{
	margin-bottom:1em;
	text-align:left;
}

.form input[type=text],
.form input[type=password],
.form input[type=number],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=time],
.form select,
.form textarea,
.form .input-file,
.form .input-group{
	width:100%;
}

.form .input-group{
	white-space:nowrap;
	overflow-x:hidden;
}

.form .input-group input[type=text]{
	background-color:#FFFFFF;
}

.form .input-group .quick-select{
	padding-bottom:4px;
	text-align:center;
}

.form .input-group .quick-select a{
	color:#0000EE;
	text-decoration:underline;
}

.form .input-file-current,
.form .input-file-remove{
	display:block;
	font-size:0.9em;
	font-style:italic;
	padding-top:3px;
}

.form .input-file-remove{
	direction:rtl;
}

.form .input-file-remove input{
	margin:0px;
	vertical-align:bottom;
}

.form.children{
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.children-add{
	padding:0.5em !important;
}

.form.children > .inputs1 > .inputs2:last-child{
	margin-top:-1em;
}

.form.children > .inputs1 > .inputs2:last-child .input{
	text-align:right;
}

.form.children.deleted label,
.form.children.deleted input{
	color:#FF0000;
}

.form .buttons .primary{
	font-weight:bold;
}

.form .form,
.form .form .form,
.form .form .form .form,
.form .form .form .form .form{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:1em;
}

.form .form{
	background-color:#E5E5E5;
}

.form .form .form{
	background-color:#BDDFFF;
}

.form .form .inputs2:last-child .input{
	margin-bottom:0px;
}

.required{
	color:#FF0000;
	font-style:italic;
	margin-bottom:1em;
}

@media (min-width:1024px){
	.form .input-group{
		max-height:200px;
		overflow-y:scroll;
	}

	.form .buttons input{
		margin-left:0.25em;
		margin-right:0.25em;
		min-width:7em;
	}
}

@media (max-width:1023px){
	.form .buttons input{
		margin-bottom:1em;
		width:100%;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Form multiple styles */
.form-multiple{
	max-width:none;
	width:auto;
}

.form-multiple .wrapper{
	overflow-x:auto;
}

.form-multiple .buttons{
	margin-top:1em;
}

.form-multiple .buttons .primary{
	font-weight:bold;
}

.form-multiple table{
	border-collapse:collapse;
	margin:auto auto;
	white-space:nowrap;
}

.form-multiple table > tbody > tr > th,
.form-multiple table > tbody > tr > td{
	border-color:#BFBFBF;
	border-style:solid;
	border-width:1px;
}

.form-multiple table > tbody > tr > td{
	padding:0px;
	margin:0px;
	text-align:left;
	vertical-align:middle;
}

.form-multiple table > tbody > tr > th{
	background-color:#4D4D4D;
	border-color:#4D4D4D;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}

.form-multiple table > tbody > tr:first-child > th{
	border-top-color:#4D4D4D;
}

.form-multiple table > tbody > tr:last-child > th{
	border-bottom-color:#4D4D4D;
}

.form-multiple table > tbody > tr > th:first-child,
.form-multiple table > tbody > tr > td:first-child{
	border-left-color:#4D4D4D;
}

.form-multiple table > tbody > tr > th:last-child,
.form-multiple table > tbody > tr > td:last-child{
	border-right-color:#4D4D4D;
}

.form-multiple table > tbody > tr td > input,
.form-multiple table > tbody > tr td > select,
.form-multiple table > tbody > tr td > .input-file,
.form-multiple table > tbody > tr td > .input-group{
	background-color:#FFFFFF;
	border-radius:0px;
	border-width:0px;
	padding:2px;
	height:1.5em;
	min-width:8em;
}

.form-multiple table > tbody > tr td > select{
	width:100%;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Form bulk styles */
.form-bulk .update{
	margin-bottom:0px;
}

.form-bulk .buttons .primary{
	font-weight:bold;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Search filter styles */
.search-filters{
	border-style:groove;
	border-width:2px;
	margin-bottom:1em;
	text-align:left;
}

.search-filters legend{
	font-weight:bold;
}

.search-buttons .primary{
	font-weight:bold;
}

.search-filters,
.search-buttons{
	border-color:#4D4D4D;
}

.search-add-button{
	margin-top:-0.5em;
	margin-bottom:0.5em;
}

.search-add-button input{
	font-weight:bold;
}

@media (min-width:1024px){
	.search-filters{
		display:inline-block;
	}

	.search-filters1.columns-1{
		column-count:1;
	}

	.search-filters1.columns-2{
		column-count:2;
	}

	.search-filters1.columns-3{
		column-count:3;
	}

	.search-filters1.columns-4{
		column-count:4;
	}

	.search-filters3{
		display:table;
	}

	.search-filters4{
		display:table-row;
	}

	.search-filters5{
		display:table-cell;
		padding:1px;
		vertical-align:middle;
	}

	.search-filters label{
		padding-left:0.5em;
		padding-right:0.5em;
	}

	.search-filters5:first-child label{
		padding-left:0px;
	}

	.search-filters label,
	.search-filters .operator,
	.search-filters input.value,
	.search-filters select.value{
		height:2em;
	}

	.search-filters label{
		line-height:2em;
	}

	.search-filters .operator{
		width:3em;
	}

	.search-filters input.value,
	.search-filters select.value{
		width:18em;
	}
	
	.search-filters input.value.search-date{
		width:9em;
	}

	.search-buttons{
		border-style:solid;
		border-width:1px 0px 0px 0px;
		margin-top:0.5em;
		padding-top:0.5em;
		text-align:right;
	}

	.search-buttons input{
		margin-left:0.5em;
		width:5em;
	}

	.search-add-button input{
		padding-left:1em;
		padding-right:1em;
	}
}

@media (max-width:1023px){
	.search-filters label{
		font-weight:bold;
	}

	.search-filters input.value,
	.search-filters select.value,
	.search-filters select.operator,
	.search-buttons input{
		width:100%;
	}

	.search-filters select.operator{
		margin-bottom:2px;
	}

	.search-filters input.value,
	.search-filters select.value,
	.search-buttons input{
		margin-bottom:1em;
	}

	.search-buttons input:last-child{
		margin-bottom:0px;
	}

	.search-add-button input{
		width:100%;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Search result styles */
.search-results{
	text-align:left;
	white-space:pre-wrap;
}

.search-results a{
	text-decoration:none;
}

.search-results-header{
	background-color:#4D4D4D !important;
	border-color:#4D4D4D;
	color:#FFFFFF;
}

.search-results-header a{
	color:inherit;
}

.search-results1{
	border-color:#4D4D4D;
	margin-bottom:1em;
}

.search-results2:nth-child(even){
	background-color:#FFFFFF;
}

.search-results2:nth-child(odd){
	background-color:#E5E5E5;
}

.search-results2:hover{
	
}

.search-results3{
	border-color:#BFBFBF;
}

.search-results2:first-child .search-results3{
	border-top-color:#4D4D4D;
}

.search-results2:last-child .search-results3{
	border-bottom-color:#4D4D4D;
}

.search-results3:first-child{
	border-left-color:#4D4D4D;
}

.search-results3:last-child{
	border-right-color:#4D4D4D;
}

.search-with-selected{
	margin-top:-1em;
}

@media (min-width:1024px){
	.search-results-label,
	.search-sort-alternate{
		display:none;
	}

	.search-results{
		display:table;
		margin:0 auto;
	}

	.search-results-header .sort-current{
		text-decoration:underline;
	}

	.search-results1{
		border-collapse:collapse;
		display:table;
	}

	.search-results2{
		display:table-row;
	}

	.search-results3{
		border-style:solid;
		border-width:1px;	
		display:table-cell;
		padding:2px 0.5em 2px 0.5em;
	}

	.search-results-header{
		font-weight:bold;
		white-space:nowrap;
	}

	.search-results select{
		padding:1px;
	}
	
	.search-results3.type-text .search-results-value{
		max-width:400px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	.search-results3.type-datetime{
		white-space:nowrap;
	}

	.search-with-selected{
		margin-bottom:1em;
		padding-top:0.5em;
		text-align:left;
	}
}

@media (max-width:1023px){
	.search-results-header,
	.search-results-checkbox,
	.search-with-selected{
		display:none !important;
	}

	.search-results{
		margin-bottom:1em;
	}

	.search-results1{
		border-width:1em 0px 1em 0px;
		border-style:solid;
	}

	.search-results select{
		width:100%;
	}

	.search-sort-alternate{
		margin-bottom:1em;
	}

	.search-results2{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		display:table;
		padding:4px;
		width:100%;
	}

	.search-results3{
		display:table-row;
	}

	.search-results-label,
	.search-results-value{
		display:table-cell;
	}

	.search-results-label{
		font-weight:bold;
		padding-right:1em;
		width:1%;
	}

	.search-results3 select{
		padding:1px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Details styles */
.details1{
	display:table;
	margin:auto auto;
	margin-top:1em;
	margin-bottom:1em;
}

.details2{
	display:table-row;
	text-align:left;
	vertical-align:top;
}

.details3{
	display:table-cell;
}

.details3.label{
	font-style:italic;
	padding-right:1em;
	padding-left:5em;
}

.details2.depth-5 .details3.label{
	padding-left:5em;
}

.details2.depth-4 .details3.label{
	padding-left:4em;
}

.details2.depth-3 .details3.label{
	padding-left:3em;
}

.details2.depth-2 .details3.label{
	padding-left:2em;
}

.details2.depth-1 .details3.label{
	padding-left:1em;
}

.details2.depth-0 .details3.label{
	padding-left:0px;
}

.details2.depth-0 .details3.label{
	font-style:normal;
	font-weight:bold;
}

.details3.value{
	white-space:pre-wrap;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Message styles */
#messages .success,
#messages .warning,
#messages .error{
	display:table;
	margin:0 auto;
	margin-top:1px;
	margin-bottom:1em;
	padding: 8px 8px 8px 8px;
	text-align:left;
	white-space:pre-wrap;
}

#messages .success{
	background-color:#CCFFCC;
	color:#004000;
}

#messages .warning{
	background-color:#FFFFBF;
	color:#000000;
}

#messages .error{
	background-color:#FFCCCC;
	color:#600000;
}

#messages .success span::before,
#messages .warning span::before,
#messages .error span::before{
	font-size:1.25em;
}

#messages .success span::before{
	content:"\2714  ";
}

#messages .warning span::before,
#messages .error span::before{
	content:"\26A0  ";
	font-weight:bold;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Footer styles */
#footer{
	background-color:#f9f7f9;
	border-color:#e6e4e6;
	border-style:solid;
	border-width:2px 0px 0px 0px;
	box-shadow:0px 500px 0px 500px #f9f7f9;
	color:#000000;
	line-height:2em;
	text-align:center;
}

#footer a{
	color:inherit;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Progress styles */
#progress-background{
	background-color:#FFFFFF;
	height:100vh;
	left:0px;
	opacity:0.7;
	position:fixed;
	top:0px;
	width:100vw;
	z-index:100;
}

#progress .wrapper{
	cursor:wait;
	font-size:1.5em;
	font-weight:bold;
	height:100vh;
	left:0px;
	line-height:100vh;
	position:fixed;
	text-align:center;
	top:0px;
	width:100vw;
	z-index:101;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Exception styles */
#exception{
	display:table;
	margin:0 auto;
	text-align:left;
	white-space:pre;
}

#exception .class-name{
	font-weight:bold;
	margin-top:0px;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Miscelleneous styles */
.footnote{
	font-size:0.9em;
	font-style:italic;
	margin-bottom:1rem;
}

a:not([href]){
	cursor:pointer;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Printing styles */
@media print{
	#banner,
	#header,
	#menu,
	#footer,
	a.back-to-search,
	.call-review-send-button,
	.call-review-archive-button,
	.call-review-export-link{
		display:none;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Login styles */
body.action-Login .form{
	max-width:300px;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Forgot Username and Password styles */
body.action-ForgotUsername .form,
body.action-ForgotPassword .form{
	max-width:300px;
}

body.action-ForgotUsername .required,
body.action-ForgotPassword .required,
body.action-ForgotUsername .instructions,
body.action-ForgotPassword .instructions{
	display:none;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* PHP Editor styles */
body.action-PHPEditor .form{
	max-width:100%;
}

body.action-PHPEditor textarea{
	font-family:courier;
	height:15em;
	max-width:100%;
	width:60em;
}

body.action-PHPEditor .results{
	font-family:courier;
	margin:1em auto;
	max-width:100%;
	width:60em;
	text-align:left;
}

@media (min-width:1024px){
	body.action-PHPEditor input[type=submit]{
		margin-top:1em;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* About styles */
body.action-About p.version{
	font-weight:bold;
	margin-bottom:1em;
}

body.action-About p.date{
	margin-bottom:1em;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* SiteMap styles */
body.action-SiteMap #content a{
	line-height:1.25em;
}

body.action-SiteMap #content div > ul{
	display:table;
	margin:0px auto 1em auto;
}

body.action-SiteMap #content div ul{
	width:unset;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Call Review styles */
body.action-Review.entity-GongCall .details1{
	width:1200px;
	max-width:100%;
}

body.action-Review.entity-GongCall .details3{
	padding-bottom:2px;
}

body.action-Review.entity-GongCall .details3.label{
	width:6em;
	vertical-align:top;
}

body.action-Review.entity-GongCall .details4-party-box{
	background-color:#F2F2F2;
	border:solid 1px black;
	border-radius:4px;
	box-shadow:2px 2px 5px 0px #000000;
	display:inline-block;
	margin-right:1em;
	margin-bottom:1em;
	padding:4px;
	width:18em;
	height:6em;
	vertical-align:top;
}

body.action-Review.entity-GongCall .transcript1{
	display:table;
}

body.action-Review.entity-GongCall .transcript2{
	display:table-row;
}

body.action-Review.entity-GongCall .transcript3{
	display:table-cell;
}

body.action-Review.entity-GongCall .transcript3.time_name{
	font-weight:bold;
	padding-right:1em;
	white-space:nowrap;
}

.call-review-send-button,
.call-review-archive-button{
	font-size:1.25em !important;
	font-weight:bold;
	position:fixed;
	right:10px;
	width:8rem;
}

.call-review-send-button{
	bottom:9.5rem;
}

.call-review-archive-button{
	bottom:6rem;
}

.call-review-export-link{
	bottom:4rem;
	position:fixed;
	right:10px;
	width:8rem;
	text-align:center;
}

.call-review-back-link{
	bottom:2rem;
	position:fixed;
	right:10px;
	width:8rem;
	text-align:center;
}