body {
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin-ajcab {
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	margin-top: 120px;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 30px;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
	font-size: 16px;
	padding: 7px 9px;
}

.input-date input[type="text"] {
	font-size: 14px;
	height: auto;
	width: 150px;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.input-id-gestTypes input[type="text"] {
	font-size: 14px;
	height: auto;
	width: 100px;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.identification {
	font-size: 16px;
	float:right;
	height: auto;
	top: 0.4em;
	position: relative;
	right: 0;
	z-index: 1031;
	text-align: right;
}

#copy {
	bottom: 0;
	font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial,
		sans-serif;
	position: absolute;
	right: 1em;
	text-align: right;
}

#copy a {
	color: #fff;
}

#logo {
	background: url(../img/ZUMATEC.png) 1px 5px no-repeat;
	width: 100px;
	height: 60px;
	float: left;
	background-size: 100%;
	margin: 2px 0 8px 0;
}

#search input[type="text"] {
	background: url(../img/search-white.png) no-repeat 10px 10px;
	border: none;
	font: bold 12px Arial, Helvetica, Sans-serif;
	color: #bebebe;
	width: 0em;
	padding: 10px 0px 6px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	cursor: pointer;
}

input#searchbox:focus {
	background: url(../img/search-white.png) no-repeat 10px 10px #fcfcfc;
	width: 10em;
	border: 1px solid #d1d1d1;
	cursor: auto;
}

div#search {
	position: relative;
}

.cabinet {
	cursor: pointer;
}

.fixed {
	position: fixed;
	background-color: white;
	top: 3em;
}

div#map-canvas {
	width: 100%;
	height: 100%;
}

.load {
	font-size: 1em;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	z-index: 11;
}

.cache {
	position: absolute;
	width: 100%;
	top: 0;
	background: black;
	height: 100%;
	opacity: 0.2;
	z-index: 10;
}

.center {
    margin-left: auto;
    margin-right: auto;
    width:70%;
}

.navbar-center {
	margin-left: auto;
    margin-right: auto;
	width:90%;
}

.tabcenter{
	text-align:center;
	margin-left:-25%;
	margin-right:auto;
    width:300%;
}

.row {
	margin-top: 83px;
}
.notification {
transition: all 500ms ease-out;
overflow: hidden;
width: 45px;
position: absolute;
left: 100%;
background-color: #F47920;
border-color: #944409;
top: 50%;
margin-top: -79px;
border-radius: 0 5px 5px 0;
z-index: 220;
}
.notification:hover {
background-color: rgb(244, 121, 32);
border-color: rgb(244, 121, 32);
}
.notification:active {
background-color: rgb(244, 121, 32);
border-color: rgb(244, 121, 32);
}
.notification:focus {
background-color: rgb(244, 121, 32);
border-color: rgb(244, 121, 32);
}
.notification-center{
	-webkit-transition: left 1s cubic-bezier(0.19,1,.22,1);
transition: left 1s cubic-bezier(0.19,1,.22,1);
height: 100%;
position: fixed;
z-index: 221;
left: -9999px;
color:#fff;
background-color: rgba(2, 68, 105, 0.95);
padding: 60px 4px;
}
.notification-center.active {
left: 0;
z-index: 300;
}
span.vertical-text {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
-webkit-transform-origin: left top 0px;
        transform-origin: left top 0px;
float: left;
margin-left: 1.3em;
padding-bottom: 62px;
position: relative;
}
.badge{
	float:left;
}
.growl-container {
max-height: 90%;
position: relative;
overflow: overlay;
}
.alert{
	margin-bottom:0;
}
.icontoggle {
position: absolute;
left: 0;
cursor: pointer;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	text-align: justify;
}
.arrow{
	float:left;
}
body.modal-open {
overflow: inherit ;
}
.modal{
	overflow-y: hidden;
	
}
.modal-content{
	max-height: 85%;
	overflow: overlay;
}

span.glyphicon.glyphicon-bullhorn {
    font-size: 1.4em;
    padding: 2px 0px;
}
#panel {
        position: absolute;
        top: 64px;
        left: 39%;
        z-index: 2;
        padding: 5px;
}
td {
    position: relative;
}
._55m9 {
position: absolute;
right: -20px;
-webkit-transition: margin-right 250ms;
}
._5c9q, ._5c9_ {
background-image: url(../img/Hjd90nxKeYA.png);
background-repeat: no-repeat;
background-size: auto;
cursor:pointer;
background-position: -21px -1256px;
display: block;
height: 18px;
margin-top: -4px;
right: 8px;
top: 8px;
width: 18px;
}
input#reinitialisation_notif {
position: absolute;
bottom: 0;
left: 20%;
}

.invoice_loading_img{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.invoice_table_ceil{
	background-color: #f6f6f6;
}

.invoice_button_left{
	margin-top: 8px;
	padding: 0;
	float: left;
	background-color: orange;
}

.invoice_button_right{
	margin-top: 8px;
	padding: 0;
	float: right;
	background-color: yellow;
}

/**********Animation*************/
@-moz-keyframes spin { 100% {
	-moz-transform: rotate(360deg);
}

}
@-webkit-keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
}

}
@keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

}