body{
    font-family: 'Open Sans', sans-serif;
}

input[type="text"], input[type="password"], textarea {
    height: 28px;
    width: 180px;
}
.auth_input label {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 11pt;
}
h1 {
    font-weight: 700
}
.container {
    padding-top: 30px;
}
.content {
    background-color: #fafafa;
    color: rgba(94,94,93,1);
    padding-left: 40px;
    padding-bottom: 30px;
    padding-top: 15px;
    padding-right: 40px;
}
.form-control {
    border-radius: 2px;
    border-color: grey;
    padding-left: 0.2rem;
}
.form-control:focus, .form-control:hover {
    border-color: black;
    box-shadow: none;
}
.menu {
    /*padding-top: 30px;*/
}
.header {
    padding-bottom: 30px;
    padding-left: 15px;
}
.uppercase {
    text-transform: uppercase;
}
.header .uppercase{
    font-size: 8pt;
}
.textfieldRequired{
    color: red;
}
.error {
    border: 1px solid red;
}

.textfieldRequired > .error{
    border: 0px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    font-weight: 700;
    font-size: 10pt;
    text-transform: uppercase;
    width: 180px;
    height: 35px;
    color:rgb(255,255,255)\9;
    color:rgba(255,255,255,1);
    background-color: rgb(154,194,40)\9;
    background-color: rgba(154,194,40,1);
    border-color: rgba(154,194,40,1);
    border-color: rgb(154,194,40)\9;
}
.validation_message{
    color: red;
}

.radio .form-group{
    margin-bottom: 0;
}

input[type="checkbox"], input[type="radio"] {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity:0;
    position: absolute;
    width: 0;
}

.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: normal;
}
.radio label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: rgba(255,255,255,1);
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(154,194,40,1);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}

input[type=radio]:checked + label:before {
    background-color: rgb(154,194,40)\9;
    background-color: rgba(154,194,40,1);
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.alert-login{
    width: 455px;
    font-size: 11pt;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}

.auth_input{
    border-radius: 3px;
    width: 455px;
    background-color: rgba(94,94,93,0.2);
    margin-left: 0px !important;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 15px;
    margin-bottom: 25px;
}
.cookie-bar {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    left: 0;
    background: rgba(94,94,93,0.2);
    min-height: 45px;
    right: 0;
}
.cookie-bar > .container > .left {
    float: left;
    line-height: 45px;
}
.cookie-bar > .container > .right {
    float: right;
    line-height: 45px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;

}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
.textfieldRequired{
    color: red;
}
/*Loader clock containers and css animation*/
div.clock-timer {
  height: 26px;
  position: relative;
  display: inline-block;
  vertical-align:  middle;
  padding-left: 5px;
}
span.loading-timer {
  height: 26px;
  width: 50px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 5px;
}
.loading-clock {
  border-radius: 19px;
  border: 2px solid rgb(85,85,85);
  height: 26px;
  width: 26px;
  position: relative;
  display: inline-block;
}
.loading-clock:after {
  content: "";
  position: absolute;
  background-color: rgb(85,85,85);
  top:2px;
  left: 45%;
  height: 10px;
  width: 2px;
  border-radius: 2px;
  transform-origin: 50% 93%;
  -o-transform-origin: 50% 93%;
  -ms-transform-origin: 50% 93%;
  -webkit-transform-origin: 50% 93%;
  -moz-transform-origin: 50% 93%;
  animation: grdAiguille 3.5s linear infinite;
  -o-animation: grdAiguille 3.5s linear infinite;
  -ms-animation: grdAiguille 3.5s linear infinite;
  -webkit-animation: grdAiguille 3.5s linear infinite;
  -moz-animation: grdAiguille 3.5s linear infinite;
}
.loading-clock:before {
  content: "";
  position: absolute;
  background-color: rgb(85,85,85);
  top:4px;
  left: 45%;
  height: 8px;
  width: 2px;
  border-radius: 2px;
  transform-origin: 50% 90%;
  -o-transform-origin: 50% 90%;
  -ms-transform-origin: 50% 90%;
  -webkit-transform-origin: 50% 90%;
  -moz-transform-origin: 50% 90%;
  animation: ptAiguille 21s linear infinite;
  -o-animation: ptAiguille 21s linear infinite;
  -ms-animation: ptAiguille 21s linear infinite;
  -webkit-animation: ptAiguille 21s linear infinite;
  -moz-animation: ptAiguille 21s linear infinite;
}
@keyframes grdAiguille{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@-o-keyframes grdAiguille{
  0%{-o-transform:rotate(0deg);}
  100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes grdAiguille{
  0%{-ms-transform:rotate(0deg);}
  100%{-ms-transform:rotate(360deg);}
}
@-webkit-keyframes grdAiguille{
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes grdAiguille{
  0%{-moz-transform:rotate(0deg);}
  100%{-moz-transform:rotate(360deg);}
}
@keyframes ptAiguille{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@-o-keyframes ptAiguille{
  0%{-o-transform:rotate(0deg);}
  100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes ptAiguille{
  0%{-ms-transform:rotate(0deg);}
  100%{-ms-transform:rotate(360deg);}
}
@-webkit-keyframes ptAiguille{
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes ptAiguille{
  0%{-moz-transform:rotate(0deg);}
  100%{-moz-transform:rotate(360deg);}
}
/*End of loader clock animation*/