/*
	Copyright (c) 2015-2019 Krzysztof Grochocki

	This file is part of Ejabberd Account Tools.

	Ejabberd Account Tools is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation; either version 3, or
	(at your option) any later version.

	Ejabberd Account Tools is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with GNU Radio. If not, see <http://www.gnu.org/licenses/>.
*/

/* Form loader */
.ejabat.loader{
border:6px solid #0996CB;
border-top:6px solid #F3F3F3;
border-radius:50%;
width:60px;
height:60px;
margin:0 auto;
animation:spin 0.8s linear infinite;
}
/* Blocks style */
.ejabat > div:not(#submit):not(#response){
margin-bottom:1.5em;
}
#ejabat_logout{
float:right;
margin-bottom:1em;
margin-left:20px;
}
/* Color picker */
.ejabat .wp-picker-container{
margin-left:1.5em;
}
.ejabat .wp-picker-container{
display:inline-block;
}
.ejabat .wp-picker-input-wrap .button{
padding:2px 4px;
}
/* Inputs style */
.ejabat input[type="text"], .ejabat input[type="password"], .ejabat input[type="email"], .ejabat select{
width:100%;
max-width:292px;
}
.ejabat input[type="checkbox"]{
margin-left:3px;
margin-right:6px;
vertical-align:middle;
}
.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;
}
/* Invalid reCaptcha */
.ejabat div.invalid{
border:1px solid #f00 !important;
display:inline-block;
margin:-1px;
}
/* Tip */
.ejabat .tip{
font-weight:normal;
font-size:1em;
display:flex;
align-items:center;
margin:0 4px;
}
.ejabat .tip:not(:empty){
margin-bottom:-1.5em;
}
.ejabat .recaptcha.tip:not(:empty){
position:inherit;
margin:-5px 4px 0;
}
.ejabat .tip .spinner{
border:1px solid #0996CB;
border-top:1px solid #F3F3F3;
border-radius:50%;
width:10px;
height:10px;
margin-right:4px;
animation:spin 0.8s linear infinite;
}
/* Hints */
.ejabat .hints{
display:inline;
}
/* 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;
}
/* Submit */
.ejabat #submit{
display:flex;
align-items:center;
}
.ejabat #submit .spinner{
border:2px solid #0996CB;
border-top:2px solid #F3F3F3;
border-radius:50%;
width:20px;
height:20px;
margin-left:10px;
animation:spin 0.8s linear infinite;
}
/* Response */
.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;
}
/* Information */
.ejabat .info{
display:inline-block;
margin-bottom:1.5em;
padding:1em 1.5em;
}
.ejabat .no-margin{
margin:0!important;
}
/* Spinner animation */
@keyframes spin{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}