/* CSS PAGE LOGIN */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
* {
	font-size: 12px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #707478;
    margin: 0px;
    padding:0px;
}
body { background: #FFF;}

/* loading */
#page-loader.fade.in {
    display: block;
}
#page-loader.fade {
    display: none;
}
#page-loader {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #E6E8EC;
    z-index: 1020;
}
#page-loader {
    position: fixed;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.fade.in .spinner{
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
}
.spinner {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -20px 0 0;
    border: 2px solid #fff;
    border-top: 2px solid #24B498;
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from{ -webkit-transform:rotate(0) }
    to{ -webkit-transform:rotate(359deg) }
}
@-moz-keyframes rotation {
    from{ -moz-transform:rotate(0) }
    to{ -moz-transform:rotate(359deg) }
}
@-o-keyframes rotation{
    from{ -o-transform:rotate(0) }
    to{ -o-transform:rotate(359deg) }
}
@keyframes rotation { 
    from{transform:rotate(0) }
    to { transform:rotate(359deg) }
}

/* page */
.login { margin: 168px 0; position: relative; }
.login.login-page { width: 100%; margin: 0; padding: 0; min-width: 310px; }

/* left content */
.login.login-page .left-content {
    position: fixed;
    left: 0;
    right: 500px;
    top: 0;
    bottom: 0;
    -webkit-transform: translateZ(0);
    overflow: hidden;
}
.login.login-page .bg-image img {
    position: absolute;
    max-height: 100%;
    min-width: 100%;
    top: -1960px;
    bottom: -1960px;
    left: -1960px;
    right: -1960px;
    margin: auto;
}

/* right content */
.login.login-page .right-content { float: right; width: 500px; }

.login .brand { padding: 0; font-size: 16px; color: #242a30; padding:20px 0px 20px 0px;  }
.login.login-page .login-content { width: auto; padding: 30px 60px; color: #999; margin: 0 auto; }

.box-message {padding-bottom: 20px;}

.form-control {
    border: 1px solid #ccd0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
}

/* items */
/*.login label { color: #707478; }*/
.btn { font-weight: 300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn.btn-submit { color: #fff; background: #1ab394; border-color: #1ab394; }
.btn-block { padding-left: 12px; padding-right: 12px; }
.text-success { color: #1ab394;  }

.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active,
.btn-submit.active,
.open .dropdown-toggle.btn-submit,
.btn-submit:active:focus,
.btn-submit:active:hover,
.btn-submit.active:hover,
.btn-submit.active:focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF;
}




/* *********************** PACE LOADING *********************** */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #1ab394;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #1ab394, 0 0 5px #1ab394;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #1ab394;
  border-left-color: #1ab394;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}