@font-face {
	font-family: "Lato Regular";
	src: url("fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Bold";
	src: url("fonts/Lato-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Italic";
	src: url("fonts/Lato-Italic.ttf") format("truetype");
	font-style: italic:
}

@font-face {
	font-family: "Lato Hairline";
	src: url("fonts/Lato-Hairline.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Light";
	src: url("fonts/Lato-Light.ttf") format("truetype");
}


body {
	font-family:'Lato Regular';
	margin: 15px 0px;
    padding-top: 50px;
    font-size: 12px;
}

#index {
    background: url("../img/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.divider {
    width: 100%;
    height: 1px;
    background: #b0b0b0;
}

h1 {
	font-family:'Lato Regular';
}

h4 {
	font-family:'Lato Bold';
}

/* remove dash line around select items */
select:-moz-focusring {
    color:transparent;
    text-shadow: 0 0 0 #000;
}

#email-modif-form {
	font-size: 16px;
	background: rgba(255,255,255,0.5);
	padding: 20px;
	border-radius: 6px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(232, 37, 129,0.5);
    -moz-box-shadow: 0px 0px 8px 2px rgba(232, 37, 129,0.5);
    box-shadow: 0px 0px 8px 2px rgba(232, 37, 129,0.5);
}

#login-form {
	font-size: 20px;
	background: rgba(255,255,255,0.65);
	padding: 20px;
	border-radius: 8px;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.8);
}

.img {
    width: 40%;
    height: 40%;
    margin: auto;
}

.col-md-12 {
    margin-bottom: 15px;
}

.form-control {
    /*height: 35px;*/
    font-size: 11px;
}

.form-control-err {
    border-color: rgba(255, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.8);
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.8);
    outline: 0 none;
}

#edit-form label,
#login-form label {
    margin-bottom: 0px;
}

#login-form input[type=submit] {
    margin: 20px auto 0;
    display: block;
}

#email-form input[type="text"]:focus,
#email-form select:focus,
#edit-form input[type="text"]:focus,
#edit-form input[type="email"]:focus,
#edit-form select:focus,
#profil-form input[type="text"]:focus,
#profil-form input[type="email"]:focus,
#profil-form input[type="password"]:focus,
#login-form input[type="email"]:focus,
#login-form input[type="password"]:focus,
#parametre-form input[type="text"]:focus,
#parametre-form textarea:focus {
    border-color: rgba(232, 37, 129, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(232, 37, 129, 0.8);
    -moz-box-shadow: 0px 0px 5px rgba(232, 37, 129, 0.8);
    box-shadow: 0 0 5px rgba(232, 37, 129, 0.8);
    outline: 0;
}

.button1 {
    border: 1px solid #ddd;
    background: #25e88c;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px;
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
}

.button1:hover {
    background: #137446;
}

.msg-error {
    font-size: 18px;
	font-family:'Lato Bold';
    margin: 0 auto;
    color: red;
}

.navbar {
    background: rgba(255,255,255,0.75);
}

.nav-link {
    font-size: 14px;
    outline: 0;
}

.navbar-text {
    font-size: 14px;
}

#profil-form {
	font-size: 14px;
}

.help-passwd {
    color: green;
	font-family: 'Lato Italic';
    font-size: 12px;
    margin-bottom: 0px;
}

.msg-error {
    font-family: 'Lato Italic';
    font-size: 12px;
}

#profil-form .text-center {
    font-family: 'Lato Bold';
    font-size: 14px;
    color: green;
}

/* Main */

td.details-control {
    text-align:center;
    color:forestgreen;
    cursor: pointer;
}
tr.shown td.details-control {
    text-align:center; 
    color:red;
}

textarea,
.textarea {
    min-height: inherit;
    height: auto;
}

/* Parametres */

.del-dot,
.save-dot {
    display: block;
    border: none;
    font-size: 20px;
    text-align: center;
}

#ParamDisplayName,
#ParamDisplayLogo,
#ParamDisplayText {
    outline: none;
    -moz-outline: none;
}

.lbl-date {
    margin: 0px 0px 0px 0px;
}

/* Admin/Users */

.search-box input {
    font-family: 'Lato Regular';
    background: url("../img/search-icon.png") no-repeat 5px center;
    background-size: 20px 20px;
    /* background: red; */
    font-size: 12px;
    padding: 5px 15px 5px 35px;
    margin: 0px 0px 7px 0px;
}

.search-box input[type="text"]:focus,
.add-user a:focus {
    border-color: rgba(232, 37, 129, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(232, 37, 129, 0.8);
    -moz-box-shadow: 0px 0px 5px rgba(232, 37, 129, 0.8);
    box-shadow: 0 0 5px rgba(232, 37, 129, 0.8);
    outline: 0 none;
}

.add-user a {
    margin: 0px 0px 5px 0px;
    border: none;
}

.add-user i {
    font-size: 17px;
}

.add-user span {
    font-family: 'Lato Regular';
    font-size: 12px;
    padding: 0px 10px 0px 10px;
}

.table td i {
    font-size: 18px;
}
.table td i[title="Reset"],
.table td i[title="Email"],
.table td i[title="Dotations"],
.table td i[title="Sauvegarder"],
.table td i[title="Periodes"],
.table td i[title="Postes"],
.table td i[title="Supprimer"] {
    margin: 0 0 0 12px;
}

.table td a {
    display: inline-block;
    text-decoration: none;
    outline: none !important;
}

/* Admin/email */

#email-form {
	font-size: 14px;
}

#email-form .form-check {
    padding-left: 15px;
    padding-bottom: 15px;
}

#email-form .form-check-label {
    padding-left: 0px;
}