* {
	/* margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: arial, helvetic, sans-serif; */
	
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    /* padding: 2px 2px; */
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

/* .ui-button-text-only .ui-button-text {
    padding: 0.0em 0.3em;
} */

.highlighted{
	color: #7ac93c;
}

.iw-subTitle {
	font-size: 14px;
	font-weight: 700;
	padding: 5px 0;
}

.iw-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	font-weight: 400;
	padding: 10px;
	background-color: #48b5e9;
	color: white;
	margin: 0;
	border-radius: 2px 2px 0 0;
}

.ui-accordion .ui-accordion-content {
    padding: 0em 0em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    zoom: 1;
}

.ui-panel .ui-panel-titlebar {
    padding: 0.3em 0.1em 0.1em;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

.buttonPesquisa {
	height: 30px;
	width: 30px;
	margin-left: 1px;
	margin-right: 1px;
}

.buttonAdiciona {
	height: 20px;
	width: 23px;
	margin-left: 1px;
	margin-right: 1px;
	vertical-align: bottom;
}

.imgPesquisa {
	height: 15px;
	width: 18px;
	background-image: url("/checknow/javax.faces.resource/img/search_icon.png.jsf") !important;
}

.imgAdiciona {
	height: 15px;
	width: 18px;
	background-image: url("/checknow/javax.faces.resource/img/add_16.png.jsf") !important;
}

/* a {
	text-decoration: none;
	color: black;
} */

/* a:focus {
	outline: none;
} */

.estiloSpan {
	COLOR: red;
	font-size: 14px;
}

/* #topo {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 80px;
	background-color: #F7F6F5;
} */

#menu {
	/* position: absolute;
	top: 80px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color: #F7F6F5; */
}

#menupop {
	position: absolute;
	border: 1px solid #61cded;
	top: 63px;
	right: 25px;
	height: 30px;
	width: 150px;
	background-color: white;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 2px
}

#menupop a:hover {
	background-color: #e5e5e5;
}

#dialogo {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: url('imagens/fundopesquisa.png');
	padding: 10px;
}

#dialogo #corpodialogo {
	position: absolute;
	border: 1px solid black;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	padding: 5px;
}

#dialogo2 {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: transparent;
	padding: 10px;
}

#dialogo2 #corpodialogo2 {
	position: absolute;
	border: 1px solid black;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	padding: 5px;
}

#dialogopesquisa {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: transparent;
	padding: 10px;
}

#dialogopesquisa #corpodialogopesquisa {
	position: absolute;
	border: 1px solid black;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	padding: 5px;
}

#dialogopesquisa #corpodialogopesquisa #topodialogopesquisa {
	position: relative;
	background-color: #61c0e0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top: 0;
	left: 0;
	padding: 5px;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.30);
}

#dialogopesquisa #corpodialogopesquisa #paginapesquisa {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	bottom: 20px;
	top: 10px;
	height: 285px;
}

#dialogopesquisa #corpodialogopesquisa #botoespesquisa {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: right;
	left: 0;
	bottom: 0px;
	height: 20px;
	padding: 5px;
}

#iniciarmenu {
	border: 1px solid gray;
	background-color: white;
	margin-top: 4px;
	margin-left: 9px;
	padding: 3px 10px 6px 20px;
	width: 68px;
	height: 12px;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-face: sans-serif;
	font-size: 13px;
	cursor: pointer;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
}

#iniciarmenu #imageminiciarmenu {
	margin-left: -14px;
	display: inline-block;
	float: left;
}

#barramenu {
	display: block;
	background-color: #F7F6F5;
	position: absolute;
	top: 110px;
	width: 200px;
	bottom: 0px;
	left: 0px;
	padding-top: 5px;
	padding-left: 5px;
}

#imagemlogin {
	position: absolute;
	top: 30px;
	right: 60px;
}

#keyslogin {
	height: 30px;
	width:30px;
}

body{
 	background-image: url("/checknow/javax.faces.resource/img/fortaleza_white.jpg.jsf");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
     height: 500px;
    /* -webkit-filter: opacity(30%); Safari 6.0 - 9.0
    filter: opacity(30%); */
}

.welcome{
	color: #333333;
	font-size: 16px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.check-now-welcome{
	/* color: #efefef; */
	color: #cbdb39;
	font-size: 28px;
}

.text-field{
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.text-field:focus {
    border: 1px solid #efefef;
    box-shadow: 1px 1px 10px #428bca;
}

.button{
	width: 100%;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

/* .default{
	background-color: #e2e2e2;
}

.default:hover{
	background-color: #f5f5f5;
}

.success{
	background-color: #4CAF50;
} */

.btn-theme{
	background: linear-gradient(to bottom, rgba(122,201,60,1) 5%, rgba(108, 163, 27, 1) 100%);
}

.btn-theme:hover{
	background: linear-gradient(to bottom, rgba(122,201,60,0.7) 5%, rgba(108, 163, 27, 0.7) 100%);
}

.btn-primary{
	background-color: #428bca;
}

.btn-primary:hover{
	background-color: #8db9df;
}

.btn-login{
	background-color: #3d641e;
}

.btn-login:hover{
	background-color: #558c2a;
}

.btn-size-1{
	height: 35px;
	width: 100px;
}

/* accordion header */
.ui-accordion .ui-accordion-header{
	padding-top: 5px;
	padding-bottom: 5px;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e0e0e0;
}

.ui-accordion:focus, .ui-accordion-header:focus, h3:focus{
	outline: none;
	outline-width: 0;
	text-decoration: none;
}

a:hover, a:focus{
	text-decoration: none;
	outline-offset: 0;
	outline: none;
}


#formlogin {
	margin: auto;
	margin-top: 80px;
	width: 300px;
  	background: rgba(122, 201, 60, 1);
  	border-radius: 7px;
	padding:15px;
	/* filter: opacity(90%); */
}


#formMudarSenha {
	margin: auto;
	margin-top: 150px;
	width: 500px;
  	background: rgba(122, 201, 60, 1);
  	border-radius: 7px;
	padding:5px;
}

#dadoslogin {
	background: #61cded;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: -o-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: -ms-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	position: absolute;
	right: 20px;
	top: 14px;
	width: 200px;
	padding: 4px;
	background-color: #61c0e0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
}
 
.tituloJanela {
	position: relative;
	background-color: #61c0e0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top: 0;
	left: 0;
	padding: 5px 5px 5px 5px;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.30);
	margin-bottom: 8px;
}

.tituloListagem {
	text-align: left;
	margin: 0px 0px 3px 0px;
	padding: 5px 5px 8px 10px;
	background: #61cded;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: -o-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: -ms-linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	background-image: linear-gradient(rgba(255, 255, 255, .3),
		rgba(255, 255, 255, 0) );
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	font-size: 14px;
}

input[type=button] {
	/* margin: 1px 2px 1px 2px;
	padding-right: 5px;
	padding-left: 5px; */
}

input[type=submit] {
	/* margin: 1px 2px 1px 2px;
	padding-right: 5px;
	padding-left: 5px; */
}

input[type=text], select {
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
	border-width: 1px;
	font-size: 12px;
    padding: 7px;
}

input[type="text"]:disabled {
    background: #dddddd;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C0C0C0;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #C0C0C0;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #C0C0C0;
}
:-moz-placeholder { /* Firefox 18- */
  color: #C0C0C0;
}

/* tr.ui-widget-content:hover, tr.ui-datatable-even:hover{
	background: #f1faeb;
} */

.ui-paginator, .ui-paginator-top, .ui-widget-header, .ui-corner-top{
	/* background: #e4f4d8; */
	/* background: linear-gradient(#f1f9eb, #e4f4d8); */
}

@media (max-width: 1500px) {
	.div-search{
		padding-top:30px !important;
	}
}

@media screen and (max-width: 767px) {
	#msg_container{
	  	margin-top: 50px !important;
	}
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
    box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
}

.ui-inputfield:focus, .ui-widget-content:focus .ui-inputfield:focus, .ui-widget-header:focus .ui-inputfield:focus, .ui-state-focus{
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
    box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
}

.ui-state-focus{
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0) !important;
    -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0) !important;
    box-shadow:         0px 0px 0px rgba(50, 50, 50, 0) !important;
    border-color: #5ba8e7 !important;
    transition: width 2s !important;
}

.ui-paginator-rpp-options{
	width: 60px;
}

/* component of password verification */
/* .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: #6db436 !important;
	border-color: #61a030 !important;
} */

#barraerro {
	position: absolute;
	height: 60px;
	border: 1px solid #980021;
	background-image: linear-gradient(to bottom, #cf2b4f, #980021);
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: white;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 12px;
}

#barraerro #mensagembarraerro {
	padding-left: 60px;
	padding-right: 10px;
}

#corpo {
	bottom: 2px;
	right: 2px;
	left: 2px;
	top: 112px;
	position: absolute;
	padding: 8px;
}

#linhaSelecao span {
	display: inline-block;
}

#linhaSelecao:hover {
	background-color: #C0C8CB;
}

#linhaSelecaoPesquisa span {
	display: inline-block;
	cursor: pointer;
}

#linhaSelecaoPesquisa:hover {
	background-color: #C0C8CB;
}

.iconepesquisa {
	cursor: pointer;
	width: 14px;
	vertical-align: middle;
	padding-left: 2px;
}

.bordaImagem {
	border: 0;
}

.espacoBranco {
	height: 10px;
}

.espacoBranco20 {
	height: 20px;
}

.espacoBranco50 {
	height: 50px;
}

.espacoEsquerda3 {
	padding-right: 3px;
}

.espacoEsquerda6 {
	padding-right: 6px;
}

.styleFildSet {
	width: 100%;
}

.botaoPesquisa {
	height: 23px;
}

/* .valorPesquisa {
	width: 400px;
} */

.estiloIdCastro {
	width: 115px;
}

/* .estyleInputName {
	width: 400px;
} */

.default-selector { 
    padding-left:2px; 
    padding-right:2px;
    padding-top:5px; 
    padding-bottom:6px;
	border-radius: 4px; 
	
	font-weight: 300;
}

.default-selector:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.red-indicator{
	color: red;
}

.label-tf{
	margin-right: 10px;
	margin-bottom: 0px;
	color: #333333;
}

.field-size-1{
	width: 200px;
}

.field-size-2{
	max-width: 300px;
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
}

.field-size-3{
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
}

.ui-message{
	margin:0px;
}

/* messages dialog */
/* .ui-growl-item-container .ui-state-highlight .ui-corner-all .ui-helper-hidden , .ui-growl{
	background-color: #94d362 !important;
	border: #94d362 !important;
}

.ui-state-highlight, .ui-widget-content, .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-growl-item, .ui-growl-message{
	background: #94d362 !important;
	border: #94d362 !important;
} */

/* Setting prime faces buttons */

/* .ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default{
	background: #7ac93c;
	border-color: #6db436;
	text-shadow: 0px 0px 0px !important;
	
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0) !important;
    -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0) !important;
    box-shadow:         0px 0px 0px rgba(50, 50, 50, 0) !important;
} */

/*.ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span{
	text-shadow: 0px 0px 0px !important;
}

.ui-button:hover, button.ui-button.ui-state-default:hover, .ui-button.ui-state-default:hover{
	background: #94d362;
	border-color: #87ce4f;
}*/

/* Default button */

/*.ui-button:focus, button.ui-button.defaultButton.ui-state-focus{
	background: #7ac93c !important;
	border-color: #6db436 !important;
}*/

/* .defaultButton, .defaultButton:focus, .defaultButton:active{
	background: #7ac93c !important;
	border-color: #6db436 !important;
}

.defaultButton:hover{
	background: #94d362 !important;
	border-color: #87ce4f !important;
} */

/* Back button */

.ui-button:focus, button.ui-button.backButton.ui-state-focus{
	background: #6294d3 !important;
	border-color: #3c7ac9 !important;
}

.backButton, .backButton:focus{
	background: #6294d3 !important;
	border-color: #3c7ac9 !important;
}

.backButton:hover{
	background: #8aafde !important;
	border-color: #6294d3 !important;
}


.ui-button:focus, button.ui-button.dangerButton.ui-state-focus{
   background: #f95858 !important;
	border-color: #f95858 !important;
}

.dangerButton, .dangerButton:focus{
    background: #f95858 !important;
	border-color: #f95858 !important;
}

.dangerButton:hover{
	background: #f95858 !important;
	border-color: #f95858 !important;
}


/* Calendar */

.calendar-field-size{
	width:100%;
}

input.hasDatepicker{
	width: calc(100% - 35px);
	margin-right: 5px;
}

input.ui-column-filter{
	width: 90% !important;
	border-radius: 20px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 13px;
	height: 20px;
	color: #444444;
}

/* fixing bug of datatable*/
/* .ui-widget-header{
	margin-right: 15px!important;
} */

 .ui-datatable-scrollable-header-box{
	margin-right: 0px!important;
	width: 100%;
}

.ui-datatable-scrollable-body{
	margin-right: 0px !important;
	width: 100%;
}

.ui-datatable-scrollable-body {
	/* overflow-y: auto !important;
	overflow-y-width: 0px;  */
	width: 100%;
	/* width: calc(100% + 15px);  *//* improving bug of the Chrome */
}

.ui-datatable-scrollable-header {
	width: 100% !important;
}

/* custom pickList component */

.ui-picklist-filter-container{
	border-style:solid;
	border-width: 1px;
	border-radius:4px;
	border-color: #d5d5d5;
	margin-bottom: 6px !important;
}

.ui-picklist-filter-container:focus-within{
	border-color: #5ba8e7 !important;
}


input.ui-picklist-filter{
	/* border-radius: 20px 0px 0px 20px; */
	border-width: 0px;
	border-color: transparent !important;
	height:23px;
}

.ui-picklist td{
	padding-right: 3px;
	padding-left: 3px;
}

/* password component verification */

.table_pwd_varification, .table_pwd_varification tr, .table_pwd_varification tr td{
	width: 100%;
}

.table_pwd_varification .progress{
	height: 5px;
}

/* element used by mobile */
.mobile_element{
  	display: none;
}

.mobile_element_inline{
  	display: none;
}
	
@media screen and (max-width: 767px) {
	.mobile_element{
	  	display: block;
	}
	
	.mobile_element_inline{
	  	display: inline;
	}
}

/* address indicator */
.address_indicator{
	background-color: #f1f9eb;
	border-color: #afde8a !important;
	color: #497824;
	padding-left: 6px;
	padding-right: 6px;
}


/* file export components */

.div-export-right {
	float:right;
}

.div-export{
	margin-bottom: 15px;
}

.div-export a{
	color: white;
	padding: 8px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #d5d5d5;
	border-radius: 4px;
	
	background: linear-gradient(#ffffff, #f1f9eb);
}

.div-export a:hover{
	border-color: #b0b0b0;
	background: linear-gradient(#ffffff, #d7eec4);
}

.div-export a:active{
	border-color: #afde8a;
}

.datatable-content{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	width: 100%; 
	/* display: none; */
}
.painel-checknow {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.painel-checknow > .ui-corner-all{
	padding: 6px;
	background: #ffffff;
	color: #558c2a;
	
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-radius: 0;
}


/* .ui-paginator, .ui-paginator-top, .ui-widget-header, .ui-corner-top{
	 background: #cbe9cb; 
	 border: 0px;
	border: 1px solid #eeeeee;
	background: linear-gradient(#f1f9eb, #e4f4d8);
} */

.ui-paginator {
	border: 0px;
    margin: 0px;
    text-align: center;
    padding: 1px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cecece;
    background: #ffffff; 
    font-weight: normal;
    color: #555555;
}

.ui-inputfield.ui-state-error {
    border-color: #a80000;
}

.my-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
}

.badge-preto {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #000000;
  border-radius: 10px;
}

.menu-box {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.box-menu {transition: transform 0.2s;} .box-menu:hover {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}

.animate-zoom {animation: animatezoom 0.3s;} @keyframes animatezoom{from{transform:scale(0);} to{transform:scale(1);}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-input-80{transition:width 0.4s ease-in-out}.animate-input-80:focus{width:80%!important}
.animate-input-100{transition:width 0.4s ease-in-out}.animate-input-100:focus{width:100%!important}
.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}

.zoom-menu {transition: transform 0.2s;} .zoom-menu:hover {-ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01);
 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.zoom-menu-item {transition: transform 0.1s;}.zoom-menu-item:hover {-ms-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02);}

.zoom-5 {transition: transform 0.2s;} .zoom-5:hover {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.zoom-1 {transition: transform 0.2s;} .zoom-1:hover {-ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01);}
.zoom-1-1 {transition: transform 2.5s;} .zoom-1-1:hover {-ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01);}