.loader {
	background:#f00;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Loading_2.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.full-height {
    height: 100vh;
}
.flex-center {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.position-ref {
    position: relative;
}
.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}
.content {
    text-align: center;
}
.title {
    font-size: 84px;
}
.m-b-md {
    margin-bottom: 30px;
}
.topper-top{
    position:absolute;
    left:0;
    top:0;
    width:100vw;
    height:auto;
    background-color:#3498db;
    color:#fff;
    z-index:60009022;
}


/*  */
.topper-success{
    background-color:#2ecc71;
    color:#fff;
}

.topper-info{
    background-color:#3498db;
    color:#fff;
}

.topper-warning{
    background-color:#f39c12;
    color:#1f1f1f;
}

.topper-danger{
    background-color:#e74c3c;
    color:#fff;
}

/* Topper-top */

.topper-top .topper-title{
    float:left;
    font-weight:bold;
}

.topper-top .topper-text{
    float:left;
    margin-left:15px;
}

.topper-top .topper-close{
    position:absolute;
    right:25px;
    top:15px;
    font-size:28px;
    cursor:pointer;
    transition:opacity 200ms ease;
}

.topper-top .topper-close:hover{
    opacity:0.7;
}

.topper-top .topper-content:after{
    content:"";
    display:table;
    clear:both;
}

.topper-top .topper-content{
    padding:25px;
}
.box-co-login{background: #dff0d8 none repeat scroll 0 0;
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    padding: 15px;
    width: 100%;
    margin-top: 5px; font-size:12px; color:#3c763d}
.alert-danger, .alert-success{font-size:13px}
.lbl {
  color: white;
  padding: 8px;
  font-size:9px
}
.l-success {background-color: #4CAF50;} /* Green */
.l-info {background-color: #2196F3;} /* Blue */
.l-warning {background-color: #ff9800;} /* Orange */
.l-danger {background-color: #f44336;} /* Red */
.l-other {background-color: #e7e7e7; color: black;} /* Gray */

.payment-method .row{margin-bottom:20px}
/* HIDE RADIO */
.payment[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.payment[type=radio] + img {
  cursor: pointer;
  width:100%
}

/* CHECKED STYLES */
.payment[type=radio]:checked + img {
  outline: 1px solid #36b0ec;
  background-color: #edf8fd  
}


/* HIDE RADIO */
.cvr[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.cvr[type=radio] + img {
  cursor: pointer;
  width:100%
}

/* CHECKED STYLES */
.cvr[type=radio]:checked + img {
  outline: 1px solid #36b0ec;
  background-color: #edf8fd  
}


.text-red{color:red !important}
.btn-red{background:#dc3545; border:1px solid #dc3545; color:#fff; padding:10px; width:100%}
.btn-green{background:#28B463; border:1px solid #1E8449; color:#fff; padding:10px; width:100%}
.btn-orange{background:#F39C12; border:1px solid #CA6F1E; color:#fff; padding:10px; width:100%}
.readmore{overflow: hidden; text-overflow: ellipsis; position:relative; height:50px}
.btn-act {
  background-color: #4CAF50;
  border: none;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: .25rem;
}
.btn-group-sm>.btn, .btn-sm {
  font-size: 12px;
}
.dropdown-menu{font-size: 12px;}
.f13{font-size:13px}
.card-img{
  height:160px; overflow:hidden
}
.card-img img {
  object-fit: cover; width:100%; height:160px
}
.alert{font-size:13px}
.form-group input, .form-group textarea{font-size: 13px;}
.chosen-container-single .chosen-single{font-size: 13px;}
.top-area .user-img{width: 60px;}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-success {
    background-color: #5cb85c;
}.label-danger {
    background-color: #d9534f;
}.label-warning {
    background-color: #f0ad4e;
}
.show-password{position:absolute; top:5px; right:0; cursor:pointer; color:#ccc}
span.list-bio{color:#000; font-size:13px; padding-bottom:5px; line-height: 23px; letter-spacing: 0px; font-family: 'arial';}
.d-none{display:none}