/* Form loader */
.ejabat-loader{
display:block;
border:6px solid #0996CB;
border-top:6px solid #FFFFFF;
border-radius:50%;
width:60px;
height:60px;
margin:0 auto;
animation:spin 0.8s linear infinite;
}
/* Logout */
.ejabat-logout{
}
/* Color picker */
.ejabat-color{
margin-right:1.5em;
}
/* Inputs style */
.ejabat input[type="text"]:not(.ejabat-color), .ejabat input[type="password"], .ejabat input[type="email"], .ejabat select{
width:100%;
max-width:292px;
}
.ejabat select[readonly]{
pointer-events:none;
}
.ejabat input[type="checkbox"]{
}
.ejabat label span{
background-color:#EFEFEF;
padding:4px;
}
/* Valid input */
.ejabat input.valid{
border-bottom-color:#28A745!important;
box-shadow:0 1px 0 0 #28A745!important;
}
/* Invalid input */
.ejabat input.invalid{
border-bottom-color:#D9534F!important;
box-shadow:0 1px 0 0 #D9534F!important;
}
/* Tip */
.ejabat-tip{
display:block;
position:absolute;
margin:0 4px;
}
.ejabat-tip .ejabat-spinner{
width:8px;
height:8px;
margin:0 4px 0 0;
}
/* Password strength */
.ejabat input.too-weak, .ejabat input.very-weak{
border-bottom-color:#D9534F !important;
box-shadow:0 1px 0 0 #D9534F !important;
}
.ejabat input.weak{
border-bottom-color:#F0AD4E !important;
box-shadow:0 1px 0 0 #F0AD4E !important;
}
.ejabat input.good{
border-bottom-color:#5BC0DE !important;
box-shadow:0 1px 0 0 #5BC0DE !important;
}
.ejabat input.strong{
border-bottom-color:#28A745 !important;
box-shadow:0 1px 0 0 #28A745 !important;
}
/* Information */
.ejabat-info{
display:inline-block;
padding:1em 1.5em;
}
/* Response */
.ejabat p:last-of-type{
margin:0;
}
.ejabat #response{
display: inline-block;
margin-top:1.5em;
padding:1em 1.5em;
}
.ejabat #response:empty{
display:none;
}
.ejabat-success{
border:1px solid #D6E9C6;
background-color:#DFF0D8;
color:#155724;
}
.ejabat-error{
border:1px solid #F5C6CB;
background-color:#F8D7DA;
color:#721C24;
}
.ejabat-blocked{
border:1px solid #FFEEBA;
background-color:#FFF3CD;
color:#856404;
}
/* Spinner animation */
.ejabat-spinner{
display:inline-block;
vertical-align:middle;
border:1.4px solid #0996CB;
border-top:1.4px solid #FFFFFF;
border-radius:50%;
width:20px;
height:20px;
margin:0 0 0 10px;
animation:spin 0.8s linear infinite;
}
@keyframes spin{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Huebee */
.huebee__cursor {
width:20px;
height:20px;
}