/* Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body.body-signin {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  font-family: 'Lato', sans-serif;
}
.form-signin {
  width: 100%;
  max-width: 340px;
  padding: 15px;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
  margin-top:8rem;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 14px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin h1 {
	font-family: 'Lato', sans-serif;
	color: #4e709d;
	font-weight:900;
	font-size:1.5rem;
	padding-top:0.8em;
	padding-bottom:0.5em;
}
.form-signin p {
	color:#3C4858;
	font-size:13px;
}
.form-signin label {
	font-size:14px;
}
.btn-orange, .btn-orange:focus, .btn-orange:hover,
#clients_save, #clients_save:focus, #clients_save:hover,
#monasteres_save, #monasteres_save:focus, #monasteres_save:hover,
#priere_save, #priere_save:focus, #priere_save:hover,
#chant_save, #chant_save:focus, #chant_save:hover,
#media_save, #media_save:focus, #media_save:hover {
	background-color: #f5b17b;
	color:white;
	font-size:15px;
	border-radius:22px;
	border:0px!important;
	padding:10px 30px;
	margin-top:1em;
	cursor:pointer;
}

.buttons-excel, .buttons-excel:hover {
	margin-top:0em;
}

.btn-cancel {
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:10px 30px;
}
.btn-orange:focus, .btn-orange:hover,
#clients_save:focus, #clients_save:hover,
#monasteres_save:focus, #monasteres_save:hover,
#priere_save:focus, #priere_save:hover,
#chant_save:focus, #chant_save:hover, 
#media_save:focus, #media_save:hover {
	background-color: #eba369!important;
}
body {
	background-color:#f5f5f5;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:#3C4858!important;
}
.footer {
    bottom: 0;
    width: 100%;
    height: 55px;
    line-height: 60px;
    background-color: #4e709d;
	position:fixed;
}
.container-footer {
	width:auto;
	max-width:680px;
	padding:0 15px;
	color:white!important;
}
.container-footer p {
	margin:0px!important;
	font-size:13px;
	height:55px;
}

 .container-footer a, .container-footer :hover, .container-footer a:focus {
	color:white!important;
}
.header {
	background-color:white;
	width: 100%;
    height: 75px;
	top:0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.32);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.32);
	position:fixed;
	z-index:2;
}
.header .navbar-brand {
	display:inline-block;
	color:transparent;
	font-size:0px;
	background-repeat:no-repeat;
	background-image: url("../images/logo-prdlv-mini.png");
	width:201px;
	height:50px;
	margin-right:3rem;
	margin-top:-1px;
}
.navbar-toggler-icon {
	width:30px;
	height:30px;
	background-image: url("../images/icon-menu-toggle.png");
}
.navbar {
	padding: 1rem;
}
.navbar .nav-link, .group-submenu li a {
	color:#363636;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	padding-left:1rem!important;
	padding-right:1rem!important;
}
.navbar .nav-link:focus, .navbar .nav-link:hover, .navbar .nav-link:active, .group-submenu li a:focus, .group-submenu li a:hover {
	color:#f5b17b;
	text-decoration:none;
}

.navbar .link-disconnect {
	color:#dc3545;
}
.navbar .link-disconnect:focus, .navbar .link-disconnect:hover {
	color:#c62535;
}
.home-image-header {
	width:100%;
	height:430px;
	background: url("../images/building-garden.jpg");
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home-image-header  h2 {
    font-size: 32px;
    color: white;
    text-align: center;
    font-weight: 900;
    font-style: normal;
	position:relative;
	top:200px;
}
.bloc-home h3, h3 {
	font-size: 28px;
    color: #4e709d;
    text-align: center;
    font-weight: 700;
    font-style: normal;
	padding-bottom:1em;
	padding-top:1.2em;
}
.bloc-home p {
	text-align:left;
	font-size:14px;
}
.goback-btn, .goback-btn:hover, .goback-btn:focus {
	display:inline-block;
	color:white;
	text-align:left;
	margin-top:2em;
	text-decoration:initial!important;
}
.btn-add-client, .btn-add-client:hover, .btn-add-client:focus {
	margin-top:0px;
	margin-bottom:0.5em;
}
button:focus {
		outline: 0px!important;
}
.container-client, .container-intention, .container-messe, .container-monastere, .container-priere, .container-chants, .container-media {
	padding-left:30px;
	padding-right:30px;
	margin-bottom:80px;
	margin-top:85px;
}
.dataTables_wrapper .dataTables_info {
	font-size:13px!important;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #363636!important; 
}
tfoot, .table_clients_processing {
	display:none;
}
table.dataTable {
	margin-bottom:1em;
}
.btn-modify {
	background-color: #89a4c7;
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:8px 20px;
}
.btn-modify:focus, .btn-modify:hover {
	background-color: #648bbe!important;
}
.btn-validate, .btn-cancel, #planning_intention_save {
	background-color: #f5b17b;
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:8px 20px;
}

#planning_intention_save {
	margin-top:2em;
}

.btn-cancel {
	background-color:#6c757d;
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:8px 20px;
}

.btn-validate:focus, .btn-validate:hover, #planning_intention_save:focus, #planning_intention_save:hover {
	background-color: #eba369!important;
}
.btn-censure, .btn-censure-multi, .btn-delete-multi {
	background-color: #dc3545;
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:8px 20px;
}

.btn-censure:focus, .btn-censure:hover,
.btn-censure-multi:focus, .btn-censure-multi:hover,
.btn-delete-multi:focus, .btn-delete-multi:hover {
	background-color: #c62535!important;
}
.btn-censure-multi {
	background-color: #dc3545;
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:8px 20px;
}

.btn-censure-multi:focus, .btn-censure:hover {
	background-color: #c62535!important;
}

.btn-delete-multi {
	background-color: #dc3545;
	color:white;
	font-size:14px;
	border-radius:20px;
	border:0px!important;
	padding:8px 20px;
}

.btn-delete-multi:focus {
	background-color: #c62535!important;
}

#table_intentions .btn-modify, #table_messes .btn-modify, #table_monasteres .btn-modify {
	margin-left:15px;
	margin-right:15px;
}

#table_prieres .btn-modify, #table_chants .btn-modify, #table_medias .btn-modify {
	margin-right:15px;
}
	
.paginate_button.current, .paginate_button.current:focus, .paginate_button.current:hover {
	border:0px!important;
	background:#89a4c7!important;
	color:#ffffff!important;
}

.paginate_button:hover, .paginate_button:focus{
	background:#89a4c7!important;
}

.next, .previous, .next:focus, .previous:focus, .next:hover, .previous:hover {
	color:#363636 !important;
}

.paginate_button, .table-bordered td, .table-bordered th, .table-bordered {
	border:0px!important;
}

.dataTables_filter label, .dataTables_length label {
	margin-bottom:1.3rem;
}

.dataTables_length label {
	margin-top:0.3rem;
}

.dataTables_filter input, .dataTables_length select {
	border:0px!important;
	outline-offset:0px!important;
	height: 31px;
    padding-left: 10px;
}

.dataTables_length select {
	padding-left:5px;
	margin-left:5px;
	margin-right:5px;
}

.modal-title {
	font-size: 18px;
    color: #4e709d;
    font-weight: 700;
    font-style: normal;
}

.modal-body {
	text-align:left!important;	
}

.modal-body form label {
	display:block;
	margin-bottom:0.3rem!important;
	width:120px;
	float:left;
	margin-top:8px;
}

.modal-body #clients_adlv label,
.modal-body #clients_cdlv label,
.modal-body #clients_pdlv label,
.modal-body #clients_ddlv label,
.modal-body #clients_prdlv label,
.modal-body #clients_sdlb label,
.modal-body #clients_mdlb label,
.modal-body #clients_mpp label,
.modal-body #clients_theobule label,
.modal-body #clients_theodom label,
.modal-body #clients_desabo label {
	display:inline-block;
	padding-right:20px;
	padding-left:3px;
	position:relative;
	top:-1px;
	float:none;
	width:80px;
}

.modal-body form input, .modal-body form select, textarea#intentions_texte, textarea#messe_texte, textarea#priere_text, textarea#chant_text {
    background-color: #f6f6f6!important;
    padding: 6px!important;
    font-size: 14px!important;
    border-radius: 5px!important;
    border: none!important;
	height:35px;
	margin-bottom:0.7em;
	width:55%;
}

textarea#intentions_texte, textarea#messe_texte {
	height:120px;
	width:65%;
}

textarea#priere_text, textarea#chant_text {
	height:120px;
	width:76%;
}

.modal-body form input[type="radio"] {
	width:13px;
	height:13px
}

.modal-body #clients_save {
	text-align:center!important;
}

.modal-footer {
	border-top:0px!important;
	justify-content: flex-start!important;
}

.alert {
    position: relative;
	padding:15px;
    margin-bottom:0px!important;
    border: 0px!important;
    border-radius:0px!important;
}

#monasteres label, #priere label, #chant label {
	width:80px;
}

#monasteres input, #priere input, #chant input, select#priere_media, select#chant_media {
	width:76%;
}

input#media_name, input#media_file, select#media_listeType {
	width:71%;
}

#planning_intention_days input {
	padding-right: 0.5em;
    margin-right: 0.5em;
    margin-left: 0.5em;
    position: relative;
    top: 1px;
}

#menu .group-submenu {
    display: none;
    height: auto;
    width: 224px;
    background: #ffff;
    position: absolute;
    z-index: 99;
    border: 0;
    list-style: none;
    padding: 15px;
    webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.32);
    top: 59px;
    margin-left: 16px;
	text-align:left;
}

div#template {
	text-align: left;
    width: 65%;
    margin: auto;
	padding:10px;
	float:left;
	margin-left:2em;
}

textarea#template_value {
	width:100%;
	height:500px;
	margin-left: 1em;
    padding: 4px 10px;
	margin-top:1.5em;
	margin-bottom:1.5em;
}

button#template_save {
	margin-left:1em;
}

label[for=template_title] {
    padding-left:13px;
}

label[for=template_value] {
    display:none;
}

input#template_title {
	margin-left: 1em;
    padding: 4px 10px;
	width:250px;
}

#legend-template {
float:left;
width:300px;
height:auto;
padding:12px;
border:1px dashed #ccc;
position:relative;
top:67px;
}


#menu li:hover .group-submenu {
  display: block;
}


li.submenu {padding: 6px 0px 10px;}


#legend-template h4 {
    font-size: 19px;
    color: #f5b17b;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    padding-bottom: 0.5em;
}

#legend-template .legend-comments {
	font-style:italic;
	font-size:12px;
}

#legend-template .bloc-infos-legende {
	text-align:left;
	margin-bottom:20px;
}

#legend-template .bloc-infos-legende h5 {
	font-size: 14px;
    font-weight: bold;
}

#legend-template .bloc-infos-legende .color-bloc {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-left: 8px;
}

#legend-template .bloc-infos-legende .prdlv01 {background-color:#4e709d;}

#legend-template .bloc-infos-legende .prdlv02 {background-color:#f5b17b;}

#legend-template .bloc-infos-legende .adlv01 {background-color:#e01015;}

#legend-template .bloc-infos-legende .adlv02 {background-color:#177452;}

#legend-template .bloc-infos-legende .careme01 {background-color:#f08818;}

#legend-template .bloc-infos-legende .careme02 {background-color:#d12000;}


/**** Tablettes Portrait ****/

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
	.header {
		height:auto;
	}
	.navbar .nav-link {
		font-size: 17px;
	}
	.nav-link {
		padding: 0.6rem 1rem;
	}
	.home-image-header {
		height: 385px;
	}
	.home-image-header h2 {
		font-size: 28px;
		top: 207px;
	}
	.bloc-home h3, h3 {
		font-size: 25px;
	}
	.btn-add-client, .btn-add-client:hover, .btn-add-client:focus {
		margin-bottom: 2.5em;
	}
	#table_prieres .btn-modify, #table_chants .btn-modify, #table_medias .btn-modify {
		margin-right: 0;
		margin-bottom: 15px;
	}
	#table_intentions .btn-modify, #table_messes .btn-modify, #table_monasteres .btn-modify {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#table_intentions .btn-modify{
		margin-left:50px;
		margin-right:50px;
	}
	#table_messes .btn-modify {
		margin-left:55px;
		margin-right:55px;
	}
}

/**** Mobiles ****/

@media screen and (min-device-width: 320px) and (max-device-width: 767px) { 

	.header .navbar-brand {
		margin-right: 0rem;
	}
	.form-signin {
		margin-top: 7rem;
	}
	.header {
		height:auto;
	}
	.home-image-header {
		width: 100%;
		height: 280px;
	}
	.home-image-header h2 {
		font-size: 23px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 1.4;
		top:145px;
	}
	.bloc-home h3, h3 {
		font-size: 24px;
	}
	.navbar .nav-link {
		font-size: 16px;
	}
	.nav-link {
		padding: 0.6rem 1rem;
	}
	.goback-btn, .goback-btn:hover, .goback-btn:focus {
		margin-top: 1em;
	}
	.btn-orange, .btn-orange:focus, .btn-orange:hover, 
	#clients_save, #clients_save:focus, #clients_save:hover,
	#monasteres_save, #monasteres_save:focus, #monasteres_save:hover,
	#priere_save, #priere_save:focus, #priere_save:hover,
	#chant_save, #chant_save:focus, #chant_save:hover,
	#media_save, #media_save:focus, #media_save:hover {
		font-size: 14px;
	}
	.btn-add-client, .btn-add-client:hover, .btn-add-client:focus {
		margin-bottom: 2.5em;
	}
}

.red {
	background-color: red!important;
}