/* Add here all your css styles (customizations) */
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 29px;
  margin-bottom:-5px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #009E60;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

/******************************/
/**********MAIN LOADER*********/
/******************************/
#dvLoading
{
   opacity:0.7;
   background:#000;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index:100;
}

#dvLoading img {
    margin-top:25%;
    margin-bottom:auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.ChildGrid th
{
    background-color: #6C6C6C !important;
    color: White;
    font-size: 9pt;
    /*line-height:200%*/
}

div.required:after {
    content: " *";
    color: red;
    white-space: pre;
    font-size:large;
}

/**************************************/
/****************LOGIN*****************/
/**************************************/
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  font-weight: 300;
  height:100px;
}
.login-logo a,
.register-logo a {
  color: White;
}

.forgot-box{
    width: 560px;
    margin: 7% auto;
}
@media (max-width: 768px) {
  .login-box,
  .register-box, .forgot-box {
    width: 90%;
    margin-top: 20px;
  }
}

.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  color: #444;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}

/*********************************************/
/**********LOADER AL ENVIAR EMAILS************/
/*********************************************/
#overlay
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}
#theprogress
{
    padding: 10px;
    width: 300px;
    height: 50px;
    line-height: 30px;
    text-align: center;           
}
#modalprogress
{
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

/*********************************************/
/**********VALIDATOR SUMMARY STYLE************/
/*********************************************/

.validation-summary-errors {
    background-color: #D9FFB2;
    border:1px solid #5CBA30;
    width: 400px;
    }
span.validation-summary-errors {
    border-bottom-color: #D9FFB2;
    display:block;

    }