*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

html,body{
  margin:0;
  padding:0;
}

body{
  font-family:Lato, sans-serif;
  font-weight:400;
  color:#141414;
}

table{
  width:100%;
}


table.striped{
  border-spacing: 0px;
  border-collapse: separate;
}

table.striped td,
table.striped th{
  padding: 15px 10px;
}

table.striped thead th{
  font-weight:bolder;
  border-bottom:2px solid #bdbdbd;
  text-align: left;
  font-size: 17px;
}

table.striped tbody tr:nth-child(odd) td{
  background:#f3f3f3;
}


/*Overflow settings*/
.no-overflow{
  overflow:hidden!important;
}
/*Header Classes*/
.h1{
  font-size: 3em;
  font-weight: bolder;
  display: block;
}

.h2{
    font-size:1.25em;
    font-weight:bolder;
}
/*Buttons*/
.button{
  display: block;
  border: 0;
  padding: 8px 30px;
  font-family: inherit;
  border-radius: 3px;
  cursor:pointer;
  font-size:16px;
  text-decoration: none;
  text-align: center;
  transition:250ms ease border, 250ms ease box-shadow;
}

.button:disabled{
  opacity:0.7!important;
}

.button.button-sm{
    font-size:14px;
    padding:4px 15px;
}

.button.button-fillspace{
    display:block;
    width:100%;
}

.button.button-default{
  background:#dcdcdc;
  transition:250ms ease background;
}

.button.button-default:active,
.button.button-default:focus{
  outline:0;
  background:#bfbfbf;
}

.button.button-submit{
  background: #eb9a41;
  color: #fff;
  border: 1px solid #d68d3c;
}

.button.button-submit:active, .button.button-submit:focus{
  border: 1px solid #eb9a41;
  box-shadow: 0px 0px 0px 3px rgba(235, 154, 65, 0.68);
  outline:0;
}

.button.button-link{
  background: transparent;
  font-weight: normal;
  color: #2296da;
}

.button.button-action-ok{
  background: #005c9e;
  color: #fff;
  border: 1px solid #013e69;
}

.button.button-action-ok:focus,.button.button-action-ok:active{
  border: 1px solid #013e69;
  box-shadow: 0px 0px 0px 3px rgba(0, 92, 158, 0.68);
  outline:0;
}

.button.button-action-deny{
  background: #9e0000;
  color: #fff;
  border: 1px solid #4a0202;
}

.button.button-action-deny:focus,.button.button-action-deny:active{
  box-shadow: 0px 0px 0px 3px rgba(158, 0, 0, 0.68);
  outline:0;
}

.button.button-action-success{
  background: #3d9e00;
  color: #fff;
  border: 1px solid #1e4a02;
}

.button.button-action-success:focus,.button.button-action-success:active{
  border: 1px solid #013e69;
  box-shadow: 0px 0px 0px 3px rgba(0, 158, 27, 0.68);
  outline:0;
}

.button.button-link:active, .button.button-link:focus, .button.button-link:hover{
  text-decoration: underline;
  outline:0;
}

.button.button-disabled{
    background:#7b7b7b;
}


.button.button-brand-ga{
    background: #86bd28;
    color: #fff;
    border: 1px solid #597d1b;
}

.button.button-brand-ga:active, .button.button-brand-ga:focus{
  box-shadow: 0px 0px 0px 3px rgba(116, 204, 111, 0.68);
  outline:0;
}

.button.button-brand-galt{
    background: #c60777;
    color: #fff;
    border: 1px solid #520030;
}

.button.button-brand-galt:active, .button.button-brand-galt:focus{
  box-shadow: 0px 0px 0px 3px rgba(160, 46, 110, 0.68);
  outline:0;
}

/*Floating*/
.float-right{
  float:right;
}

/*Flex */
.flex, .flexbox, .row{
  display:-ms-flexbox;
  display:flexbox;
  display:flex;

  flex-wrap: wrap;
}

.flex.hnh .chld{
  width:50%;
}

.flex.tns .chld:nth-child(1){
  width:30%;
}
.flex.tns .chld:nth-child(2){
  width:65%;
}

.row{
  flex-wrap:nowrap;
  flex-grow: 1;
  justify-content: space-between;
}

/*Text Colors*/


.text-error{
  color:#d61016!important;
  font-weight:bolder!important;
}

/*Loader CSS*/
.ga-ld{
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border-left: 5px solid #C60777;
  border-bottom: 5px solid #86bd28;
  border-right: 5px solid #86bd28;
  border-top: 5px solid #C60777;
}

.ga-ld.animate{
  animation-name: galdrspin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.ga-ld.chkmark .chk {
  display: none;
  height: 50px;
  width: 50px;
  position: relative;
  top: -5px;
  left: -5px;
  border-radius: 100%;
  transition:50ms ease background;
}
.ga-ld.chkmark.done .chk {
  display: block;
  background: #c60777;
  animation-delay: 900ms;
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: galdrpop;
}
.ga-ld.chkmark.done {
  border:5px solid #c60777;
  background:#c60777;
}
.ga-ld.chkmark.done .chk:after{
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: galdrchk;
  transform: scaleX(-1) rotate(135deg);
}
.ga-ld.chkmark.done .chk:after {
  height: 26px;
  width: 11px;
  transform-origin: left top;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  content: '';
  top: 28px;
  left: 9px;
  position: absolute;
}

.ga-ld.chkmark.fail .chk {
  display: block;
  background: #c60777;
  animation-delay: 900ms;
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: galdrpop;
}
.ga-ld.chkmark.fail {
  border:5px solid #c60777;
  background:#c60777;
}
.ga-ld.chkmark.fail .chk:after{
  animation-duration: 700ms;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-name: galdrfail;
}

.ga-ld.chkmark.fail .chk:before{
  animation-delay: 200ms;
  animation-duration: 700ms;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-name: galdrfail;
}

.ga-ld.chkmark.fail .chk:after,
.ga-ld.chkmark.fail .chk:before {
  height: 0px;
  width: 2px;
  background: #fff;
  transform-origin: left top;
  content: '';
  top: 15px;
  left: 13px;
  position: absolute;
}

.ga-ld.chkmark.fail .chk:after{
  top: 15px;
  transform: rotate(-45deg);
}


.ga-ld.chkmark.fail .chk:before{
  top: 14px;
  left: 35px;
  transform: rotate(45deg);
}

@keyframes galdrfail {
  0% {
    height: 0;
  }
  50%{
    height:0;
  }
  100% {
    height: 30px;
  }
}

@keyframes galdrchk {
  0% {
    height: 0;
    width: 0;
  }
  20% {
    height: 0;
    width: 11px;
  }
  40% {
    height: 26px;
    width: 11px;
  }
  100% {
    height: 26px;
    width: 11px;
  }
}

@keyframes galdrpop {
  0% {
    transform:scale(1);
  }
  49% {
    transform:scale(1);
  }
  50% {
    transform:scale(0.8);
  }
  75% {
    transform:scale(1.2);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes galdrspin {
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
/*Forms */

.form-item{
    margin:20px 0px;
}

.form-item label{
  display:block;
  font-weight:bolder;
  margin:5px 0px;
}

.form-item select{
  display: block;
  width: 95%;
  font-family: inherit;
  font-size: 16px;
  border: 1px solid #dedede;
  border-radius: 3px;
  padding: 5px;
}

.form-item input,
.form-item select,
.form-item textarea{
  transition:250ms ease;
}

.form-item input:focus,
.form-item select:focus,
.form-item textarea:focus{
  outline:0;
  box-shadow:0px 0px 0px 3px rgba(63, 148, 255, 0.45);
  border:1px solid rgba(63, 148, 255, 1);
}

.input-value.input-error{
  border:1px solid #d61016;
}


/*text-positioning*/
.text-center{
    text-align:center;
}


/*Display Type*/
.d-block{
    display:block;
}

.d-inline{
    display:inline-block;
}


/*Inputs*/
.input-value{
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  box-shadow:0px 0px 0px 0px transparent;
  transition:250ms ease border, 250ms ease box-shadow;
}

.input-value:focus{
  border: 1px solid #3690d0;
  box-shadow: 0px 0px 0px 3px rgba(38, 165, 255, 0.47);
  outline: 0;
}


/*widths*/

.w-100{
  width:100%;
}

.w-75{
  width:75%;
}

.w-50{
  width:50%;
}

.w-25{
  width:25%;
}


.alert{
  position: fixed;
  bottom: 30px;
  right: -5%;
  opacity:0;
  background: #2f668e;
  z-index: 10;
  color: #fff;
  padding: 10px 20px;
  cursor: default;
  user-select: none;
  border-radius: 30px;
  box-shadow: 1px 1px 10px 0px #6a728c;
  transition: 250ms ease;
}

.alert.top{
  top: 100px;
  bottom:unset;
}

.alert.display{
  right:50px;
  opacity:1;
}

@media only screen and (max-width:450px){
  .alert{
    width: 98%;
    margin: auto;
    text-align: center;
    font-size: 20px;
    border-radius: 3px;
  }
  .alert.display{
    right:0px;
    left:0;
  }
}


/*Editor*/
.editor{
  display: -ms-flexbox;
  display: flexbox;
  display: flex;
  flex-wrap: nowrap;
}

.editor .edit-icon{
  width: 45px;
  padding: 8px;
  text-align: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #d9e0ea;
}

.editor .editor-main{
  flex-grow:1;
}

.editor .editor-main textarea{
  padding: 8px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0px;
  min-height:200px;
  resize:none;
}

.editor .editor-main textarea:focus{
  box-shadow:unset;
  border: 1px solid #dcdcdc;
}

.editor.title-editor input{
  border: 0;
  font-family: inherit;
  font-size: 3em;
  font-weight: bolder;
  border-bottom: 1px dotted;
  width:100%;
  transition: 250ms ease;
}

.editor.title-editor input:focus{
  outline:0;
}

.editor.title-editor .editor-main{
  width:100%;
  overflow:hidden;
}

.editor.title-editor .editor-main:after{
  content:"";
  display:block;
  position:relative;
  top:-1px;
  height:1px;
  width:0%;
  background:#000;
}

.editor.title-editor .editor-main.focus:after{
  width:100%;
  transition:500ms ease;
}
.editor.title-editor .editor-main.unfocus:after{
  width:100%;
  transition:500ms ease;
  transform: translateX(100%);
}



.animate-wiggle{
  animation-duration: 200ms;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-name: wiggle;
}

@keyframes wiggle {
  0% {
    transform: rotate(1deg);
  }
  50%{
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
  }
}

body{
  background:#e2e2e2;
  color:#141414;
  transition:1s ease;
}

body.success{
  background:#fff;
  overflow:hidden;
}

.auth-box{
  background: #fff;
  color: #141414;
  width: 400px;
  border-radius: 3px;
  margin: 100px auto;
  border: 1px solid #bbbbbb;
  transition:500ms ease;
}

body.success .auth-box{
  transform:scale(2);
  position:absolute;
  height:100%;
  width:100%;
  border:0;
  left:0;
  right:0;
  border-radius:0;
}

.auth-box .auth-header{
  width: 70%;
  margin: 0px auto 20px auto;
  padding-top: 20px;
}

.auth-box .auth-header img{
  width: 100%;
}

.auth-box .auth-header img{
  width: 100%;
}

.auth-box .user-finder{
  position: relative;
  height: 75px;
}

.auth-box .user-finder .user{
  height: 75px;
  width: 75px;
  border-radius: 15px;
  background: #ebebeb;
  margin: auto;
  overflow: hidden;
  transition:250ms ease border-radius, 250ms ease background;
}

.auth-box .user-finder .user.ga-ld.animate{
  border-radius:100%;
}

.auth-box .user-finder .user.found{
  border-radius:100%;
  background: #c60777;
}

.auth-box .user-finder .person{
  display: block;
  font-size: 2em;
  font-weight: bolder;
  user-select: none;
  width: 15px;
  height: 40px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition:250ms ease width, 250ms ease color, 250ms ease opacity;
}

.auth-box .user-finder .user.unknown .person{
  display: block;
  font-size: 2em;
  font-weight: bolder;
  user-select: none;
  width: 15px;
  height: 40px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #797979;
}

.auth-box .user-finder .user.found .person{
  width: 40px;
  color: #fff;
}

.auth-box .user-finder .user.ga-ld.animate .person{
  opacity:0;
}

.auth-box .auth-body{
  margin: 0px 40px;
  padding-bottom: 30px;
}

.auth-box .auth-body .form-item{
  margin: 20px 0px;
}


.auth-box .auth-body .form-item label[for="reme"]{
  font-weight:normal;
  display:inline-block;
}

.auth-box .auth-body .button-link{
  padding: 8px 0px;
  color: #989898;
  font-size: 14px;
}

.auth-box .error-alert{
  flex-wrap:nowrap;
  background: #ebebeb;
  margin: 10px 0px;
  border-radius: 3px;
}

.auth-box .error-alert .alert-icon{
  padding: 5px 20px 5px 8px;
  background: #d61016;
  color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-right: 10px;
  position: relative;
  width: 30px;
}

.auth-box .error-alert .alert-icon .glyphicon{
  position: absolute;
  width: 16px;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 16px;
}

.auth-box .error-alert .alert-content{
  padding: 10px;
  font-size: 14px;
}


/*Sign Up*/
.auth-box .auth-body.signup .password-insight .password-meter{
  border: 1px solid #bdbdbd;
  position: relative;
  height: 20px;
  border-bottom: 1px solid #d8d8d8;
  background: #ebebeb;
}

.auth-box .auth-body.signup .password-insight .password-meter .pass-status{
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 5;
  overflow: hidden;
  font-weight: bold;
  font-size: 14px;
}
.auth-box .auth-body.signup .password-insight .password-meter .passbar{
  position: absolute;
  height: 100%;
  transition: 250ms ease;
}

.auth-box .auth-body.signup .password-insight .password-meter .passbar[data-score="0"]{
  width: 20%;
  background: #dc3939;
}
.auth-box .auth-body.signup .password-insight .password-meter .passbar[data-score="1"]{
  width: 40%;
  background: #dc7d39;
}
.auth-box .auth-body.signup .password-insight .password-meter .passbar[data-score="2"]{
  width: 60%;
  background: #dcc735;
}
.auth-box .auth-body.signup .password-insight .password-meter .passbar[data-score="3"]{
  width: 80%;
  background: #a4ad17;
}
.auth-box .auth-body.signup .password-insight .password-meter .passbar[data-score="4"]{
  width: 100%;
  background: #43ad17;
}

.auth-box .auth-body.signup .password-insight .password-help{
  border: 1px solid #bdbdbd;
  padding: 5px;
  border-top: 0;
  font-size: 14px;
}

@media screen and (max-width:400px){
  .auth-box{
    width: 100%;
  }
}