@CHARSET "UTF-8";



/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Poppins-Regular;
  src: url('/safim/safimunicipal/css/fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('/safim/safimunicipal/css/fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('/safim/safimunicipal/css/fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('/safim/safimunicipal/css/fonts/poppins/Poppins-SemiBold.ttf'); 
}



/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: Poppins-Regular, sans-serif;
}

/*---------------------------------------------*/
a {
	font-family: Poppins-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p {
	font-family: Poppins-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
  border: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  font-family: Poppins-Regular;
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
}

.txt2 {
  font-family: Poppins-Regular;
  font-size: 13px;
  color: #333333;
  line-height: 1.5;
}

/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;  
  min-height: 00vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2px;
 
}

.wrap-login100 {
  width: 490px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
 /* padding: 77px 55px 33px 55px;*/
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}


/*------------------------------------------------------------------
[ Form ]*/

.login100-form {
  width: 100%;
}

.login100-form-title {
  display: block;
  font-family: Poppins-Bold;
  font-size: 30px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
}
.login100-form-title i {
  font-size: 60px;
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #adadad;
  margin-bottom: 37px;
}

.input100 {
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;

  display: block;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 0 5px;
}

/*---------------------------------------------*/ 
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #6a7dfe;
  background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  background: -o-linear-gradient(left, #21d4fd, #b721ff);
  background: -moz-linear-gradient(left, #21d4fd, #b721ff);
  background: linear-gradient(left, #21d4fd, #b721ff);
}

.focus-input100::after {
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #999999;
  line-height: 1.2;

  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0px;
  padding-left: 5px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.input100:focus + .focus-input100::after {
  top: -15px;
}

.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::after {
  top: -15px;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}

/*---------------------------------------------*/
.btn-show-pass {
  font-size: 15px;
  color: #999999;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  padding-right: 5px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-show-pass:hover {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

.btn-show-pass.active {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}



/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 13px;
}

.wrap-login100-form-btn {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 25px;
  overflow: hidden;
  margin: 0 auto;
}

.login100-form-bgbtn {
  position: absolute;
  z-index: -1;
  width: 300%;
  height: 100%;
  background: #a64bf4;
  background: -webkit-linear-gradient(right, #1b6869, #313945, #1b6869, #313a46);
  background: -o-linear-gradient(right, #1b6869, #313945, #1b6869, #313a46);
  background: -moz-linear-gradient(right,#1b6869, #313945, #1b6869,#313a46);
  background: linear-gradient(right, #1b6869, #313945, #1b6869, #313a46);
  top: 0;
  left: -100%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn {
  font-family: Poppins-Medium;
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
}



.wrap-login100-form-btn:hover .login100-form-bgbtn {
  left: 0;
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-login100 {
    padding: 77px 15px 33px 15px;
  }
}


.img-responsive
{
	 
	  width:40%;
	  height: 40%;
}

.img-responsive1
{
	 
	  width: 30%;
	  height:30%;
}
/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}


.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f06a";
  font-family: FontAwesome;
  font-size: 16px;
  color: #c80000;

  display: block;
  position: absolute;
  background-color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}



.ui-widget,.ui-widget .ui-widget {
  font-size: 12px !important;
}
.ui-datatable tfoot th{padding:4px 20%;overflow:hidden;border-width:1px;border-style:solid;}


ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 20%;
        padding-top: 4px;
        padding-right: 20%;
        padding-bottom: 4px;
        padding-left: 20%;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td {
  white-space: normal !important;
}



/*.ui-datatable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-datatable-tablewrapper{overflow:auto}.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-footer{text-align:center;padding:4px 10px}.ui-datatable .ui-datatable-header{border-bottom:0 none}.ui-datatable .ui-datatable-footer{border-top:0 none}.ui-datatable thead th,.ui-datatable tfoot td{text-align:center}.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td,.ui-datatable tfoot th{padding:4px 20%;overflow:hidden;border-width:1px;border-style:solid;}.ui-datatable tbody.ui-datatable-data{outline:0}.ui-datatable tbody td{border-color:inherit}.ui-datatable .ui-sortable-column{cursor:pointer}.ui-datatable div.ui-dt-c{position:relative}.ui-datatable .ui-sortable-column-icon{display:inline-block;margin:-3px 0 -3px 2px}.ui-datatable .ui-column-filter{display:block;box-sizing:border-box;width:100%;margin:auto}.ui-datatable .ui-row-toggler{cursor:pointer}.ui-datatable tr.ui-state-highlight{cursor:pointer}.ui-datatable .ui-selection-column .ui-chkbox-all{display:block;margin:0 auto;width:16px;height:16px}.ui-datatable-summary{display:none}.ui-datatable-scrollable table,.ui-datatable-sticky table{table-layout:fixed}.ui-datatable-scrollable-body{overflow:auto}.ui-datatable-scrollable-header,.ui-datatable-scrollable-footer{overflow:hidden;border:0 none}.ui-datatable-scrollable .ui-datatable-scrollable-header,.ui-datatable-scrollable .ui-datatable-scrollable-footer{position:relative}.ui-datatable-scrollable .ui-datatable-scrollable-header td{font-weight:normal}.ui-datatable-scrollable-body::-webkit-scrollbar{-webkit-appearance:none;width:15px;background-color:transparent}.ui-datatable-scrollable-body::-webkit-scrollbar-thumb{border-radius:8px;border:1px solid white;background-color:rgba(194,194,194,.5)}.ui-datatable .ui-datatable-scrollable-body{min-height:0}.ui-datatable .ui-datatable-data tr.ui-state-hover{border-color:inherit;font-weight:inherit;cursor:pointer}.ui-datatable-scrollable-theadclone{height:0}.ui-datatable-scrollable-theadclone tr{height:0}.ui-datatable-scrollable-theadclone th.ui-state-default{height:0;border-bottom-width:0;border-top-width:0;padding-top:0;padding-bottom:0;outline:0 none}.ui-datatable-scrollable-theadclone th span.ui-column-title{display:block;height:0}.ui-datatable .ui-paginator,.ui-datatable .ui-paginator{padding:2px}.ui-datatable .ui-datatable-virtualscroll-wrapper{position:relative}.ui-datatable .ui-datatable-virtualscroll-table{top:0;left:0;position:absolute}.ui-datatable .ui-cell-editor-input{display:none}.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output{display:none}.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input{display:block}.ui-datatable .ui-row-editor span{cursor:pointer}.ui-datatable .ui-row-editor .ui-row-editor-pencil{display:inline-block}.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-pencil{display:none}.ui-datatable .ui-row-editor .ui-row-editor-check,.ui-datatable .ui-row-editor .ui-row-editor-close{display:none}.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-check,.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-close{display:inline-block}.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column,.ui-datatable .ui-datatable-data td.ui-cell-editing{padding:0;margin:0}.ui-row-editor-outline{outline:dotted thin}.ui-datatable .ui-column-resizer{position:absolute;top:0;right:0;margin:0;width:8px;height:100%;padding:0;cursor:col-resize;background-image:url("/safim/safimunicipal/javax.faces.resource/spacer/dot_clear.gif.jsf?ln=primefaces&v=7.0");border:1px solid transparent;box-sizing:border-box}.ui-datatable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-datatable-resizable{padding-bottom:1px;overflow:auto}.ui-datatable-resizable thead th,.ui-datatable-resizable tbody td,.ui-datatable-resizable tfoot td{white-space:nowrap}.ui-datatable-resizable table{table-layout:fixed}.ui-datatable-resizable th.ui-resizable-column{background-clip:padding-box;position:relative}.ui-datatable-rtl{direction:rtl}.ui-datatable-rtl.ui-datatable thead th,.ui-datatable-rtl.ui-datatable tfoot td{text-align:right}.ui-datatable table.ui-datatable-fs{width:auto}.ui-datatable .ui-datatable-frozenlayout-left,.ui-datatable .ui-datatable-frozenlayout-right{padding:0;border:0 none;vertical-align:top}.ui-datatable .ui-datatable-frozen-container{margin-right:-1px}.ui-datatable-frozen-container .ui-datatable-scrollable-body{overflow:hidden}.ui-datatable .ui-datatable-frozen-container .ui-row-toggler{margin-top:-2px;margin-bottom:-2px}.ui-datatable .ui-datatable-frozen-container .ui-row-editor{margin-top:-2px;margin-bottom:-2px}.ui-datatable-frozenlayout-right .ui-datatable-empty-message td{text-indent:-9999px}.ui-datatable-frozenlayout-right .ui-datatable-empty-message td>*{visibility:hidden}.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title{display:none}.ui-datatable-reflow .ui-reflow-label,.ui-datatable-reflow .ui-reflow-dropdown{margin-bottom:10px;display:none}.ui-datatable .ui-rowgroup-header>td>a.ui-rowgroup-toggler{padding-right:1.5em;position:relative}.ui-datatable .ui-rowgroup-header .ui-rowgroup-toggler-icon{position:absolute;top:0;bottom:0;margin:auto 0}@media(max-width:640px){.ui-datatable-reflow thead th,.ui-datatable-reflow tfoot td{display:none}.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden){text-align:left;display:block;border:0 none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable-reflow .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em}.ui-datatable-reflow .ui-reflow-label,.ui-datatable-reflow .ui-reflow-dropdown{display:inline-block}.ui-datatable-reflow .ui-reflow-dropdown{margin-left:5px;border-top-left-radius:3px;border-bottom-left-radius:3px}.ui-datatable-reflow tr.ui-datatable-empty-message>td{display:block;border:0 none}}*/
 .passive {
  border-style: solid;
  background-color: #F4C4C4;
  border-color: #F4C4C4;
}
/*background-color: #EF6850;*/
.active {
  border-style: solid;
  background-color: #BBE8AE;
  border-color: #BBE8AE;
}

.curved {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
}

.fondoPrincipal {
    background-image: url("./../images/safim-login-image.jpg");
    width: 800px;
    height: 800px;
    background-repeat: no-repeat;
    margin: 20% 10% 20% 10%;
}