* {
	padding: 0;
	margin: 0;
}

html {
	height: 100vh;
 }

body {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background:#296fc0 none repeat scroll 0 0;
	color:#666666;
	font-family:Tahoma,Arial,Helvetica,sans-serif !important;
	font-size:12px !important;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal !important;
	background-image: repeating-linear-gradient(to right, #296fc0, #c9dbef 30%, white 70%, #c9dbef 10%, #296fc0);
	min-height: 100vh;
}

.rivastella-container {
	border-left:2px solid #296fc0;
	border-right:2px solid #296fc0;
	background:#FFFFFF;
	padding:0px !important;
	min-height: 100vh;
	font-size:12px !important;
}

.rivastella-container .navbar-nav {
	height:32px !important;
}

.rivastella-container .navbar{
	padding:0px;
	background: linear-gradient(to bottom, #296fc0, #c9dbef);
}

.rivastella-container .navbar .active, .rivastella-container .navbar li:hover{
	background-color: #97c8f9;
}

.rivastella-container .navbar .active {
	border-bottom: 2px solid #296fc0;
}

.rivastella-container .navbar .container {
	padding:0px;
}

.rivastella-container .navbar .container .nav-item{
	padding:0px 10px;
	font-weight:bold;
}

.rivastella-container .navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}

.rivastella-container .navbar-dark .navbar-nav .logout a.nav-link{
	color:rgb(255,0,0,0.5);
}

#rivastella-main {
	min-height:82vh;
}

#header {
    height: 100px;
    background-image: linear-gradient(to bottom, #9ed3fc, #bfe1fb);
    line-height: 100px;
    width: 100%;
    margin: 0 auto;
}

#header h1 {
    font-size: 50px;
    text-align: center;
    color: rgb(41,111,192);
    padding-top: 22px;
    font-weight:700;
}

#headermenu {
    height: 23px;
    line-height: 23px;
    padding: 0;  
    font-weight: 600;
    font-size: 12px;
    width: 794px;
    margin: 0 auto;
    margin-bottom: 0px;
}

#rivastella-main #sidebar #adresse, #rivastella-main #sidebar .contact, #rivastella-main #sidebar .equipement {
    font-weight: 600;
    color: #4D9FF2;
    text-align: left;
    margin: 3px 0 8px 0;
    padding-left: 10px;
	padding-bottom: 5px;
	line-height:1.25rem;
}

#rivastella-main .card-body{
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

#rivastella-main .card{
	border: 2px solid #A2D5FC;
}

#rivastella-main .card-header{
	padding: .25rem 1rem;
	font-size:1rem;
	font-weight: bold;

	border-bottom: 1px dashed rgba(0,0,0,.125);
}

#rivastella-main .acces {
    background: #F0F0F0 url(/images/car.png) 5px center no-repeat;
    border: #C0C0C0 1px solid;
    color: #000000;
    font-weight: bold;
    padding-left: 50px;
    min-height: 34px;
    margin-top: 5px;
}

#rivastella-main p {
	line-height:20px;
}

#rivastella-main .acces p {
	line-height:15px;
}

#rivastella-main .liensWeb {
    background: #F0F0F0 url(/images/help_earth.png) 5px center no-repeat;
    border: #C0C0C0 1px solid;
    color: #000000;
    font-weight: bold;
    padding-left: 50px;
    min-height: 34px;
	margin-top: 5px;
	padding-top:10px;
}

#rivastella-main .liensWeb p {
	line-height: 10px;
}

#rivastella-main .breadcrumb{
	background-color: #bfe1fb;
	font-size:20px;
	margin-top: 1.5rem!important;
}

.child {
	background-color:#296fc0 !important;
}

.zoom {      
	-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;  
	position: relative;
}     
	
.zoom:hover,  
.zoom:active,   
.zoom:focus {
	/**adjust scale to desired size, 
	add browser prefixes**/
	-ms-transform: scale(2.5);    
	-moz-transform: scale(2.5);  
	-webkit-transform: scale(2.5);  
	-o-transform: scale(2.5);  
	transform: scale(2.5);    
	position:relative;      
	z-index:100;  
}

.zoom-admin {      
	-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;  
}     
	
.zoom-admin:hover,  
.zoom-admin:active,   
.zoom-admin:focus {
	/**adjust scale to desired size, 
	add browser prefixes**/
	-ms-transform: scale(5);    
	-moz-transform: scale(5);  
	-webkit-transform: scale(5);  
	-o-transform: scale(5);  
	transform: scale(5);    
	position:relative;         
	z-index:10000000;  
}
	
/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
	.zoom-l:hover,  
	.zoom-l:active,   
	.zoom-l:focus { 
		position:absolute;     
		left:0;
		margin-left:25vw;       
	}

	.zoom-r:hover,  
	.zoom-r:active,   
	.zoom-r:focus { 
		position:absolute;     
		right:0;
		margin-right:25vw;       
	}
	
	.zoom-admin:hover,  
	.zoom-admin:active,   
	.zoom-admin:focus {
		-ms-transform: scale(2.5);    
		-moz-transform: scale(2.5);  
		-webkit-transform: scale(2.5);  
		-o-transform: scale(2.5);  
		transform: scale(2.5);   
	}
	
/**TIP: Easy escape for touch screens,
	give gallery's parent container a cursor: pointer.**/
	#rivastella-main {cursor: pointer}
}

footer.bg-dark {
	padding-bottom: 1rem!important;
	padding-top: 1rem!important;
}

.rivastella-container .alert-dismissible .close {
    padding: 0.5rem 0.25rem;
}

.rivastella-container fieldset {
	border-radius: 8px;
	border: 1px solid #b1b3b6!important;
}

.rivastella-container legend {
	padding: 0px 10px;
	border: 1px solid #dee2e6!important;
	border-radius: 8px;
	color:white;
	background-color: #b1b3b6;
}

.list-group-picture .fa, .list-group-article .fa{
	font-size:40px;
}

.list-group-gallery .fa, .list-group-category .fa{
	font-size:40px;
}

.editable:hover{
	cursor: pointer;
}
.editable-cancel {
	border:1px solid #C0C0C0;
}
.move-picture:hover, .move-gallery:hover, .move-article:hover, .move-category:hover{
	cursor: grab;
}
.trash-picture:hover, .trash-article:hover{
	cursor: pointer;
}

.danger {
	color:#FF0000;
}
.shadow{
	background-color: #C0C0C0;
}

.dashed {
	border:1px dashed #C0C0C0;
}

img.zoom-galery {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
#event-modal button.close span {
	border: 1px solid #FF0000;
	border-radius:50px;
	height: 15px;
	width: 15px;
	color: #FF0000;
}
.modal-header { 
     border-bottom: none;
}
.modal-body label{
	font-weight:bold;
}
.modal-title {
    color:#000;
}
.modal-footer{
    display:none;  
}
#event-modal .form-group {
	margin: 0px !important;
}

.event-option{
	background-color: #00CC33;
    color: white;
	padding: 1px;
	border-radius:15px !important;
}
.badge-pill.event-option, .badge-pill.event-arrhes, .badge-pill.event-paye {
	padding:5px;
	font-size:0.8rem !important;
}

#rivastella-main .calendar .month-container {
    max-width: 220px;
    text-align: center;
    height: 200px;
    padding: 0;
}

.event-arrhes{
	background-color: #FFCCFF;
    color: black;
	padding: 1px;
	border-radius:15px !important;
}

.event-paye{
	background-color: red;
    color: white;
	padding: 1px;
	border-radius:15px !important;
}

.has-error .help-block-error {
	background-color:rgb(233, 126, 144);
	color:white;
	font-weight:bold;
	padding:2px 10px;
}

#rivastella .col-md-1, #rivastella .col-md-2, #rivastella .col-md-3, #rivastella .col-md-4, 
#rivastella .col-md-5, #rivastella .col-md-6, #rivastella .col-md-7, #rivastella .col-md-8, 
#rivastella .col-md-9, #rivastella .col-md-10, #rivastella .col-md-11, #rivastella .col-md-12 {
    float: none !important;
}

fieldset .row {
	margin-left:0px;
	margin-right:0px;
}

#article-form .image {
	min-height:40px;
	cursor:pointer;
}

#article-form .image, #article-form .editable {
	border: 1px solid #dee2e6!important;
	min-height:30px;
}

.rivastella-container h2 {
    padding: 2px 0 5px 0px;
    font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
    color: #444;
    border-bottom: 1px dotted #999;
    margin-bottom: 5px;
    margin-top: 10px;
}

.rivastella-container #alentours-liste {
	list-style:none;
}

.rivastella-container #alentours-liste a {
	padding: 10px 4px 10px 10px;
	line-height:20px;
}

#rivastella-main .rowArticle {
	margin-bottom:1rem;
}

#image-modal .modal-lg{
	min-width: 80%;
}

@media (max-width: 991px) {
	.rivastella-container .navbar-nav {
	   height: auto !important;
   	}
   	.rivastella-container .navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 20px;
	}
}