html, body 
{
	margin:0px;
	height: 100%;
	width: 100%;
	background-color: #eeeeee;
}

a{
	text-decoration: none;
	color: #555555;
}

::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: #a8a8a8;
}

::-webkit-scrollbar-thumb {
    background: #26292d;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}

#popUp{
	min-width: 50%;
	min-height: 150px;
	max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
	border: solid 1px #2977B6;
	box-shadow: 2px 1px 10px #2977B6;
	left: 25%;
	top: 100px;
	display: none;
	position: fixed;
	background-color: white;
	padding: 10px;
	z-index: 99;
}

#overlay{
	width: 100%;
	height: 100%;
	background-color: gray;
	opacity: 0.5;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 92;
	display: none;
}

#exit{
	width: 30px;
	height: 30px;
	background-image: url(../images/exit.png);
	background-position: center;
	background-repeat: no-repeat;
	float: right;
	margin-right: -5px;
	margin-left: 10px;
	margin-top: -2px;
	opacity: 0.6;
	cursor: pointer;
}

#exit:hover{
	opacity: 1;
}

.header{
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	width: 98%;
	padding: 1%;
	padding-left: 1%;
	background-color: #2977b6;
	color: white;
	border-bottom: solid 4px #F28D6B;
	position: fixed;
	top: 0px;
	z-index: 999;
}

.header .user{
	float: right;
	text-align: left;
	margin-top: -7px;
}

#contenido{
	padding: 10px;
	padding-top: 75px;
}

#date{
	font-size: 30px;
    margin: 0 auto;
    width: 450px;
    text-align: center;
    font-family: Arial;
    color: #51718c;
}
#reloj{
	font-size: 36px;
	margin: 0 auto;
	width: 250px;
	height: 50px;
	text-align: center;
	font-family: Arial;
    color: #51718c;
	font-weight: bold;
}

#btnEntrada{
	font-size: 30px;
    margin: 0 auto;
    width: 400px;
    padding: 10px;
    text-align: center;
    font-family: Arial;
    color: white;
	border: solid 1px #cccccc;
	background-color: #2977b6;
	margin-bottom: 20px;
	font-weight: bold;
	cursor: pointer;
}

#btnSalida{
	font-size: 30px;
    margin: 0 auto;
    width: 400px;
    padding: 10px;
    text-align: center;
    font-family: Arial;
    color: #51718c;
	border: solid 1px #cccccc;
	background-color: #f28d6b;
	margin-bottom: 20px;
	font-weight: bold;
	cursor: pointer;
}

#btnTerreno{
	font-size: 30px;
    margin: 0 auto;
    width: 400px;
    padding: 10px;
    text-align: center;
    font-family: Arial;
    color: #51718c;
	border: solid 1px #cccccc;
	background-color: #ffeb3b;
	margin-bottom: 20px;
	font-weight: bold;
	cursor: pointer;
}

#btnDisable{
	font-size: 30px;
    margin: 0 auto;
    width: 400px;
    padding: 10px;
    text-align: center;
    font-family: Arial;
    color: #aaaaaa;
	border: solid 1px #cccccc;
	background-color: #cccccc;
	margin-bottom: 20px;
	font-weight: bold;
	cursor: no-drop;
}

.titulo{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #2977b6;
	text-align: center;
	padding: 15px;
}

#btn_menu{
	width: 40px;
	height: 40px;
	float: left;
	background-image: url(../images/list.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
	margin-top: -5px;
	margin-left: -5px;
	margin-right: 5px;
}

#menu{
	position: absolute;
	margin-top: 36px;
	margin-left: -2px;
	width: 200px;
	padding: 5px;
	border: solid 1px;
	background-color: white;
	display: none;
	box-shadow: 2px 1px 10px #2977B6;
}

#menu .menu-item{

	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: left;
	border: solid 1px #2977B6;
	padding: 5px;
	margin-bottom: 2px;
	background-color: #3F88C3;
	cursor: pointer;
}

#menu .menu-item:hover{
	background-color: #2977b6;
	color: white;
}

.no-found{
	text-align: center;
	padding: 20px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #2977b6;
}

.title{
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-align:center;
	font-weight: bold;
	margin: 5px;
}

textarea{
	width: 98%;
    padding: 4px;
    border-radius: 3px;
    margin: 2px;
}

#form{
	width:40%;
	border: solid 1px;
	padding: 0.5%;
	float: left;
	border: solid 1px #DDDDDD;
	background-color: WHITE;
	margin-bottom: 10px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
}

#form input, select{
	outline: none;
	padding: 1px;
	border: solid 1px #cccccc;
    padding: 4px;
    border-radius: 3px;
    margin: 2px;
}

#form .title{
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
	text-align:left;
	font-weight: bold;
	color:  #2977b6;
	border-bottom: solid 1px #2977b6;
	margin-bottom: 10px;
}

#form .label{
	font-size: 16px;
	font-weight: bold;
	color: #2977b6;
	margin-top: 5px;
	text-align: left;
}

#form .label2{
	font-size: 16px;
	font-weight: bold;
	color: #ff3366;
	margin-top: 5px;
	text-align: left;
}

#form .num{
	border: solid 1px #cccccc;
	padding: 5px;
	width: 15px;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
}

#form .nums{
	border: solid 1px #cccccc;
	padding: 5px;
	width: 100px;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
}

#form .text{
	border: solid 1px #cccccc;
	padding: 5px;
	width: 220px;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
}

#form .textlong{
	border: solid 1px #cccccc;
	padding: 5px;
	width: 97%;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
}

#form .select{
	border: solid 1px #cccccc;
	padding: 4px;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
	width: 98%;
}

#form .date{
	border: solid 1px #cccccc;
	padding: 5px 5px 5px 30px;
	width: 110px;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
	background-image: url(../images/calendar.png);
    background-position: left;
    background-repeat: no-repeat;
}

#form .import{
	border: solid 1px #ff3366;
}

.text{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-align: left;
	padding-left: 5px;
}


.btn_save{
	float: right;
	width: 100px;
	padding: 5px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #2977b6;
	color: white;
	background-color: #2977b6;
	border-radius: 4px;
	cursor: pointer;
}

.btn_save:hover{
	background-color: #cccccc;
	border: solid 1px #cccccc;
}

.dat_err{
	background-color: #ffcccc;
	color: red;
}

#list{
	width:54%;
	padding: 0.5%;
	float: right;
	border: solid 1px #DDDDDD;
	background-color: WHITE;
	margin-bottom: 10px;
}

#list .title{
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	text-align:left;
	font-weight: bold;
	color:  #2977b6;
	border-bottom: solid 1px #2977b6;
	margin-bottom: 10px;
}

#list .btn_save{
	float: right;
	min-width: 100px;
	padding: 5px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #2977b6;
	color: white;
	background-color: #2977b6;
	border-radius: 4px;
	cursor: pointer;
}

.list{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
}

.list td{
	background-color: #dddddd;
	padding: 3px;
	color: #555555;
	text-align: left;
}

.list .tr-top td{
	background-color: #2977B6;
	color: white;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

.list tr:hover td{
	background-color: #F28D6B;
}

.list tr:hover td{
	background-color: #F28D6B;
}

.list .tr-alert td{
	background-color: #ff7d7d;
}

.small{
	font-size: 11px;
}

.list .error{
	font-size: 16px;
	color: red;
	text-align: center;
	font-weight: bold;
}

.calendar_date{
	width: 25px;
	height: 25px;
	background-image: url(../images/calendar.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
	border: none;
	cursor: pointer;
	background-color: transparent;
	outline: none;
	color: transparent;
}

.calendar_off{
	width: 25px;
	height: 25px;
	background-image: url(../images/calendar.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	opacity: 0.2;
}

.tr_atencion td{
	background-color: #ffcc66;
}

.robot{
	width: 20px;
	height: 20px;
	background-image: url(../images/robot.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.robotr{
	width: 20px;
	height: 20px;
	background-image: url(../images/robotr.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.edit{
	width: 20px;
	height: 20px;
	background-image: url(../images/edit.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.checklist{
	width: 20px;
	height: 20px;
	background-image: url(../images/checklist.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.checklistOK{
	width: 20px;
	height: 20px;
	background-image: url(../images/checklistOK.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.copy{
	width: 20px;
	height: 20px;
	background-image: url(../images/copy.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.pagar{
	width: 25px;
	height: 25px;
	background-image: url(../images/pagar.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.permiso{
	width: 20px;
	height: 20px;
	background-image: url(../images/permit.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.conf{
	width: 20px;
	height: 20px;
	background-image: url(../images/config.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.pend{
	width: 18px;
	height: 18px;
	background-image: url(../images/pend.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.pend:hover{
	opacity: 0.6;
}

.pend_cli{
	width: 18px;
	height: 18px;
	background-image: url(../images/pend_cli.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.pend_cli:hover{
	opacity: 0.6;
}


.fsa{
	width: 20px;
	height: 20px;
	background-image: url(../images/fonasa.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	margin: 0 auto;
}

.fsa:hover{
	opacity: 0.6;
}

.pay{
	width: 18px;
	height: 18px;
	background-image: url(../images/pay.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.pay:hover{
	opacity: 0.6;
}

.err{
	width: 20px;
	height: 19px;
	background-image: url(../images/alert.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.err:hover{
	opacity: 0.6;
}

.volv{
	width: 19px;
	height: 19px;
	background-image: url(../images/volver.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.volv:hover{
	opacity: 0.6;
}

.volvOff{
	width: 19px;
	height: 19px;
	cursor: pointer;
	margin: 0 auto;
}

.delete{
	width: 20px;
	height: 20px;
	background-image: url(../images/delete.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	cursor: pointer;
	margin: 0 auto;
}

.delete_off{
	width: 20px;
	height: 20px;
	background-image: url(../images/delete_off.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	margin: 0 auto;
}

.obs{
	width: 20px;
	height: 20px;
	background-image: url(../images/obs.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.excel{
	width: 35px;
	height: 35px;
	background-image: url(../images/excel.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
	background-color: rgba(255, 125, 125, 0.47);
	border-radius: 18px;
	margin: 2px;
}

.excel:hover{
	background-color: #dddddd;
}

.calendar{
	width: 30px;
	height: 30px;
	background-image: url(../images/calentar.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

.validado{
	font-size: 18px;
	font-weight: bold;
	color: #99CC00;
	text-align:center;
	padding: 10px;
}

input{
	outline: none;
	padding: 4px;
    border-radius: 4px;
    border: solid 1px #eeeeee;
    margin-bottom: 2px;
}

input.arch{
	font-size: 12px;
}

.ptr{
	padding: 10px;
	cursor: pointer;
	text-align: center;
}

.list_db{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
}

.list_db td{
	padding: 4px;
	color: #555555;
	border: solid 1px #cccccc;
	text-align: center;
	font-weight: bold; 
}

.list_db .tr_db{
	background-color: #eeeeee;
}

.btn{
	float: right;
	padding: 5px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #2977b6;
	color: white;
	background-color: #2977b6;
	border-radius: 4px;
	cursor: pointer;
}

.btnAdd{
	padding: 1px 2px 1px 2px;
    border: solid 1px #ccc;
    border-radius: 4px;
    text-align: center;
    background-color: #2977b6;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.botones_act{
	float: right;
    margin-bottom: 5px;
	min-width: 330px;
}

.btnE{
	float: right;
	padding: 4px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #aaaaaa;
	color: #131313;
	background-color: #F28D6B;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 4px;
}

.btnE:hover{
	opacity: 0.8;
}

.rech{
	background-color: #F44336;
	color: white;
	border: solid 1px #F01E0D;
}

.auto{
	background-color: #FFCC66;
	color: #222222;
	border: solid 1px #FFB720;
}

.pagr{
	background-color: #8BC34A;
	color: #222222;
	border: solid 1px #74A938;
}

.porc{
	width: 400px;
	height: 30px;
	border: solid 1px #cccccc;
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 40px;
	padding: 1px;
	text-align: center;
	line-height: 2;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
}

.bar{
	height: 28px;
	width: 0%;
	background-color: #2977b6;
	border-radius: 4px;
	margin-top: -27px;
}

.pagination{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
	width: 65%;
	float: left;
	color: #2977B6;
}

.npages{
	padding: 2px 5px 2px 5px;
	border: solid 1px #cccccc;
	margin-right: 5px;
	margin-top: 3px;
}

.npages:hover {
	background-color: #F28D6B;
}

.count{

	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	width: 20%;
	float: right;
	margin-top: 0px;
	margin: 4px;
	color: #2977B6;
}

.error{
	background-color: #ffcccc;
	border: solid 1px red;
	color: red;
}

.fecha{
	border: solid 1px #cccccc;
	padding: 5px;
	width: 144px;
	border-radius: 3px;
	margin: 2px;
	margin-left: 0px;
}

.label{
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #2977b6;
	margin-top: 5px;
	text-align: left;
}

.labelPop{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float:left;
	width: 100px;
	line-height: 2;
}

.item{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 1px;
	margin-bottom: 2px;
}

#cont_liq{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	padding-left: 20px;
	margin-top: 5px;
}

.inputPop{
	margin: 2px;
	padding: 1px;
}

.numbers{
	width: 100px;
}

.monto{
	width: 100px;
}

.requerido{
	border: solid 1px #ff7d7d;
	padding: 2px;
}

.date{
	width: 100px;
}

.boxed{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	text-align: left;
	width: 250px;
	float:left;
	height: 23px;
}

.hrtitle{
	clear:both;
	border-bottom: solid 1px #cccccc;
	width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:  #2977b6;
	padding: 2px 2px 2px 0px;
}

.btn_nuevo{
	height: 30px;
	padding-left: 35px;
	background-image: url(../images/new.png);
	background-position: left;
	background-repeat: no-repeat;
	cursor: pointer;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: right;
	margin-right: 1%;
	line-height: 2.2;
    color: #2977B6;
}

.asoc{
	width: 20px;
	height: 20px;
	background-image: url(../images/asoc.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
}

/* LISTA DE PAGOS */

.listTrDiv{
	font-size: 12px;
	margin: 0 auto;
	width: 100%;
	min-width: 1200px;
	height: 20px;
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: #6DA4D0;
	color: white;
	position: relative;
}	
.listDiv{
	font-size: 12px;
	margin: 0 auto;
	width: 100%;
	min-width: 1200px;
	height: 20px;
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: white;
}

.listDiv:hover .trtopDiv{
	background-color: #facdbe;
	cursor: default;
}
.trtopDiv{
	font-size: 12px;
	line-height: 1.7;
    float: left;
    height: 19px;
	border-right: solid 1px #cccccc;
	padding: 0px 0px 1px 0px;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}

.cont-data{
	float:left;
	margin-right:3px;
	min-width: 90px;
	max-width: 120px;
	border: solid 1px #D0D0D0;
	background-color: #F3F3F3;
	padding: 2px;
	overflow: hidden;
}

.label_lic{
	font-size: 14px;
	font-weight: bold;
	color: #2977b6;
	text-align: center;
}

.data_lic{
	font-size: 12px;
	text-align: center;
}

.oki{
	background-color: #89BF11;
	color: white;
}

#viewPDF{
    top: 70px;
    position: absolute;
    z-index: 999;
    width: 80%;
    left: 10%;
    height: 500px;
	padding: 1%;
    background-color: white;
    border: solid 2px #969696;
    box-shadow: 2px 2px 12px #aaaaaa;
    border-radius: 10px;
}

#cont_data{
    float: left;
    min-height: 200px;
    width: 45%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
}

.cont-frm{
	float: right;
	width: 54%;
}

.select_big{
	font-size: 22px;
    font-weight: bold;
    padding: 8px;
    width: 422px;
    margin-bottom: 15px;
    color: #797979;
}

.add{
	width: 40px;
    height: 44px;
    float: right;
    background-image: url(../images/new.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

#frmAdd{
	position: fixed;
    top: 80px;
    left: 40%;
    background-color: white;
    box-shadow: 1px 1px 2px #cccccc;
	z-index: 9999;
}

.frmAdd{
	width: 300px;
	border: solid 1px #cccccc;
	padding: 5px;
	text-align: center;
}

.verificar{
	width: 20px;
	height: 20px;
	background-image: url(../images/check.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
	margin: 0 auto;
}

.text-msj{
	text-align: center;
	color: red;
	padding: 5px; 
}

.box-msj{
	margin: 0 auto;
    width: 300px;
    margin-top: 100px;
    padding: 40px;
    text-align: center;
    background-color: white;
    border: solid 1px #aaaaaa;
    box-shadow: 2px 2px 10px #cccccc;
    font-family: Arial;
    color: #717171;
}

.msjer{
	background-image: url(../images/delete.png);
    background-position: 97% 10;
    background-repeat: no-repeat;
    border: solid 1px #f44336;
}

.msjok{

	background-image: url(../images/check.png);
    background-position: 97% 10;
    background-repeat: no-repeat;
	border: solid 1px #8bc34a;
}

.loading{
	background-image: url(../images/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
	min-height: 32px;
}

.download{
	background-image: url(../images/download.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
	height: 22px;
	width: 22px;
	margin: 0 auto;
}

.textPop{
	display: none;
    min-width: 250px;
    min-height: 80px;
    border: solid 1px #999999;
    border-radius: 5px;
    position: relative;
    margin-top: 115%;
    right: -15px;
    font-family: Arial;
    font-size: 12px;
    padding: 50%;
    background-color: #eeeeee;
    z-index: 99;
    box-shadow: 1px 3px 8px #cccccc;
}

.textPop table{
	margin-top: 10px;
}

.textPop table td{
	border: solid 1px #cccccc;
	padding: 2px;
	font-size: 10px;
}

.textPop table th{
	border: solid 1px #cccccc;
	padding: 2px;
	font-size: 10px;
    font-weight: bold;
}


.btnTextPop{
	width: 25px;
	height: 25px;
	background-image: url(../images/info.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    border-radius: 13px;
    cursor: pointer;
}


.xls{
	width: 30px;
	height: 30px;
	background-image: url(../images/xls.png);
	background-position: center;
	background-repeat: no-repeat;
	float: right;
	opacity: 1;
	cursor: pointer;
	margin: 10px;
	padding: 8px;
    background-color: #8bc34a;
    border-radius: 24px;
}

.xls:hover{
	opacity: 0.6;
}

.print{
	width: 30px;
	height: 30px;
	background-image: url(../images/print.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	float: right;
	opacity: 1;
	cursor: pointer;
	margin: 10px;
	padding: 8px;
    background-color: #8bc34a;
    border-radius: 24px;
}

.print:hover{
	opacity: 0.6;
}

.waiting{
    z-index: 99999;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    position: fixed;
    border-radius: 50%;
    margin: 0 auto;
    transform: translate(-50%, 0);
    left: 50%;
    top: 50%;
    animation:gwaiting 5s;
	-webkit-animation:gwaiting 5s infinite;
	background-image: url(../images/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
}

@-webkit-keyframes gwaiting {
	0%   {
			background: #2977b6;
			background-image: url(../images/loading.gif); 
			background-repeat: no-repeat;
			background-position: center;
	}
	50%   {
			background: #ffffff;
			background-image: url(../images/loading.gif); 
			background-repeat: no-repeat;
			background-position: center;
	}
	100%   {
			background: #2977b6;
			background-image: url(../images/loading.gif); 
			background-repeat: no-repeat;
			background-position: center;
	}
}

.rev{
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #bbb;
	cursor: pointer;
	margin: 0 auto;
}