@charset "UTF-8";
/*basic reset*/
* {
margin:0;
padding:0;
font-size: 18px;
}
body {
font-family:"Open Sans","Arial",sans-serif;
background-color:#FFFFFF;
background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
#logo {
width:200px;
margin:30px auto 30px;
text-align:center;
position:relative;
border: none;
}
/*form styles*/
#msform {
width:800px;
margin:20px auto 50px;
/* text-align:center;*/
position:relative;
}
#msform fieldset {
background:white;
border:0 none;
border-radius:3px;
box-shadow:0 0 15px 1px rgba(0,0,0,0.4);
padding:20px 130px;
box-sizing:border-box;
width:90%;
margin:0 5%;
/*stacking fieldsets above each other*/
position:relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display:none;
}
#msform input[type="text"]:hover,#msform input[type="password"]:hover,#msform select:hover,#msform radio:hover,#msform textarea:hover {
color:#000000;
border:1px solid #8c8c8c;
}
.form-control {
color: #000000;
}
/*buttons*/
/*#msform .action-button{*/
/*
.action-button {
width:100px !important;
font-weight:500;
color:#fff !important;
border:0 none;
cursor:pointer;
padding:10px 5px;
margin:10px 0px;
background:#f0b400;
background:-webkit-linear-gradient(#f0b400,#ffcc33);
background:-o-linear-gradient(#f0b400,#ffcc33);
background:-moz-linear-gradient(#f0b400,#ffcc33);
background:linear-gradient(#f0b400,#f0b400);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.action-button:hover {
width:100px;
background:#f0b400;
background:-webkit-linear-gradient(#f0b400,#d6a100);
background:-o-linear-gradient(#f0b400,#d6a100);
background:-moz-linear-gradient(#f0b400,#d6a100);
background:linear-gradient(#f0b400,#d6a100);
}
.action-button:focus {
width:100px;
background:#f0b400;
background:-webkit-linear-gradient(#f0b400,#ffcc33);
background:-o-linear-gradient(#f0b400,#ffcc33);
background:-moz-linear-gradient(#f0b400,#ffcc33);
background:linear-gradient(#f0b400,#ffcc33);
border:1px solid #8c8c8c;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
outline-color:#8c8c8c;
-moz-outline-color:#8c8c8c;
-webkit-outline-color: #8c8c8c;
}
*/
.action-button {
width:100px !important;
font-weight:500;
color:#fff !important;
border:0 none;
cursor:pointer;
padding:10px 5px;
margin:10px 0px;
background:#3c8dbc;
background:-webkit-linear-gradient(#3c8dbc,#367fa9);
background:-o-linear-gradient(#3c8dbc,#367fa9);
background:-moz-linear-gradient(#3c8dbc,#367fa9);
background:linear-gradient(#3c8dbc,#3c8dbc);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.action-button:hover {
width:100px;
background:#3c8dbc;
background:-webkit-linear-gradient(#3c8dbc,#367fa9);
background:-o-linear-gradient(#3c8dbc,#367fa9);
background:-moz-linear-gradient(#3c8dbc,#367fa9);
background:linear-gradient(#3c8dbc,#367fa9);
}
.action-button:focus {
width:100px;
background:#3c8dbc;
background:-webkit-linear-gradient(#3c8dbc,#367fa9);
background:-o-linear-gradient(#3c8dbc,#367fa9);
background:-moz-linear-gradient(#3c8dbc,#367fa9);
background:linear-gradient(#3c8dbc,#367fa9);
border:1px solid #8c8c8c;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
outline-color:#8c8c8c;
-moz-outline-color:#8c8c8c;
-webkit-outline-color: #8c8c8c;
}
/*headings*/
.fs-title {
font-size:30px;
font-weight:500;
color:#373737;
text-align:center;
margin-top:10px;
margin-bottom:25px;
}
label {
font-size:18px;
font-weight:500;
color:#373737;
}
input[type="checkbox"].on-off {
cursor:default;
left:-1000rem;
padding:0;
position:absolute;
}
input[type="checkbox"].on-off+label {
-webkit-transition:background-color 0.3s cubic-bezier(0.55,0,0.1,1);
-moz-transition:background-color 0.3s cubic-bezier(0.55,0,0.1,1);
transition:background-color 0.3s cubic-bezier(0.55,0,0.1,1);
background-color:#b2b2b2;
border-radius:1.5rem;
box-sizing:content-box;
display:inline-block;
font-size:0;
overflow:hidden;
padding:0.1rem;
position:relative;
width:3.5rem;
z-index:1;
margin-bottom:-2px;
margin-left:6px;
}
input[type="checkbox"].on-off+label.dragging {
background-color:#b2b2b2 !important;
box-shadow:none !important;
}
input[type="checkbox"].on-off+label>.handle {
-webkit-transition:left 0.3s cubic-bezier(0.55,0,0.1,1);
-moz-transition:left 0.3s cubic-bezier(0.55,0,0.1,1);
transition:left 0.3s cubic-bezier(0.55,0,0.1,1);
background-color:white;
border-radius:50%;
box-sizing:border-box;
cursor:pointer;
display:inline-block;
height:1.5rem;
left:0;
position:relative;
width:1.5rem;
z-index:auto;
}
input[type="checkbox"].on-off+label>.handle::before,input[type="checkbox"].on-off+label>.handle::after {
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
color:white;
cursor:default;
font-size:0.625rem;
height:0.7rem;
position:absolute;
top:50%;
z-index:-1;
}
input[type="checkbox"].on-off+label>.handle::before {
content:'';
right:2.3rem;
border-left:0.2rem solid white;
}
input[type="checkbox"].on-off+label>.handle::after {
content:'';
left:2.1rem;
border:0.2rem solid white;
width:0.75rem;
border-radius:50%;
}
input[type="checkbox"].on-off+label>.handle.ui-draggable-dragging {
-webkit-transition:none;
-moz-transition:none;
transition:none;
}
input[type="checkbox"].on-off:focus+label {
box-shadow:0 0 0 0.0625rem #b2b2b2 inset;
}
input[type="checkbox"].on-off:checked+label {
background-color:#009ddc;
}
input[type="checkbox"].on-off:checked+label>.handle {
left:2rem;
}
input[type="checkbox"].on-off:checked:focus+label {
box-shadow:0 0 0 0.0625rem #009ddc inset;
}
input[type="checkbox"].on-off:disabled+label {
pointer-events:none;
background-color:#e6e6e6;
}
input[type="checkbox"].on-off:disabled+label>.handle {
background-color:white;
}
input[type="checkbox"].on-off:disabled+label>.handle::before,
input[type="checkbox"].on-off:disabled+label>.handle::after {
background-color:#e6e6e6;
border-color:white;
}
.radio {
padding-left:20px;
}
.radio label {
display:inline-block;
position:relative;
padding-left:5px;
}
.radio label::before {
content:"";
display:inline-block;
position:absolute;
width:17px;
height:17px;
left:0;
margin-top:3px;
margin-left:-20px;
border:1px solid #cccccc;
border-radius:50%;
background-color:#fff;
-webkit-transition:border 0.15s ease-in-out;
-o-transition:border 0.15s ease-in-out;
transition:border 0.15s ease-in-out;
}
.radio label::after {
display:inline-block;
position:absolute;
content:" ";
width:11px;
height:11px;
left:3px;
top:3px;
margin-top:3px;
margin-left:-20px;
border-radius:50%;
background-color:#555555;
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
-moz-transition:-moz-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
-o-transition:-o-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
transition:transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
}
.radio input[type="radio"] {
opacity:0;
}
.radio input[type="radio"]:checked+label::after {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.radio input[type="radio"]:disabled+label {
opacity:0.65;
}
.radio input[type="radio"]:disabled+label::before {
cursor:not-allowed;
}
.radio.radio-inline {
margin-top:0;
}
.radio-primary input[type="radio"]+label::after {
background-color:#428bca;
}
.radio-primary input[type="radio"]:checked+label::before {
border-color:#428bca;
}
.radio-primary input[type="radio"]:checked+label::after {
background-color:#428bca;
}
.radio-danger input[type="radio"]+label::after {
background-color:#d9534f;
}
.radio-danger input[type="radio"]:checked+label::before {
border-color:#d9534f;
}
.radio-danger input[type="radio"]:checked+label::after {
background-color:#d9534f;
}
.radio-info input[type="radio"]+label::after {
background-color:#5bc0de;
}
.radio-info input[type="radio"]:checked+label::before {
border-color:#5bc0de;
}
.radio-info input[type="radio"]:checked+label::after {
background-color:#5bc0de;
}
.radio-warning input[type="radio"]+label::after {
background-color:#f0ad4e;
}
.radio-warning input[type="radio"]:checked+label::before {
border-color:#f0ad4e;
}
.radio-warning input[type="radio"]:checked+label::after {
background-color:#f0ad4e;
}
.radio-success input[type="radio"]+label::after {
background-color:#5cb85c;
}
.radio-success input[type="radio"]:checked+label::before {
border-color:#5cb85c;
}
.radio-success input[type="radio"]:checked+label::after {
background-color: #5cb85c;
}
.spinner {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.spinner-content {
background-color: #fff;
background: url("../images/global_spinner.svg") no-repeat center center;
margin: 160px auto;
padding: 60px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: #373737;
text-transform: uppercase;
text-align: center;
font-size: 9px;
width: 20%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #ffffff;
background: #ccc;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #ccc;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
background: #3c8dbc;
color: white;
}