/* ============================== */
/* Skin Fixes (DNNGo.Net Obvio)   */
/* ============================== */

/* Required Fields Label/Identifier */
.required label:after
{
    display: inline-block;
    margin-top: 0px !Important;
    margin-left: 0px !Important;
    padding: 0px !Important;
    border: none !Important;
    border-radius: 0px !Important;
    -webkit-border-radius: 0px !Important;
    background: transparent !Important;
    content: '' !important;
}

label.form-label.required:after
{
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,0.03);
    content: 'Required';
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777;
}

/* Required - Left Red Boarder For Controls */
/*
	input.dcwFormRequired,
	input:focus.dcwFormRequired,
	textarea.dcwFormRequired,
	select.dcwFormRequired,
	div.dcwFormRequired
	{
		border-left: 5px #F00 solid !important;
	}
*/

/* ESB - Button FontAwesome Styling */
.fa-action-form
{	
    margin-top: 5px !important;
    margin-right: 5px !important;
}

/* ESB - Button Align w/ Dropbox */
.ESBAlighWithDropbox
{
    margin-top: 40px;
}

/* ESB - Grid Styles - Align To Top */
.ESBAlignGridToTop td
{
    vertical-align: top !important;
}

/* ESB - Grid Styles - Hide Objects */
.ESBHideSelectColumn .select-column
{
    display: none;
}

/* ESB - Grid Style - Sticky Header */
.sticky-top .body-container .listing-container {
    border: 1px solid lightgrey;
    border-radius: 8px;
    padding: 8px;
}

.sticky-top-300 .body-container .listing-container {
    height: 360px;
}

.sticky-top-300 .body-container .data-container {
    height: 300px;
    overflow: scroll;
}

.sticky-top-400 .body-container .listing-container {
    height: 460px;
}

.sticky-top-400 .body-container .data-container {
    height: 400px;
    overflow: scroll;
}

.sticky-top-500 .body-container .listing-container {
    height: 560px;
}

.sticky-top-500 .body-container .data-container {
    height: 500px;
    overflow: scroll;
}

.sticky-top-600 .body-container .listing-container {
    height: 660px;
}

.sticky-top-600 .body-container .data-container {
    height: 600px;
    overflow: scroll;
}

thead.sticky-top {
    background-color: white;
}

.ESBHideBorder .listing-container
{
    border: 0px !important;
}

.ESBHideHeader .listing-container .sticky-top
{
    display: none !important;
}

.ESBHideFooter .footer
{
    display: none !important;
}

.ESBHideFooter .listing-container
{
    border-bottom: 0px !important;
}

.ESBHideHeaderAndFooter .listing-container
{
    border: 0px !important;
}

.ESBHideHeaderAndFooter .listing-container .sticky-top
{
    display: none !important;
}

.ESBHideHeaderAndFooter .footer
{
    display: none !important;
}

.ESBCompactRows .table td
{
	padding: 0px 8px !important;
}

/* ESB - Custom DashCard - Version 1.0 */
.ESB-DashCard-Title {font-size: 13px;}
.ESB-DashCard-Number {font-size: 24px;}
.ESB-DashCard-SubTitle {font-size: 9.6px;}
.ESB-DashCard-Container
{
    color: White;
    width: 200px;
    max-height: 100px;
    display: inline-flex;
}
.ESB-DashCard-IconBox
{
    min-width: 100px;
    min-height: 100px;
    font-size: 50px;
    line-height: 100px;
    background-color: rgb(0, 0, 0, .12);
    text-align: center;
    display: inline-block;
}
.ESB-DashCard-Content
{
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 7px 10px;
    display: inline-block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
}

/* ESB - Grid Style - Office Hours */
.ESBOfficeHoursTable
{
	background-color: #fff;
}

.ESBOfficeHoursTable th, td
{
	font-weight: unset;
	padding-left: 10px;
    padding-right: 10px;
}

.ESBOfficeHoursTable.v1 th
{
	/* font-family: Lato-Bold; */
	/* font-size: 18px; */
	color: #fff;
	/* line-height: 1.4; */
	
	background-color: #6c7ae0;
}

.ESBOfficeHoursTable.v1 td {
	/* font-family: Lato-Regular; */
	/* font-size: 15px; */
	color: #808080;
	/* line-height: 1.4; */
}

.ESBOfficeHoursTable.v1 tr:nth-child(even)
{
	background-color: #f8f6ff;
}

.ESBOfficeHoursTable.v1
{
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}

/* ============================== */
/* PaA Fixes                      */
/* ============================== */

/* General - Gray Out Readonly Controls */
input.form-control[readonly="readonly"]
{
	background-color: #D3D3D3;
    cursor: not-allowed;
}

/* ActionGrid Header Z-Index To Be Under MegaMenu */
.sticky-top {
    z-index: 500;
}

/* ActionGrid - BS5 - Fix For Alternate Alignment Column Options */
.cdk-drop-list td.text-center > span,
.cdk-drop-list td.text-right > span
{
    display: inline-block !important;
}

/* ActionGrid - BS5 - Button Heights */
.grid-container .btn,
ul.dropdown-menu.show button.dropdown-item
{
    line-height: normal !important;
}

/* ActionForm - BS5 - Newline After Labels For RadioBoxes */
.label-align-top div.multiple-choice-radio > label
{
    display: block;
}

/* ActionForm - BS5 - Full Width For ButtonGroups */
.field-container.af-button-group
{
	max-width: none !important;
}

/* ActionForm - BS5 - Adjust Button Sizes To Be Smaller */
.btn.form-button
{
	padding: revert !important;
}