/* GENERAL */

#main{	padding-bottom: 100px;}
.inline.btn-link{padding:0; display: inline;}
.delete-form{display: inline;}
.error-msg{padding: 10px 20px;}
.btn-success, .btn-danger{margin-top: 20px;}
.btn-danger{margin-right: 8px}
.pull-right .btn-success{margin-top: 0;}
.bg-info,.bg-success,.bg-warning,.bg-danger{padding: 10px;}
.inline-input{ max-width:300px; display:inline-block;}
.pagebreak { page-break-before: always; page-break-inside: avoid; }
.underline {text-decoration: underline;}

/* LOGIN FORM */

.login-form{ background-color: #f8f8f8; margin-top: 10%;}
.login-form form{ padding: 40px 20px; }
.login-form input{margin-bottom: 20px;}
.login-form .btn{margin-bottom: 0;}

/* TABLES */

table{font-size: 13px;}
table td.center, table th.center{text-align: center;}
table tr.year{background: #f9f9f9; border-bottom: 2px solid #DDDDDD;}

table.table-striped > tbody > tr > td.unwarned{background-color: #ED3C3C;}
table.table-striped > tbody > tr > td.warned{background-color: #5ABB5A;}
table tfoot{ background: #ddd; }

/* HOSTESSES LIST */

.filter-letter{margin: 20px 0;}
.archived a, .archived a:hover{ color:#aaa;}

.gsm-box{margin: 10px 0; padding:15px; display:none; text-align: center;}
.gsm-box textarea{width:100%; max-width: 700px; margin:10px auto 20px;}

.table-hostess{margin-top: 20px;}

/* HOSTESSES SHOW */

.host-title img{ vertical-align: inherit; }

.contact-info{}
.contact-info h3{margin-bottom: 20px;}
.contact-info .hostess-pic{ max-width: 100%; height: auto;}
.contact-info ul{list-style-type: none;}
.contact-info ul li{margin-bottom: 5px;}
.hostess-pic{ margin:10px auto 35px; display: block; max-width:100%; height: auto;}
.warning-ssn{ padding: 10px 15px; }

/* HOSTESSES CREATE AND EDIT */

.hotesses-form p{overflow: hidden;}
.hotesses-form p, .hotesses-form hr{clear:both;}
.hotesses-form-cont{margin-top: 50px;}

.hotesses-photo-cont .hostess-pic{ margin:30px auto 50px; }

.ssn input{float:left; margin-right: 1.3%;}
.ssn #sex{width:10%; }
.ssn #year{width:12%; }
.ssn #month{width:12%; }
.ssn #dept{width:14%; }
.ssn #common{width:14%; }
.ssn #order{width:14%; }
.ssn #cle{width:12%; }
.ssn span{float:left; height: 34px; line-height:34px; margin-right: 1.4%;}
#bday, #bmonth, #byear, .bday, .bmonth, .byear,
#pday, #pmonth, #pyear, .pday, .pmonth, .pyear,
#mday, #mmonth, #myear, .mday, .mmonth, .myear,
#startday, #startmonth, #startyear,
#endday, #endmonth, #endyear{width: 20%; float: left; margin-right: 2%;}
.date-err, .date-err-permit, .date-err-medic{display: none; clear:both; padding: 10px 15px; margin: 5px 0;}
.moredate{margin-top: 0;}

.neg.btn-success{
	margin-top: 0;
}

/* SEARCH */

.search-form input[type="submit"]{margin-bottom: 20px;}

/* EVENTS LIST */

.event-form-cont{clear:both;}
.events .btn-toolbar{margin-bottom: 10px;}
.events select[name="day"],
.events select[name="year"],
.events select[name="month"]{display: inline-block; vertical-align: middle; height: 31px;}
.events select[name="year"]{width:100px;}
.events select[name="month"]{width:140px;}
.events select[name="day"]{ width: 80px;}
.salary-input{width:25%; display: inline; margin-right: 5%;}
.salary-label{margin-right: 10%;}
.form-event{/*overflow: hidden;*/ margin-bottom: 20px;}
.clean-page p{font-size: 14px; line-height: 22px;}
/*.cont-assedic p{font-size: 10px; line-height: 13px; margin:0 0 3px 0;}
.cont-assedic{ max-width:98%;font-size: 10px; line-height: 13px; font-family: "Arial", sans-serif; page-break-after: always; page-break-inside: avoid; /*page-break-before: always;*/ position:relative;}
/*.cont-assedic table, .cont-assedic table tr, .cont-assedic table td{font-size: 10px;}*/
.cont-assedic{ page-break-after: always; page-break-inside: avoid; }

/* LOCATIONS INDEX */

.search-autocomplete.navbar-form{margin-top: 0; margin-bottom: 0;}
.search-autocomplete.navbar-form .form-control{width: 340px;}

/* LOCATIONS SHOW */

.show-location .bg-info{padding:25px;}
.show-location ul{padding:0; list-style-type: none;}
.show-location ul li{margin: 0 0 15px 0;}

/* AUTOCOMPLETE */

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/* OPERATIONS */
.add-team .btn-success{ margin: -3px 0 0;}
.create-team.form-event, .edit-team.form-event{overflow:inherit;}
.create-team .btn-success, .edit-team .btn-success{ margin: 25px 0 0;}
.delete-form .btn-danger{ margin: 5px 0 0;}
.table-striped > tbody > tr.boss > td{background: #f2dede;}
.debrief-table.table-striped > tbody > tr > td.true{ background: green; }
.debrief-table.table-striped > tbody > tr > td.false{ background: red; }
.printed{font-style: italic; font-size: 10px;}
/*.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th*/

/*WYSIWYG*/

/*PRINT*/

.clean-page .no-print{ display:none; }

@media print {
	.clean-page p{font-size: 30px !important; line-height: 22px;}
}
@page { margin: 1.2cm 0.4cm; }

@media (min-width: 1400px) {
	.container {
		width: 1400px;
	}
}
/*LIVE*/


.emission-info{
	margin: 20px 0;
}

.emission-info .col-xs-4 img{
	max-width: 100%;
	height: auto;
}

.emission-info .total{
	font-size: 20px;
}

.tabs-container.tabs-csv {
	margin-top: 30px;
	margin-bottom: 50px;
}

.tabs-csv .nav-tabs{
	border: none;
}

.tabs-csv .nav-tabs>li>a{
	background-color: #009eff;
	border: 2px solid #009eff;
	color: white;
	font-weight: bold;
	border-radius: 4px;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.tabs-csv .nav-tabs>li.active>a,
.tabs-csv .nav-tabs>li>a:hover,
.tabs-csv .nav-tabs>li>a:focus,
.tabs-csv .nav-tabs>li.active>a:focus,
.tabs-csv .nav-tabs>li.active>a:hover{
	background-color: white;
	border: 2px solid #009eff;
	color: #009eff;
}

.pane .table, .tab-pane .table{
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
}

.pane .person, .tab-pane .person{
	padding: 10px 0;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	border-top: none;
	font-size: 16px;
}

.pane .person.came, .tab-pane .person.came{
	opacity: 0.6;
}

.pane .person.unconfirmed, .tab-pane .person.unconfirmed{
	color: red;
}

.pane .person .places, .tab-pane .person .places{
	font-weight: bold;

}

.pane .person .icons, .tab-pane .person .icons{

}

.pane .person .icons img, .tab-pane .person .icons img{
	margin: 0 1px;
}

.person-modal{
	display: none;
}

.modal-csv .modal-header{
	min-height: 55px;
}

.modal-csv .modal-body{
	font-weight: bold;
	font-size: 16px;
}

.modal-csv .modal-body .input-container{
	margin: 20px 0;
}

.modal-csv .modal-body .input-container .coming{
	width: 50px;
}

.modal-csv .modal-body .input-container .id{
	display: none;
}

.modal-csv .modal-body .remaining{
	margin-left: 20px;
}

.modal-csv .modal-body .comment{
	margin-left: 20px;
	font-size: 14px;
}

/* Icons */

.add,
.subtract{
	color: white;
	font-weight: bold;
	font-size: 30px;
	background-color: #009eff;
	border-radius: 4px;
	width: 34px;
	height: 34px;
	line-height: 29px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.autocomplete-toolbar{
	margin-top: 25px;
}

/* Select operations */

.select-event .dropdown-toggle{
	width: 100%;
	text-align: left;
}

.select-event .dropdown-menu{
	max-height: 300px;
	overflow-y: scroll;
	width: 100%;
}

.select-event .caret{
	float: right;
	line-height: 30px;
	margin-top: 7px;
}


/* DATATABLES SALARIES */

table.dataTable.table-salaries {
	margin-top: 30px;
}

table.dataTable.table-salaries thead th {
	font-size: 11px;
	vertical-align: middle;
}

table.dataTable.table-salaries tbody td {
	font-size: 12px;
}

table.dataTable.table-salaries thead th,
table.dataTable.table-salaries thead td {
	padding: 4px 18px 4px 8px;
}

.window-process {
	background: #2b2b2b;
	height: 300px;
	padding: 20px;
	color: #f5e79e;
	overflow-x: auto;
}
.nav-tabs-hostess {
	margin-bottom: 24px;
}
.badge.badge-candidats {
	background: red;
	position: absolute;
	top: -4px;
	right: -4px;
}
.modal-backdrop.in {
	z-index: 1;
}
.modal-dialog {
	width: 80vw !important;
}
.modal-content {
	width: auto !important;
	height: auto !important;
	margin: 70px !important;
	padding: 20px !important;
}
#modalAdmitted form, #modalRefused form {
	display: inline-flex;
}
