/*****************************************************************************/
/*****************************Generales Sitting*******************************/
/*****************************************************************************/
body {
	font-size: 15px;
}
.cercle {
	margin-top: 15px
}
/***Styles.css Modification****/
/*
.widget-left {
	height: 75px;
}
.widget-right {
	padding: 15px;
	height: 75px;
}
*/
/*****nav bar Modification*****/
.menu li a i {
	margin-right: 12px
}
/*==============Login.css=================*/
.log{
	margin-right: 0px;
}
.login-panel{
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.26)
}
/*==============Profile.css=================*/
.panel-profile{
	background: #FFF;
	border-top: 3px solid #30a5ff;
}
.panel-profile img{
width: 100%;
}
.edite-profile{
	float: right;
}
.profile-info{
padding-top: 14px;
}
/*==============Coproprietaire/compte.css=================*/
.text-solde {
	color: #000;
	font-size: 13.5px;
}
/*===============Coproprietaire/alert.css=================*/
.btn-detail tr td input[type='submit'] {
	width: 100%;
	margin-top: -35px;
}
.btn-detail tr td i {
	z-index: 2;
	position: relative;
	left: 12px;
	right: 50%;
	color: #FFF;
	top: 5px;
}
.btn-detail  tr th:FIRST-CHILD {
	width: 10px
}
.btn-detail  tr th:nth-child(2) {
	width: 30%;
}
.telech-date label {
	padding-top: 5px
}
.ajouter {
	width: 100px;
}
.add i {
	margin-left: -95px;
	color: #fff;
}
.add {
	margin-bottom: 10px;
}
/*====================Coproprietaire/index================*/
#container2,#container {
	min-width: 210px;
	height: 400px;
	max-width: 600px;
	margin: 0 auto
}
.pane {
	padding-top: 12px;
}
.tab1 {
	margin-top: 15px;
}
/*========================alert/new=======================*/
.btn-detail-form {
	margin-top: 12px
}
.form-group select {
	margin-top: 10px;
}
#joint-fichier {
	padding-top: 15px
}
.form-group input[type='submit'] {
	margin-left: 12px;
}
#f_alert input[type='file'] {
	margin-top: 17px
}
/*=====================encaissemnt/list=====================*/
.btn-detail  tr th:nth-child(9) {
	width: 20%;
}
.actions .btn{
	margin: 5px;
}
/***************************************************************************/
/*******************************Starting Media Query************************/
/***************************************************************************/

/*=====================Alert Page =============================*/
@media ( min-width : 1199px) {
	.btn-detail tr td i {
		left: 45%;
	}
}
/*======================end Alert Page=========================*/
@media ( max-width : 2560px) and (min-width:1201px) {
	 /* sec1,2,3,4 coproprtaire/index.xhtml*/
	.sec2 {
		/* padding-top: 65px; */
	}
	.sec4 {
		padding-top: 485px;
	}
	/*telech-date : alert,compte,list*/
	.telech-date { 
		display: -webkit-box;
		margin-left: 100px;
		height: 65px;
	}
	.telech-date label {
		margin-left: 30px;
	}
	.telech-date input[type="text"] {
		margin-left: 5px;
	}
	.telech-date input[type="submit"] {
		margin-left: 25px;
	}
}
@media ( max-width : 1200px) and (min-width:992px) {
	.sec2 {
		/* padding-top: 165px; */
	}
	.sec4 {
		padding-top: 885px;
	}
	#container2 {
		margin-top: 12px
	}
}
@media ( max-width : 991px) and (min-width:768px) {
	.sec2 {
		/* padding-top: 265px; */
	}
	.sec4 {
		padding-top: 25px;
	}
	#container2 {
		margin-top: 12px
	}
}
@media ( max-width : 767px) {
	.sec2 {
		/* padding-top: 515px; */
	}
	.sec4 {
		/* padding-top: 25px; */
	}
	#container2 {
		margin-top: 12px
	}
	.log{
		margin-right: -15px;
	}
}
/************the panel of solde***************/
@media ( max-width : 1200px) and (min-width:768px) {
	.pan1 {
		width: 46%;
	}
	.pan2 {
		width: 46%;
	}
	.cercle {
		min-width: 50%;
	}
}
@media ( min-width : 1200px) {
	.pan {
		left: 15px;
		width: 31%;
		min-height: 80px;
		margin-right: 15px;
	}
	.pan1,.pan2,.pan3 {
		height: 90px;
	}
	.pan1 .widget-left {
		height: 90px;
	}
	.pan2  .widget-left {
		height: 90px;
	}
	.pan3 .widget-left {
		height: 90px;
	}
}
@media ( max-width : 1200px) {
	.pan {
		left: 12px;
		margin-right: 10px;
		max-width: 93%;
	}
}
@media ( max-width : 1024px) {
	.pan1 {
		left: 12px;
		margin-right: 10px;
	}
}
@media ( max-width :992px) {
	.side {
		margin-top: 15px
	}
}
/*========Boot Strap ==========*/
@media ( min-width : 768px) {
	.form-horizontal .alert-indice {
		margin-top: 10px;
	}
	
}
/*========Login Form ==========*/
@media (max-width:471px){
	.login-panel .panel-heading{
		border-bottom: none;
		margin-bottom: 12px;
		text-align: center;
	}
}

/*========Encaissement/show Form ==========*/
@media (max-width:371px){
	#en-val-detail{
		height: 100px;
	}
}



h1.page-title {
	padding:5px 0 10px 0;
	border-bottom:1px solid #ececec;
	margin:12px 0 18px 0;
}

.dropcap {
    padding: 5px 10px;
    float: left;
    margin: 5px 5px 0 0;
}

.color_red {
	color: #e64141;
}