@import "global.css?v=1";

/* Add here all your css styles (customizations) */
.header-v5 .navbar-brand {
    padding: 4px 10px 4px 15px;
}
.header-fixed .header-v5.header-fixed-shrink .navbar-brand {
   top: 4px;
}
.header-v5 {
	border-bottom: 1px solid #eee;
}

#containerBody {
	min-height: 200px;
}
#containerGBOM {
	padding: 0px;
}

div.gbomItem > img:hover {
	background-color: #3b3ba6;
	opacity: 0.7;
	border-radius: 10px;
}
div.gbomTitleWrapper {
	padding:0px 6px;
	width:100%;	
}
div.gbomTitle > div {
    color:white;
	font-size:20px;
	vertical-align:middle; 
	display: inline-block; 
	height:100%;
}
div.gbomTitle {
    border-radius: 10px;
    width:100%; 
	height:45px;
	padding-left:15px;  
}
div.gbomTitleBlue {
	background: #0d5682;
}
div.gbomTitleGreen {
	 background: #128d45;
}
div.gbomTitleRed {
	 background: #b13626;
}

.currency {
	text-align: right;
}
table.footable-details td.currency {
	text-align: left;
}
/*
td.currency:before {
   content: "$ ";
}
*/
/* %%MAPP1-80 warn-table style class (JE 09/23/2020) */
.warn-table {
	color: red !important;
    font-weight: bold;
}
tr.footable-detail-row td {
	padding: 5px 0px 5px 5px !important;
}
table.footable-details > tbody > tr > th, 
table.footable-details > tbody > tr > td {
    padding: 4px;
}

table.pjr > thead > tr.pjr-h > td,
table.pjr > thead > tr.pjr-h > th,
.footable > thead > tr > th {
    background-color: #dce9f9;
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
    border-top: medium none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
}
/*
.footable > thead > tr > th {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 10px;
    text-align: left;
}
*/


/*Shop-subscribe
------------------------------------*/
.shop-subscribe {
	padding: 20px 0;
	background: #18ba9b;
}

/* Shop Subscribe
------------------------------------*/
.shop-subscribe {
    background: #3498db ;
}


.shop-subscribe h2 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 200;
	text-transform: uppercase;
}

/*Input Form Control*/
.shop-subscribe input {
	border-color: #fff;	
	border-right: none;
	background: transparent;
}

.shop-subscribe .form-control {
	color: #fff;
	font-size: 14px;
	font-weight: 200;
}

.shop-subscribe .form-control:focus {
	box-shadow: none;
	border-color: #fff;
}

.shop-subscribe .form-control::-moz-placeholder {
	color: #fff;
}
.shop-subscribe .form-control:-ms-input-placeholder {
	color: #fff;
}
.shop-subscribe .form-control::-webkit-input-placeholder {
	color: #fff;
}

.shop-subscribe .input-group-btn {
	border-color: #fff;
	background: transparent;
}

.shop-subscribe .input-group-btn .btn {
	border: 1px solid #fff;
	background: transparent;
}

.shop-subscribe .input-group-btn i {
	color: #fff;
	font-size: 16px;	
	font-weight: 200;
}

/* bunch of message box colors */
.lightBlueMessage, 
.darkBlueMessage, 
.orangeMessage, 
.maroonMessage, 
.greenMessage, 
.blackMessage, 
.redMessage {
	margin-bottom: 10px;
	padding: 7px; 
	width: 600px;
	background: #efefef;
	font-weight: bold;
	white-space:normal;
}
.lightBlueMessage {
	border: 1px solid #0E70D2;
	color: #0E70D2;
}
.darkBlueMessage {
	border: 1px solid #003a5a;
	color: #003a5a;
}
.orangeMessage {
	border: 1px solid #EF7222;
	color: #EF7222;
}
.maroonMessage {
	border: 1px solid #6E0E0E;
	color: #6E0E0E;
}
.greenMessage {
	border: 1px solid #4B962A;
	color: #4B962A;
}
.blackMessage {
	border: 1px solid #000000;
	color: #000000;
}
.redMessage {
	border: 1px solid #B22222;
	color: #B22222;	
}
.clear {
	clear: both;
}

/** WOW Buttons **/

button.btn-workflow, button.btn-u, input.btn-u-sea-shop, .button-bar input.bgblue {
	background: #005581;
	color: #fff;
}

button.btn-workflow:hover, 
button.btn-workflow:focus, 
button.btn-workflow:active, 
button.btn-workflow.active {
	background: #2980b9;
	color: #fff;
}

/** hide toggle for report break rows ? **/
tr.pjr-or-o span.footable-toggle, tr.pjr-or-e span.footable-toggle {
	display:none;
}

div#containerBody {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.sel-button {
    max-width: 85px;
    min-width: 50px;
    width: 85px;
}

body.header-fixed {
	font-size:16px;
}

div.sky-form label.input input, div.sky-form label.select select, div.sky-form  label.textarea textarea {
    font-size: 16px;
}
input.part-qty {
	width: 2.5em;
}

.hide {
	display: none;
}

td.reduced {
    font-size: 14px;
}
div#login td.label {
	color: #555;
}

/** RFC-719 Use yellow background for alternate parts, but only in main table - not details (JE 06/01/2017) */
tr.altpart td {
	background-color: yellow;
}

tr.footable-detail-row tr.altpart td {
	background-color: inherit;
}

/* RFC-1088 (JE 03/01/2019) */
tbody.pjr tr[reportbreak] {font-weight: bold}
tbody.pjr tr[reportbreak-hide-expand] + .footable-detail-row {display:none;}
tbody.pjr tr[reportbreak-hide-expand] .footable-toggle {display:none;}

/* MAPP1-192 (JE 2021-08-05) */
.red {
	color: #B22222;
}