/*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-orange {
  border: 2px solid rgb(255, 100, 0) !important;
}

.loading-clock-orange:after {
  background-color: rgb(255, 100, 0) !important;
}

.loading-clock-orange:before {
  background-color: rgb(255, 100, 0) !important;
}
.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*/
/*--------------------------------------------------------------------------------------------------------------------*/
.nobr {
  white-space:nowrap;
}
label.error{
  color:red;
  font-weight: normal;
  margin-left: 5px;
}
a:hover,
a:focus,
a:active,
input:hover,
input:focus,
input:active {
  outline: none !important;
  box-shadow: none !important;
}
.logout_btn,
.logout_btn:hover,
.logout_btn:focus {
  font-weight: 700;
  font-size: 8pt;
  text-transform: uppercase;
  width: 85px;
  height: 20px;
  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);
  padding: 2px 2px;
}
.popup_btn,
.popup_btn:hover,
.popup_btn:focus,
.popup_btn:active,
.popup_btn:hover:active,
.popup_btn:focus:active{
  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);
}

.popup_btn:disabled{
  border: none;
  color:rgba(255,255,255,1);
  background-color: rgba(154,194,40,1);
}