@import url('forms.css');
@import url('boxes.css');
@import url('content.css');
@import url('page.css');

body
{
	margin:					0px;
	padding:				0px;
	background-color:		white;
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				1em;
	line-height:			1.3;
}

.cb
{
	clear:					both;
}

a img
{
	border:					0px;
}

input.jq-input-placeholder
{
	color:					silver;
}

a.removeCountry
{
	display: block;
    position: absolute;
    left: 310px;
    margin-top: -25px;
}

.errorInput
{
	border:2px solid #a71f31 !important;
	/*border-radius:5px !important;*/
	padding-left:210px !important;
	margin-left:0px !important;
	box-sizing:border-box !important;
}

div.error-inner
{
    position: absolute;
    height: 320px;
    width: 100%;
    border: 2px solid #a71f31 !important;
    left: -2px;
    top: -2px;
    padding:5px;
    box-sizing: border-box;
}
div.error-int
{
    height:30px;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    /*border: 2px solid #a71f31 !important;*/
    color: #a71f31;
    padding: 7px;
    margin: 5px 0px;
    text-align: left;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
    text-align:right;
}

label.error
{
	display:block;
	float:left;
	clear:both;
	width:100%;
	border:2px solid #a71f31 !important;
	/*border-radius:5px !important;*/
	color: #a71f31;
	padding:7px;
	margin:5px 0px;
	text-align:left;
	font-weight:bold;
	box-sizing:border-box;
}

label.error.error-before-parent,
label.error.error-before
{
	clear:none;
	float:none;
	margin-top:0px;
}

#serial_diel_sk-label,
#serial_diel_sk-element,
#serial_diel_orig-label,
#serial_diel_orig-element
{
	display:none;
}

ul.h-login-box li
{
	position:relative;
	white-space: nowrap;
}

ul.h-login-box li a,
ul.h-login-box li a:hover 
{
	background-color:transparent;
    text-shadow:none;
    box-shadow:none;
    border-radius:0px;
	display: inline-block;
    line-height: 28px;
    font-weight: 500;
    padding:4px 16px 4px 16px;
    text-decoration:none;
	color: dimgrey;
}
@media (max-width: 1060px) { 
    ul.h-login-box li a,
    ul.h-login-box li a:hover {
        padding-left: 5px;
        padding-right: 5px;
    }
}

ul.h-login-box li a:hover,
ul.h-login-box li a.active 
{
	color: #ee7373;
}

.subnav 
{
    position: absolute;
    top: 100%;
    left: -12px;
    background: #fff;
    height: 0;
    overflow: hidden;
    opacity: 1;
    z-index:1000;
}

.subnav ul
{
	overflow: hidden;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    padding-bottom: 5px;
}

.subnav li
{
	list-style-type:none;
	position:relative;
	width:100%;
}

ul.h-login-box li:hover .subnav
{
	height: auto !important;
}

.msg-validation-details li:nth-child(n+6) {
	display: none;
}
.msg-validation-details .msg-show-all li:nth-child(n+6) {
	display: list-item;
}
.msg-validation-details li:nth-child(n+7).msg-show-all-button {
	display: block;
}
.msg-validation-details .msg-show-all li:nth-child(n+7).msg-show-all-button {
	display: none;
}
.msg-validation-details li:nth-child(n+7).msg-hide-button {
	display: none;
}
.msg-validation-details .msg-show-all li:nth-child(n+7).msg-hide-button {
	display: block;
}

#fieldset-productionarea .errorInput {
    border: none !important;
}

#fieldset-productionarea.errorFieldset {
    border: 2px solid #a71f31 !important;
}
#fieldset-productionarea .errorDescription{
    color:					darkred;
    font-weight:			bold;
}


.letter_record_description,
a.letter_record_name,
a.letter_record_name:visited
{
    color:rgb(53, 53, 53);
    display:inline;
    font-family:"Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size:16.64px;
    font-style:normal;
    font-weight:700;
    height:auto;
    line-height:28.8px;
    text-size-adjust:100%;
    text-transform:none;
    width:auto;
    word-wrap:break-word;
    -webkit-font-smoothing:antialiased;
}

.letter_record_description
{
    font-weight:normal;
}

a.letter_key:hover,
a.letter_record_name:hover,
a.letter_top:hover
{
    color:#e16f6e;
}


.letter_records
{
    float:left; 
    width:100%; 
    text-align:left; 
    padding:10px; 
    box-sizing: border-box; 
}

.clear_left
{
    clear:both; 
    float:left;
}

.half_left
{
    width:50%; 
    float:left; 
    text-align: left;  
}

.half_right
{
    width:50%; 
    float:right; 
    text-align: left;
}

.letter_letter
{
    width: 245px;
    margin: 10px 0px;
    height: 245px;
    line-height: 245px;
    text-align: center;
    background-color: #ffcc99;
    color: #353535;
    font-size: 145px;
    font-weight: bold;
}

.letter_record
{
    float:left;
    color:#000; 
    width: 100%; 
    clear:both; 
    text-align: left;
}

#role_text
{
    min-width:150px; 
    min-height:50px; 
    background-color: #fff; 
    padding:10px; 
    text-align: left; 
    color:#000; 
    display:none; 
    position:absolute;
}

.letter_top
{
    display:block;
    float:left;
    padding: 10px 15px;
    background-color:#fff;
    margin-top:10px;
    font-size: 20px;
}