/* Theme:custom; /*{THEME}*/
/* Base:Pacific; /*{BASE}*/
*
{
	font-family:Open Sans;  /*{FONTFAMILY}*/
	color:#FFFFFF; /*{COLOR}*/
}

body
{
	background-color:#1D1D1D;	/*{BGCOLOR}*/
	color:#FFFFFF; /*{COLOR}*/
}

#MessageWaiting
{
	background-color: transparent;
}

input[type="button"].scroll_middle:hover
{
	background-color: #CCCCCC;
}

input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled,
input[type="text"][disabled], input[type="password"][disabled]
{
	background-color: #1D1D1D;
	border-color: transparent;
}

input[type="button"]:disabled, input[type="button"]:disabled:hover,
input[type="button"][disabled], input[type="button"][disabled]:hover
{
	background-color: #3E454C;
	border-color: #B52735;
	color: #1D1D1D;
}

input.btn, a.btn, .btn-primary, .btn-primary.blu, .btn-primary.bluhover:hover, .btn-primary.bluhover:focus
{
	background-color:#B52735; /*{BTNBGCOLOR}*/
	color:#FFFFFF; /*{BTNTEXTCOLOR}*/
	border-color:Transparent; /*{BTNBORDERCOLOR}*/
}

input.btn:hover, a.btn:hover
{
	background-color:#E8DE2A; /*{BTNBGHCOLOR}*/
	color:#1D1D1D;  /*{BTNTEXTHCOLOR}*/
	border-color:Transparent; /*{BTNBORDERHCOLOR}*/
}

.narrative {
	height: 425px !important;
}

a, span.transformation-menulink, span.menulink_wrapper
{
	color: #E8DE2A;
}

a:hover
{
	border-color: #E8DE2A;
	color: #E8DE2A;
}

a:active
{
	color: #E8DE2A;
}

.srq_body
{
	background-color: #ffffff;
	border-color:  #A8A788;
}

.navbar
{
	background-color:#3E454C; /*{HEADERBGCOLOR}*/
	min-height:50px; /*{LOGOHEIGHT:NavBarMinHeight}*/
}

.navbar h1
{
	background-color:Transparent; /*{TITLEBGCOLOR}*/
	color:#FFFFFF; /*{TITLETEXTCOLOR}*/
}

.navbar-header
{
	text-align:inherit; /*{LOGOALIGNEMENT:NavBarHeaderTextAlign}*/
}

.ErrorState
{
	background-color: #FF9494 !important;
}

.FunctionKeyToggleIcon
{
	background-color: #f5f5f5;
	border-color: #CED6E3;
	opacity: 0.5;
}

.main,
body.FunctionKeysLeft div#fnckeys,
body.FunctionKeysLeft.ToggleFunctionKeys div#fnckeys,
body.FunctionKeysRight div#fnckeys,
body.FunctionKeysRight.ToggleFunctionKeys div#fnckeys
{
	top:50px; /*{LOGOHEIGHT:FncKeysTop}*/
}

.FunctionKeysLeft #fnckeys input.disabled, .FunctionKeysLeft #fnckeys a.disabled,
.FunctionKeysRight #fnckeys input.disabled, .FunctionKeysRight #fnckeys a.disabled
{
	background-image: none;
	color: #888888;
}

.FunctionKeysLeft #fnckeys, .FunctionKeysRight #fnckeys
{
	background-color:#000000; /*{FNKEYBGCOLOR}*/
	border: 0px;
}

.FunctionKeysLeft #fnckeys input, .FunctionKeysLeft #fnckeys a,
.FunctionKeysRight #fnckeys input, .FunctionKeysRight  #fnckeys a
{

	background-color:#B52735; /*{FNKEYBTNCOLOR}*/
	color:#FFFFFF; /*{FNKEYTEXTCOLOR}*/
	border-color:Transparent; /*{FNKEYBORDERCOLOR}*/
	font: 600 15px 'Open Sans' !important;
	margin-bottom: 10px;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
}

.FunctionKeysLeft #fnckeys input:hover, .FunctionKeysLeft #fnckeys a:hover,
.FunctionKeysRight #fnckeys input:hover, .FunctionKeysRight #fnckeys a:hover
{
	background-color:#E8DE2A; /*{FNKEYBTNHCOLOR}*/
	color:#1D1D1D; /*{FNKEYTEXTHCOLOR}*/
	border-color:#B52735; /*{FNKEYBORDERHCOLOR}*/
	font: 600 15px 'Open Sans' !important;
	margin-bottom: 10px;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.FunctionKeysLeft #fnckeys input:hover, .FunctionKeysLeft #fnckeys a:hover
{
	background-image: url("images/menu-arrow-left.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.FunctionKeysRight #fnckeys input:hover, .FunctionKeysRight #fnckeys a:hover
{
	background-image: url("images/menu-arrow-right.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
}

input[type="text"], input[type="password"], textarea, select
{
    background: #000000;
    border: solid 1px #B52735;
    border-radius: 5px;
    transition: box-shadow 0.3s, border 0.3s;
    display: inline-block;
    color: #E8DE2A;
    font: 12px 'Open Sans';
}

input.button.blue, .FunctionKeysLeft a.button.blue, .FunctionKeysRight a.button.blue 
{ 
	background-color: #22aaee;
}

input.button.green, .FunctionKeysLeft a.button.green, .FunctionKeysRight a.button.green 
{ 
	background-color: #99dd44;
}

input.button.pink, .FunctionKeysLeft a.button.pink, .FunctionKeysRight a.button.pink
{ 
	background-color: #ee11aa;
}

.page_up, .page_down
{
	border-color: #2266aa;
}

input.ErrorMsg
{
	background-color: #d2e0eb;
	border-color: #9C9C9C;
	color: #808080;
}

input.ErrorMsg.NoErrorMessage, 
input.ErrorMsg[value=""],
input.ErrorMsg.NoErrorMessage,
input.ErrorMsg[value=""]
{
	color: #FFFFFF;
}

table.AutoTable
{
	border-color: #FFFFFF;
	height: fit-content !important;
}

table.AutoTable th {
	background-color:#B52735; /*{TABLEHEADBG}*/
    color: #FFFFFF;
    font-weight: bold;
}

table.AutoTable .Row1, table.table-striped tbody tr.Row1
{
 	background-color:#000000; /*{TABLEALTROW1}*/
	color:#000000;
}

table.AutoTable .Row2, table.table-striped tbody tr.Row2
{
 	background-color:#1D1D1D; /*{TABLEALTROW2}*/
	color:#000000;
}


table.AutoTable .Row1:hover, 
table.table-striped tbody tr.Row1:hover,
table.dataTable tbody tr:hover
{
	border: 2px #E8DE2A solid;
}

table.AutoTable .Row2:hover, 
table.table-striped tbody tr.Row2:hover
{
	border: 2px #E8DE2A solid;
}

.hu
{
/*	background-color: #B52735;
	color: #FFFFFF;
	padding: 0px 5px; */
}

.WinContent 
{
	border-color: #666666;
}

.WinTitleTop 
{
	color:#E8DE2A; /*{WINTITLECOLOR}*/
	background-color:Transparent; /*{WINTITLEBGCOLOR}*/
}

.WinTitleTop span
{
	color:#E8DE2A; /*{WINTITLECOLOR}*/
}

.WinBorder pre
{
	background-color:#FFFFFF; /*{WINDOWBGCOLOR}*/
}

#wdwpagecontents
{
	color:#FFFFFF; /*{WINDOWCOLOR}*/
}

#PrestoLog 
{
	background-color: white;
	border-color: #A9A9A9;
}

#page-title-image
{
	display:inline-block; /*{LOGODISPLAY}*/
	visibility:visible; /*{LOGOVISIBILITY}*/
	float:left; /*{LOGOALIGNEMENT:ImgFloat}*/
	margin-right:0px; /*{LOGOALIGNEMENT:ImgMarginRight}*/
	padding-top:15px; /*{LOGOHEIGHT:ImgPaddingTop}*/
	padding-bottom:15px; /*{LOGOHEIGHT:ImgPaddingBottom}*/
}

.navbar,
#page-title-image
{
	height:50px; /*{LOGOHEIGHT:NavBarHeight}*/
}

#content-header-detail,
#content-header-buttons
{
	padding-top:15px; /*{LOGOHEIGHT:NavBarContentPaddingTop}*/
	padding-bottom:15px; /*{LOGOHEIGHT:NavBarContentPaddingBottom}*/
}

#content-header-buttons
{
	top: 0;
	display: none;
}
/* Auto-Complete Drop down menu */
.ui-menu {
	background-color: #1D1D1D;
}

/* Popup Window Funtion Buttons */
#wdwfnckeys a.button {
	width: auto !important;
}

#wdwfnckeys a.button:hover {
    background-color: #E8DE2A;
    color: #1D1D1D;
    border-color: Transparent;
}

/* Pageup / Pagedown buttons */
input.pageup, input.pagedown {
	text-transform: uppercase;	
    border-radius: 10px;
    font: 600 15px 'Open Sans' !important;
}	

/* Mobile Table Styling */
@media screen and (max-width: 880px) {
    table.ResponsiveTable td:before {
        background: transparent !important;
    }
}

/* Date Picker Styling */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-weight: normal;
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    border-image: initial;
    background: #1D1D1D;
}
.ui-widget.ui-widget-content {
    background-color: #1D1D1D;
    margin-top: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #B52735;
    border-image: initial;
}
.ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #E8DE2A;
    color: #E8DE2A;
}
.ui-widget-header a {
    color:  #1D1D1D;
}
.ui-widget-header .ui-icon {
    background-image: url(../../javascript/css/images/ui-icons_FFFFFF_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(../../javascript/css/images/ui-icons_FFFFFF_256x240.png);
}
.ui-state-hover, .ui-widget-conent .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	font-weight: normal;
	color: #FFFFFF;
	background: #B52735;
	border: none;
}
table.ui-datepicker-calendar tr {
    background-color: #1D1D1D;
}
table.ui-datepicker-calendar th {
    color: #FFFFFF;
    font-weight: bold;
    background: #B52735;
}
a.ui-state-default:hover {
    color: #1D1D1D;
	background-color: #E8DE2A;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #E8DE2A;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #E8DE2A;
    border-image: initial;
    background: #1D1D1D;
}

/* Login Fire Truck */
		.white   {
		color: white;
		}
		.blue   {
		color: #6671f3;
		}
        .fire-truck {
            font-size: 16px;
            position: relative;
			font-family: monospace;
            background-color: black;
            color: red;
            white-space: normal;
			display: block;
			unicode-bidi: isolate;
			width: auto;
        }
        .lights {
            color: red;
            font-weight: bold;
            animation: flash 0.5s infinite alternate;
        }

        @keyframes flash {
            0% { color: red; }
            100% { color: orange; }
        }
/* Presto Effect */
        .presto {
            color: white;
			display: inline;
            animation: flash 0.5s infinite alternate;
        }

        @keyframes flash {
            0% { color: white; }
            100% { color: #1fcef5; }