/*@font-face {font-family: 'titilliumregular';src: url('fonts/Titillium-Regular.otf');src: url('fonts/Titillium-Regular.otf?#iefix') format('embedded-opentype'),url('fonts/Titillium-Regular.woff') format('woff'),url('fonts/Titillium-Regular.ttf') format('truetype'),url('fonts/Titillium-Regular.svg#robotoregular') format('svg');font-weight: normal;font-style: normal;}*/
/*@font-face {font-family: 'titilliumlight';src: url('fonts/Titillium-Light.otf');    src: url('fonts/Titillium-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Titillium-Light.woff') format('woff'),url('fonts/Titillium-Light.ttf') format('truetype'),url('fonts/Titillium-Light') format('svg');font-weight: normal;font-style: normal;}*/

@font-face {font-family: 'titilliumregular';src: url('fonts/Titillium-Regular.otf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'titilliumlight';src: url('fonts/Titillium-Light.otf'); font-weight: normal;font-style: normal;}


body { 
	font-family: 'titilliumregular';
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.5;
}
input[type=file]:focus{
	border:0px;
}
.legal{
	font-family: 'titilliumlight';
    font-size: 1em !important;
    line-height: 1.125em;
}
.mediacom-logo {
    height: 32px;
    width: auto;
}
h1,h2,h3,h4,h5{
	font-family: 'titilliumregular';
	color:black;
}
h1,h2,h3,h4 {margin-top:0;padding-top:0;line-height:1.3em!important;color:#007AC2 !important;}
h1 {font-size:34px;color:#007AC2 !important;}
hr {
  border-color: #000;
  border-width: 4px 0 0;
  margin: 2rem 0 1rem; 
}
.container {
  width: 90%;
  /*margin: 50px auto;*/
  padding-left:8px;
  padding-right:8px;
  background-color:white;
  overflow:hidden;
  
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);position:relative;z-index:50;
}
  
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 9px;
  padding-right: 9px;
}

strong, b{
	font-family: 'titilliumregular';
	color:black;
	font-weight:bold;
}

body a {
	color: black;
	text-decoration: underline;
}
body a:hover {
      color: #0089CF; 
}
.row{ margin-bottom:20px; margin-left:0px; margin-right:0px;}
.entry:not(:first-of-type){margin-top: 10px;}
.entry{
	width:100%;
}
.glyphicon{font-size: 1em;}
.form-group.required .control-label:after {
  	content:"";
	color:#ED1C24;font-size:1.2em;font-weight:bold;position:relative;top:5px;left:2px;
}
div.required > label:after{
    content:"*";
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	opacity:.50 !important;
}
.help-tip{
	top:6px;
	right:5px;
	background-color:#007B9F;
	font-size:.9em;
	width:20px;
	height:20px;
	line-height:1.5;
}
.input-group-addon{
	border:0px;
	background-color:white;
	vertical-align:top;
}

.date .input-group-addon{
	position:relative;
	padding-left:0px;
	padding-right:0px;
	background-color:transparent;
	left:-28px;
	z-index:100;
}

.date input{
	width: 424px !important;
}

.input-group-btn{
	vertical-align:top;
}

.step-btn{
	color:white;
    background: linear-gradient(to right, #041432, #002891);
    /*background: rgb(0,40,144);*/
    /*background: linear-gradient(to right, #002890, #002890, #002890, #002890, #002890, #003096, #00379b, #003ea0, #004eaa, #005db4, #006cbb, #007ac2);*/

}
.error{
	padding-bottom:0px;
}
.wizard .content {
    min-height: 100px;
    background: #fff;
    margin:0px;
    margin-top:10px;
    overflow:visible;
}
.wizard .content > .body {
    width: 100%;
    height: auto;
    padding: 15px;
    padding-left:0px;
    padding-right:0px;
    position: relative;
}
.wizard>.content{display:block;min-height:50em;overflow-y: visible;position:relative}

.wizard > .steps {
   /* background: linear-gradient(to right, #002890, #00399c, #0049a7, #0058b0, #0067b9, #006dbc, #0074bf, #007ac2, #007ac2, #007ac2, #007ac2, #007ac2);*/
   /*background: rgb(0,40,144);*/
    background: linear-gradient(to right, #041432, #002891);
   padding-bottom: 12px;
}

.wizard > .steps .first a,
.wizard > .steps .first a:hover,
.wizard > .steps .first a:active
{
	border-right:0px;
	overflow:visible;
	/*border-top-left-radius:6px;*/
	/*border-bottom-left-radius:6px;*/
}

.wizard > .steps .last a,
.wizard > .steps .last a:hover,
.wizard > .steps .last a:active
{
	border-left:0px;
	width:106%;
	/*border-top-right-radius:6px;*/
	/*border-bottom-right-radius:6px;*/
}		

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    padding: 10px;
    margin:0px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #E6E7E8;
    color: #231F20;
    cursor: default;
    font-size: 14px;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    /*background: linear-gradient(to right, #FCAF17, #F26922, #ED1944);*/
    background: transparent;
    color: #fff;
    cursor: default;
    font-size: 18px;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #3c3e42;
    color: #fff;
    cursor: default;
    font-size: 14px;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}	

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
	
    background: #000000;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps > ul > li
{
    overflow:visible;
    width:33%;
    pointer-events: none;
}

.wizard > .steps > ul{
	width:100%;
	margin:0 0;
	/*padding-left:8px;*/
	/*padding-right:8px;*/
}

.end-cap{
	display:none;
	background-color: #f5f5f5;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	float:right;
	top:-2px;
	right:-12px;
	position:relative;
	border:2px solid lightgrey;
	
}

.help-tip{
    position: absolute;
    text-align: center;
    background-color: #ffffff;
    color:#ffffff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: .9em;
    line-height: 1.5;
    cursor: default;
    border:1px solid black

}

.help-tip:before{
    content:'?' !important;
    line-height:1.8;
    font-size:11px;
    font-weight: bold;
    font-family: 'titilliumregular';
    color:#000;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;
    z-index:1000;
}

.help-tip p{    /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 18px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: .9em;
    line-height: 1.5;
}

.help-tip p:before{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

/* CSS animation */

label, .control-label{
	font-weight:normal !important;
	color:#747676;
}

.form-control.date{
	background-image: url("../img/calendar_16.png") !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    background-position: calc(100% - 10px) center !important;
}

.form-control.date::-ms-clear {
    display: none;
}

.btn{
  font-size: 14px;
  line-height: 40px;
  padding: 0 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:none;
  font-weight: bold;
  font-family: 'titilliumregular';
  color: #fff;
  margin: .5em 0;
  /*background: linear-gradient(to right, #FCAF17, #F26922, #ED1944)  */
    background: linear-gradient(to right, #041432, #002891);
    /*background: rgb(0,40,144);*/
}

input.error, input.error:focus, textarea.error, textarea.error:focus{
	border:1px solid #ED1C24 !important;
	/**border-bottom:4px solid #ED1C24 !important;**/
	background-color:white !important;
	color:#000000 !important;
}

select.error, select.error:focus{
	border:1px solid #ED1C24 !important;
	/**border-bottom:4px solid #ED1C24 !important;**/
	background-color:white !important;
	color:#000000 !important;
}

label.error{
	font-family: 'titilliumregular';
	font-weight:normal;
	font-size:11px;
	color:#000000 !important;
	margin-left:0px !important;
}

span.error{
    font-family: 'titilliumregular';
    font-weight:normal;
    font-size:12px;
    color:#ED1C24 !important;
    margin-left:0px !important;
}

#extra-validation-list ul li {
    color: #ED1C24
}

select {
    background-image: url("../img/down.png") !important;
    background-repeat: no-repeat !important;
    background-size: 23px 22px !important;
    background-position: calc(100% - 10px) center !important;
   }
select {
    border: 1px solid #D8DADA;
    border-bottom: 2px solid #747676;
    padding: 7px;
    font-size: 14px;
    color: #000;
    transition: .5s;
    display: block;
    background: #fff;
    border-radius: 0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
select::-ms-expand {
    display: none;
}

.btn-add, .btn-add:hover{
	font-weight:normal;
	margin-top:0px;
	margin-left:5px;
	padding:0px;
	background-color:white;
	color:#007B9F !important;
	border:1px solid #747676;
	padding:6px 10px 5px 10px;
	line-height:21px;
	font-size:12px;
}

.btn-remove, btn-remove:hover{
	font-weight:normal;
	margin-top:0px;
	background-color:white;
	color:#007B9F !important;
	border:1px solid #747676;
	padding:6px 20px 5px 10px;
	line-height:21px;
	font-size:12px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.float_center {
  float: right;

  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.float_center > .child {
  position: relative;
  left: 50%;
}
a.btn {
	text-decoration:none;
}

.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
	margin-left:12px;
}
  
.radio label {
    padding-left: 30px;
}

.radio span {
    margin-left: 4px;
}

.error.radio label {
    color: #000000;
}

.error.input[type=radio] {
    border: 2px solid #ED1C24;
}

input[type="radio"]:focus, input[type="radio"]:active {
    outline:none;
    border: 2px solid #000000;
}

input[type="radio"]:disabled {
    border: 2px solid #D8DADA;
}

input[type="radio"]:checked {
    border: 1px solid #000000;
}

input[type="radio"]:checked {
    border: 1px solid #000000;
}

input[type="radio"]:checked::after {
	position:relative;
	display:block;
	top:4px;
	left:4px;
	content:"";
    border:1px solid black;
    background-color:black;
    width:10px;
    height:10px;
    border-radius:5px;
}

input[type="radio"] {
	position:relative;
    cursor: pointer;
    padding: 0;
    margin: 0 12px 0 0;
    width: 20px;
    height: 20px;
    margin-left:-30px !important;
    /**top: 0px;**/
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.verification-section > * {
    margin-left: 10px;
}

.entry-host {
    display:flex;flex-direction:row;flex-wrap:nowrap;
}

.entry-host-item{
    display:flex;flex-direction:column;flex-wrap:nowrap;width:50%;
}

.entry-host-header{
    display:flex;flex-direction:column;flex-wrap:nowrap;width:50%;background-color:lightgrey;outline:1px solid darkgray;font-weight:bold;font-size:11px;padding:5px;margin-bottom:2px;
}

/** particles **/

/* ---- reset ---- */  canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #007B9F; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #007B9F; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }