/** Main App CSS - structure, reset **/
@font-face {
  font-family: "Unipoll";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/unipoll.eot?#iefixrsc092") format("embedded-opentype"), url("../fonts/unipoll.ttf?rsc092") format("truetype"), url("../fonts/unipoll.woff?rsc092") format("woff"), url("../fonts/unipoll.svg?rsc092#Unipoll") format("svg");
}
@font-face {
  font-family: 'Proxima Nova Regular';
  src: url("../fonts/proxima_nova_reg-webfont.eot");
  src: url("../fonts/proxima_nova_reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_reg-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_reg-webfont.woff") format("woff"), url("../fonts/proxima_nova_reg-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_reg-webfont.svg#proxima_novaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Semi Bold';
  src: url("../fonts/proxima_nova_sbold-webfont.eot");
  src: url("../fonts/proxima_nova_sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_sbold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_sbold-webfont.woff") format("woff"), url("../fonts/proxima_nova_sbold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_sbold-webfont.svg#proxima_novasemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}


body { font-family: 'Source Sans Pro', 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif; font-weight: 300; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }

.clear { clear: both; width: 0px; height: 0px; visibility: hidden; overflow: hidden; }
.clear-margin { margin: 0px !important; }
.clear-top-margin { margin-top: 0px !important; }
.clear-right-margin { margin-right: 0px !important; }
.clear-left-margin { margin-left: 0px !important; }
.clear-bottom-margin { margin-bottom: 0px !important; }
.clear-background { background: none !important; }

.bottom { bottom: 0px; }
.top { top: 0px; }
.left { left: 0px; }
.right { right: 0px; }
.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }
.fixed { position: fixed; }

.bold { font-weight: 600; }

.unpadded { padding: 0px; }
.unpadded_l { padding-left: 0px; }
.unpadded_r { padding-right: 0px; }

@media (max-width: 380px) {
	.pad-until-xs-l { padding-left: 12px; }
	.pad-until-xs-r { padding-right: 12px; }
}
@media (max-width: 480px) {
	.pad-until-sm-l { padding-left: 12px; }
	.pad-until-sm-r { padding-right: 12px; }
}
@media (max-width: 768px) {
	.pad-until-md-l { padding-left: 12px; }
	.pad-until-md-r { padding-right: 12px; }
}
@media (max-width: 992px) {
	.pad-until-lg-l { padding-left: 12px; }
	.pad-until-lg-r { padding-right: 12px; }
}
@media (max-width: 1200px) {
	.pad-until-xl-l { padding-left: 12px; }
	.pad-until-xl-r { padding-right: 12px; }
}

.unbordered { border: 0px; }
.noradius { border-radius: 0px; }
.nooverflow { overflow: hidden; }

input.padded { padding: 6px 10px; font-size: 13px; }
input.bordered { border: 1px solid #d3d8dc; }
textarea.padded { padding: 6px 10px; font-size: 13px; }
textarea.bordered { border: 1px solid #d3d8dc; }

select.padded { padding: 6px 0px 6px 10px; font-size: 13px; }
select.bordered  { border: 1px solid #d3d8dc; }

textarea.lines_1 { height: 24px; }
textarea.lines_2 { height: 48px; }
textarea.lines_3 { height: 72px; }
textarea.lines_4 { height: 96px; }

select.padded { padding: 6px 0px; }

button.padded { padding: 6px 18px; }
ul.disc { margin-left: 12px; list-style: disc; }
ul.no-style { margin-left: 0px; list-style: none; padding: 0px; }
ul.no-disc { list-style: none; }
ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dash li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}


.placeholder { color: #aaa; }

.border_bottom_1 { border-bottom: 1px; }
.border_bottom_2 { border-bottom: 2px; }
.border_bottom_3 { border-bottom: 3px; }
.border_top_1 { border-top: 1px; }
.border_top_2 { border-top: 2px; }
.border_top_3 { border-top: 3px; }
.border_left_1 { border-left: 1px; }
.border_left_2 { border-left: 2px; }
.border_left_3 { border-left: 3px; }
.border_right_1 { border-right: 1px; }
.border_right_2 { border-right: 2px; }
.border_right_3 { border-right: 3px; }

.text-white, a.text-white { color: white; }
.text-black, a.text-black { color: black; }
.text-green, a.text-green { color: #588c7e; }
.text-orange, a.text-orange { color: #e27a3f; }
.text-yellow, a.text-yellow { color: #efa100; }
.text-blue, a.text-blue { color: #0085bf; }
.text-grey, a.text-grey { color: #666666; }
.text-purple, a.text-purple { color: #715797; }

.white-text, a.white-text { color: white; }
.blue-text, a.blue-text { color: #0085bf; }

.border_1, input.border_1 , textarea.border_1 { border-width: 1px; }
.border_2, input.border_2 , textarea.border_2 { border-width: 2px; }
.border_3, input.border_2 , textarea. { border-width: 3px; }

.solid_border { border-style: solid; }

.roundedbox_1 { border-radius: 3px; }
.roundedbox_2 { border-radius: 6px; }
.roundedbox_3 { border-radius: 12px; }
.roundedbox_4 { border-radius: 24px; }

.roundedtopbbox_1 { border-radius: 3px 3px 0px 0px; }
.roundedtopbbox_2 { border-radius: 6px 6px 0px 0px; }
.roundedtopbbox_3 { border-radius: 12px 12px 0px 0px; }
.roundedtopbbox_4 { border-radius: 24px 24px 0px 0px; }

.roundedbottombbox_1 { border-radius: 0px 0px 3px 3px; }
.roundedbottombbox_2 { border-radius: 0px 0px 6px 6px; }
.roundedbottombbox_3 { border-radius: 0px 0px 12px 12px; }
.roundedbottombbox_4 { border-radius: 0px 0px 24px 24px; }

.paddedbox_1 { padding: 3px; }
.paddedbox_2 { padding: 6px; }
.paddedbox_3 { padding: 12px; }
.paddedbox_4 { padding: 24px; }

.shadow-bottom { box-shadow: 0px 4px 4px 0px #999; }

.pad_left_1 { padding-left: 3px; }
.pad_left_2 { padding-left: 6px; }
.pad_left_3 { padding-left: 12px; }
.pad_left_4 { padding-left: 24px; }
.pad_left_5 { padding-left: 48px; }
.pad_right_1 { padding-right: 3px; }
.pad_right_2 { padding-right: 6px; }
.pad_right_3 { padding-right: 12px; }
.pad_right_4 { padding-right: 24px; }
.pad_right_5 { padding-right: 48px; }
.pad_top_1 { padding-top: 3px; }
.pad_top_2 { padding-top: 6px; }
.pad_top_3 { padding-top: 12px; }
.pad_top_4 { padding-top: 24px; }
.pad_top_5 { padding-top: 48px; }
.pad_bottom_1 { padding-bottom: 3px; }
.pad_bottom_2 { padding-bottom: 6px; }
.pad_bottom_3 { padding-bottom: 12px; }
.pad_bottom_4 { padding-bottom: 24px; }
.pad_bottom_5 { padding-bottom: 48px; }

.fullwidth { width: 100%; }
.halfwidth { width: 50%; }
.float-left { float: left; }
.float-right { float: right; }
.hidden { display: none; }
.visible { display: block; }
.block { display: block; -moz-box-sizing: border-box; box-sizing: border-box; }
.inline-block { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-normal { font-weight: normal; }
.text-light { font-weight: 300; }

.caps { text-transform: uppercase; }

.text_10 { font-size: 10px; }
.text_11 { font-size: 11px; }
.text_12 { font-size: 12px; }
.text_13 { font-size: 13px; }
.text_14 { font-size: 14px; }
.text_16 { font-size: 16px; }
.text_18 { font-size: 18px; }
.text_20 { font-size: 20px; }
.text_22 { font-size: 22px; }
.text_24 { font-size: 24px; }
.text_28 { font-size: 28px; }

.line_height_2 { line-height: 1.2em; }
.no-disc { list-style: none; }

.darkgrey-bg { background-color: #666666; }
.orange-bg { background-color: #e27a3f; }
.green-bg { background-color: #588c7e; }
.lightgreen-bg { background-color: #559e39; }
.grey-bg { background-color: #f0f0f0; }
.white-bg { background-color: #FFFFFF; }

h1 { font-size: 20px; font-weight: 500; line-height: 1.3em; margin: 0 0 24px; }
h2 { font-size: 18px; font-weight: 500; line-height: 1.3em; margin: 0 0 18px; }
h3 { font-size: 16px; font-weight: 500; line-height: 1.3em; margin: 0 0 16px; }
h4 { font-size: 15px; font-weight: 500; line-height: 1.3em; margin: 0 0 12px; }
h5 { font-size: 14px; font-weight: 500; line-height: 1.3em; margin: 0 0 6px; }

a.nodecoration, a.nodecoration:link, a.nodecoration:visited, a.nodecoration:focus, a.nodecoration:active { text-decoration: none !important; }
.white-border-right { border-right: 1px solid white; }

.push_1 { margin-left: 3px; }
.push_2 { margin-left: 6px; }
.push_3 { margin-left: 12px; }
.push_4 { margin-left: 24px; }
.push_5 { margin-left: 48px; }
.unpush_1 { margin-left: -3px; }
.unpush_2 { margin-left: -6px; }
.unpush_3 { margin-left: -12px; }
.unpush_4 { margin-left: -24px; }
.pull_1 { margin-right: 3px; }
.pull_2 { margin-right: 6px; }
.pull_3 { margin-right: 12px; }
.pull_4 { margin-right: 24px; }
.pull_5 { margin-right: 48px; }
.pull_6 { margin-right: 96px; }
.unpull_1 { margin-right: -3px; }
.unpull_2 { margin-right: -6px; }
.unpull_3 { margin-right: -12px; }
.unpull_4 { margin-right: -24px; }
.unpull_5 { margin-right: -48px; }
.lift_1 { margin-bottom: 3px; }
.lift_2 { margin-bottom: 6px; }
.lift_3 { margin-bottom: 12px; }
.lift_4 { margin-bottom: 24px; }
.lift_5 { margin-bottom: 48px; }
.unlift_1 { margin-bottom: -3px; }
.unlift_2 { margin-bottom: -6px; }
.unlift_3 { margin-bottom: -12px; }
.unlift_4 { margin-bottom: -24px; }
.unlift_5 { margin-bottom: -48px; }
.drop_1 { margin-top: 3px; }
.drop_2 { margin-top: 6px; }
.drop_3 { margin-top: 12px; }
.drop_4 { margin-top: 24px; }
.drop_5 { margin-top: 48px; }
.undrop_1 { margin-top: -3px; }
.undrop_2 { margin-top: -6px; }
.undrop_3 { margin-top: -12px; }
.undrop_4 { margin-top: -24px; }
.undrop_5 { margin-top: -48px; }

.modal-mask { position: fixed; z-index: 9000; background-color: #000; display:none; top: 0; left: 0; }
body.modal-open { overflow: hidden; }

.modal-window { z-index:9999; overflow-y: auto; }
.modal-window .inner-window { padding: 12px; background: white; border-radius: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
.modal-window.error .inner-window { padding: 12px; background: white; }
.modal-window .alert { }
.modal-window.error .inner-window .alert { float: left; width: 112px; }
.modal-window.prompt .inner-window .alert { float: left; width: 112px; }
.modal-window .close.icon { border-radius: 12px; background: white; }
.modal-window .close.icon a { display: block; width: 24px; height: 24px; overflow: hidden; color: transparent; border-radius: 12px; text-align: center; }
.modal-window .close.icon a .fa { color: black; font-size: 22px; line-height: 25px; }

.modal-window .inner-window .title { border: 0px; margin-top: 6px; margin-bottom: 6px; color: #575757; font-size: 28px; line-height: 1.1em; height: auto; }
.modal-window .message { background: white; font-size: 14px; line-height: 1.3em; padding: 12px 6px 12px 6px; color: #575757;  }
.modal-window .bodycont { background: white; padding: 6px; }
.modal-window .alerted .bodycont .message { float: left; width: 360px; padding-top: 0px; }

.modal-window .buttons { background: white; text-align: right; }
.modal-window .buttons .button { border:0px; color:white; margin-right: 6px; }
.modal-window .buttons .button > a { cursor: pointer; margin-right: 0.1em; overflow: hidden; position: relative; text-align: center; text-decoration: none !important; }
.modal-window .buttons .button.disabled > a { background: none repeat scroll 0 0 #939393; border-radius: 5px 5px 5px 5px; color: white; display: block; font-size: 16px; font-weight: normal; padding: 12px 24px; }

.modal-window .inner-window .buttons .button { -moz-box-sizing: border-box; opacity: 1; font-weight: normal; float: nont; text-shadow: none; background: #00A4E9; color: #FFFFFF !important; display: inline-block; font-size: 18px; line-height: 1.4em; padding: 4px 12px; vertical-align: middle; cursor: pointer; }
.modal-window .inner-window .buttons .button > a { -moz-box-sizing: border-box; border: 0 none; border-radius: 0; color: #FFFFFF !important; display: inline-block; font-size: 18px; padding: 0; vertical-align: middle; }
.modal-open .mainsite { overflow-y: scroll; }

.loadmask-msg { background: none repeat scroll 0 0 #00A4E9; border: 0 none; border-radius: 0; margin-left: 0; padding: 6px 12px 7px; z-index: 1000; }
.loadmask-msg > div { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #FFFFFF; font-size: 16px; padding: 0; }
.loadmask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); background-color: #FFF; width: 100%; height: 100%; zoom: 1; cursor: wait; }
.loadmask-msg { margin-left: 8px; z-index: 20001; position: absolute; top: 0; left: 0; background: #889baa; padding: 2px; border-radius: 6px; cursor: wait; }
.loadmask-msg div { padding: 14px 12px 13px 48px; background: url("/assets/images/loading.gif") no-repeat scroll 6px 6px #FBFBFB; line-height: 16px; color: #222; font-size: 14px; cursor: wait; border-radius: 3px; }

.masked { overflow: hidden !important; }
.masked-relative { position: relative !important; }
.masked-hidden { visibility: hidden !important; }