/*------------------*/
/*   	GENERAL     */
/*------------------*/
/*
  #247cb0
  #6ba8b2
*/
html { background:#fff; overflow-y:scroll; overflow-x:hidden; }
a { text-decoration:none; color: #247cb0; }
a:hover { text-decoration:underline; color: #e5d4a9; }

/* Content */
form { display: inline-block; width: 52em;}
.wrapper {position: relative;}
.content {position: relative;}
.header {position: relative; padding:0 0 1em;}
.formContent { 
	/*position: relative; margin: 1em auto; padding: 1em 2em; display: table; 
	width: auto; box-shadow: 0px 0px 2px 2px lightgrey; -moz-box-shadow: 0px 0px 2px 2px lightgrey; -webkit-box-shadow: 0px 0px 2px 2px lightgrey;*/
    position: relative;
    margin: 0 auto;
    padding: 1em 0em;
    display: table;
    width: 780px;}
#headerContent {display: block; width: 100%; margin: 0 auto; height: auto;text-align:center;}
#headerContent img {width:400px;}
#headerLeft img {width: 8.4em; display: inline-block; float: left;}
#headerRight img {width: 47.5em; display: inline-block; float: right;}
.landpage { display: inline-block; width: 100%;}
.landpage .subFormGroupContainer { }
.landpage .subFormGroup { padding-top:1em;text-align:center; width: 100%; /*padding: 0 87px;*/ }
.landpage .subFormGroup.half-width { padding: 20px;
    border: 1px solid #eee;
    box-shadow: 0px 0px 10px #deee;
    border-radius: 10px;width: 48%;
    margin: 0 0px;/*padding-top:4em; width:50%; margin: 0 0px;float: left; padding: 0px;*/ }
.subFormHeader { padding: 1em; border-bottom: 1px solid #ccc;}
#subscriptionForm .subFormSpan { margin: 0 1em; display: inline-block; width: 15em;}
#subscriptionForm .doubleSpan { width:32.3em;}
#subscriptionForm span input[type='text'] { width: 100%;}
#subscriptionForm span input[type='submit'] { width: 8em;}
.subFormGroupContainer { margin-top: 1em;}
.subFormGroup { display: inline-block; width: 100%;}

#footer-wrapper { background: #2a6ead; padding: 10px 0; font-size: 12px; }
#footer-wrapper a { color: #ffffff;}
.container { margin: 0 auto; padding: 0 10px; max-width: 54em; }

.menu { margin: 0; padding: 0; list-style: none; list-style-image: none; }

#logo-wrapper { padding: 10px 0; background: #2a6ead;  }
.footerLogos { display: table; border-spacing: 1em 0em; float: right; font-size: 0.7em; }
.footerLogoSmall {}
.footerLogo { display: table-cell; vertical-align: middle; }

.content .instructions {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    width: 52em;
}
#content-wrapper .container {
    background: #fff;
    padding: 30px 40px;
}
.instructions h1 {
    font-size: 22px;
}
.instructions h2 {
    font-size: 16px;
}
.instructions  h1, h2, h3, h4 {
    font-weight: 400;
    color: #247cb0;;
    margin: 0 0 20px 0;
    line-height: 1.1;
}
#content-wrapper {
    margin: 20px 0;
}

.caret.caret-up {
    border-top-width: 0;
    border-bottom: 4px solid #fff;
  }
.caret { float: right; margin-top: 0.6em;}

.dropdown-toggle {width: 100%; text-align: left;}
#subRadioContainer input[type='radio'] { margin-right: 1em;}
.checkbox input[type='checkbox'] { margin-right: 1em; margin-top: 0.2em; margin-left: 5px;}
.subscriptionDataContainer { display: none; min-height: 6em;}
.error { visibility: hidden; display: block; margin-top: 0.2em; padding: 0.2em 0.7em;}

.info {
    background-color: #fff;
    color: #444;
    padding: 20px;
}

.info-header{

}
.mb-2 {
    padding-bottom: 10px; 
}
.alert {margin-bottom: 5px}

.checkbox input[type='checkbox'] { margin-right: 1em; display: block; float: left; height: 3em;}
.checkbox label { width: 70%; margin-top: 1em; font-weight: bold;}
.checkbox div { display: inline-block; margin-top: 1em;}
#btnConvertBBAN {background-color: rgba(151, 210, 164, 0.53)!important;}
.help { float: right; margin-right: 0.5em; color: rgb(20, 160, 219); cursor: pointer;}
.helpeu { float: right; margin-right: 0.5em; color: rgb(20, 160, 219); cursor: pointer;}
.noFloat { float: none; margin-left: 1em;}
#noSharesInfo {     display: inline-block; width: 25em; font-size: 0.8em; float: right; padding: 0.2em 0.5em 0.2em 0.5em; background-color: #eee; border: 1px solid #ddd;}
.breadcrumb{ display: block;
    width: 60em;
    margin: 0 auto;
    background-color: #eee;
    font-style: italic;
    color: #777;
    font-size: small;
    padding: 0;
    text-align: center;
white-space: 0;}
.breadcrumb span { display: inline-block; width: 25%; margin: 0; padding: 0.5em; text-align: center; border-top: 1px solid #7F7F7F; border-bottom: 1px solid #7F7F7F;}
.breadcrumb .active { font-weight: bold; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff;}
.form-inline .radio, .form-inline .checkbox {
    margin-left: 10px;
}
.k-widget.k-tooltip {
    border-color: #c9c9c9 !important;
    background-color: #404040 !important;
    color: #fff !important;
}
@media screen {
    .printMargin { display: none;}
}

@media print {
   h1, h2, h3, h4 {
    font-weight: 400;
    color: #247cb0;
    margin: 0 0 20px 0;
    line-height: 1.1;
    }
    .printMargin { display: block; width: 100%; height: 2.5cm;}
}
.breadcrumb .step_complete { color: #282828;  background-color: #fff;}
.breadcrumb .step_inactive { color: #282828;  background-color: #fff;}
.breadcrumb .step_active {   color:#fff;  background-color: #fff; background-image: url("../img/step_active.png");}

html .k-upload {
    margin-left: 0px!important;
}
.divide {
    display: inline-block;
    padding: 0 0.5em;
}

.language {
    display: block;
    max-width: 780px;
    margin: 0 auto;
    overflow: auto;
}
.language div {
    float: right;
}
.lang-active {
    color: black;
}
.nottranslated {
    color: #ff3377;
}
.translated {
    color: #33ff77;
}