@import "rese.css";
@import "font.css";
@import "icon.css";

/************************ FUNC ************************/
html, body {

}

a {	text-decoration:none; }

/************************ SCRO ************************/
::-webkit-scrollbar { width:12px; }
::-moz-scrollbar { width:12px; }
::-o-scrollbar { width:12px; }

::-webkit-scrollbar-track { background:#fff; }
::-moz-scrollbar-track { background:#fff; }
::-o-scrollbar-track { background:#fff; }

::-webkit-scrollbar-thumb { background:#2EB2EC; }
::-moz-scrollbar-thumb { background:#2EB2EC; }
::-o-scrollbar-thumb { background:#2EB2EC; }

/************************ SCRO GTOP ************************/
.scro_gtop {
    width:45px;
    height:45px;
    color:#FFF;
    font-size:28px;
    text-align:center;
    line-height:40px;
    right:20px;
    bottom:20px;
	background:rgba(0, 189, 255, 0.8);
    display:none;
    position:fixed;
    cursor:pointer;
    z-index:9999;
    transition:all 0.3s ease 0s;
}

.scro_gtop:hover{
	background:rgba(2, 87, 163, 0.8);
}

/************************ WRAP ************************/
#wrap {
	width:100%;
	height:auto;
}

/************************ HEAD ************************/
#head_wrap {
	width:100%;
	height:90px;
	padding:0% 2%;
	box-shadow:0 0 5px #666;
	background:linear-gradient(110deg, #FFF 30%, #1866B1 30%);
	float:left;	
}

.head_logo {
	width:25%;
	height:inherit;
	float:left;
	
	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;	
}

.head_logo img {
	width:90%;
}

.head_titu {
    width:70%;
	height:inherit;
	font-family:'Raleway', sans-serif;
    font-size:1.8em;
    color:#fff;
	font-weight:bold;
	float:right;

	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;
}

/************************ MAIN INDE ************************/
#main_inde_wrap {
	width:100%;
	height:auto;
	padding:2%;
	background-image:url('../img/main_inde_wrap_back.jpg');
	background-size:cover !important;
	float:left;
}

/************************ MAIN ************************/
#main_wrap {
	width:100%;
	height:auto;
	padding:2%;
	float:left;
}

/************************ INDE ************************/
.inde_righ {
	width:50%;
	height:auto;
	padding:4%;
	float:right;
}

/************************ LOGI ************************/
.logi_wrap {
	width:100%;
	height:auto;
	padding:10% 4% 10% 10%;
	margin-top:27%;
	background-color:#F5F5F5;
    border:solid 4px #DADADA;
    border-radius:8px;
    box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 4px 10px rgba(0, 0, 0, 0.1);
	float:left;
}

.logi_form {
	width:80%;
	height:auto;
	float:left;
}

.logi_form_item {
	width:100%;
	height:auto;
	margin-bottom:2%;	
	float:left;
}

.logi_form_item_icon {
	width:20%;
	height:40px;
    font-size:1.2em;
    font-weight:400;
	color:#555;
    text-align:center;
    padding:2.5%;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:4px 0 0 4px;
	float:left;
	
	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;	
}

.logi_form_item_inpu {
    width:80%;
	height:40px;
	font-family:'Open Sans', sans-serif;
    font-size:0.85em;
    color:#555;
    padding:2.5%;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
	border-left:0;
    border-radius:0 4px 4px 0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	float:left;
    display:block;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.logi_form_item_inpu:focus { color: #515151; background-color:#eee }

.logi_form_item_inpu:focus::-webkit-input-placeholder { color: #515151; }
.logi_form_item_inpu:focus:-moz-placeholder { color: #515151; }
.logi_form_item_inpu:focus:-ms-input-placeholder { color: #515151; }

.logi_form_butt {
	width:100%;
	height:auto;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
	color:#fff;
    text-align:center;
    font-weight:700;
	text-transform:uppercase;
    padding:2%;
    background-color:#00BDFF;
    border:1px solid #ccc;
    border-radius:4px;
	float:left;
	cursor:pointer;
}

.logi_form_butt:hover {
    background-color:#DF3434;
}

.logi_mens {
	width:20%;
	height:auto;
	padding:6% 2%;
	float:right;
}

.logi_mens_ok {
	width:100%;
	height:35px;	
	background:url('../img/logi_mens_ok.jpg') no-repeat center center;
	float:left;
}

.logi_mens_erro {
	width:100%;
	height:35px;	
	background:url('../img/logi_mens_erro.jpg') no-repeat center center;
	float:left;
}

/************************ USOP ************************/
#usop_wrap {
	width:100%;
	height:auto;
	padding:0.5% 2%;
	background:#F1F1F1;
	float:left;
}

.usop_usua {
	width:auto;
	margin-top:5px;
	float:left;
}

.usop_usua_icon {
	width:auto;
	font-size:25px;
	color:#00BDFF;
	text-align:center;
	margin-top:2px;
	margin-right:10px;
	float:left;
}

.usop_usua_titu {
    width:auto;
	height:auto;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#1866B1;
	font-weight:bold;
	padding-top:6px;
	float:left;
}

.usop_opci {
	width:auto;
	float:right;
}

.usop_opci_item {
	width:48px;
	height:48px;
	font-size:25px;
	color:#fff;
	text-align:center;
	padding:8px;
	background:#1D71BB;
	border:2px solid #fff;
	border-radius:50%;
	margin-left:10px;
	float:right;
	display:block;
    transition:all 0.3s ease 0s;
}

.usop_opci_item:hover{
	background:#00BDFF;
}

.usop_opci_item a {
	color:#fff;
}

/************************ MODU ************************/
#modu_wrap {
	width:92%;
	height:auto;
	padding:3% 3% 1% 3%;
	margin:1% 4% 4% 4%;
	background:#F1F1F1;
    border:solid 4px #DADADA;
    border-radius:8px;
    box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 4px 10px rgba(0, 0, 0, 0.1);
	float:left;
}

.modu_item {
	width:14.6%;
	text-align:center;
	padding:3%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	background:#E5E5E5;
	float:left;
    transition:all 0.3s ease 0s;	
}

.modu_item_empt {
	background:#DF3434;
}

.modu_item:hover {
	background:#00BDFF;
	transform:scale(1.1);
}

.modu_item_icon {
	width:60%;
	font-size:3em;
	color:#00BDFF;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:4%;
	float:left;
    transition:all 0.3s ease 0s;	
}

.modu_item:hover .modu_item_icon {
	color:#FFF;
}

.modu_item_titu {
    width:100%;
	height:30px;
	font-family:'Open Sans', sans-serif;
    font-size:0.9em;
    color:#1866B1;
	font-weight:bold;
	float:left;

	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;
    transition:all 0.3s ease 0s;	
}

.modu_item:hover .modu_item_titu {
	color:#FFF;
}

/************************ CRUM ************************/
#crum_wrap {
	width:92%;
	height:auto;
	font-family:'Open Sans', sans-serif;	
	padding:0% 4%;
	margin-top:1%;
	float:left;	
}

#crum {
	text-align:left;
}

#crum ul {
	padding:0;
	margin:0;
	list-style:none;
	display:inline-table;
}

#crum ul li {
	display:inline;
}

#crum ul li {
	height:40px;
	font-size:0.9em;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:10px 10px 5px 30px;
	margin:0 5px 0 0;
	background:#1866B1;
	position:relative;
	float:left;
	display:block;
}

#crum ul li:after {
	content:"";  
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-left:20px solid #1866B1;
	position:absolute; right:-20px; top:0;
	z-index:1;
}
		
#crum ul li:before {
	content:"";  
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-left:20px solid #FFF;
	position:absolute; left:0; top:0;
}

#crum ul li:first-child {
	color:#fff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#crum ul li:first-child:before {
	display:none; 
}

#crum ul li:last-child {
	color:#fff;
	font-weight:bold;
	padding-right:40px;
	background:#DF3434;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
#crum ul li:last-child:after {
	display:none; 
}

/************************ FORM OPCI ************************/
.form_head {
	width:100%;
	padding:0.5% 0%;
	margin-top:-2%;
	margin-bottom:1%;
	float:left;
}

.form_head_mens {
	width:55%;
	padding-top:0.6%;
	float:left;
}

.form_head_mens_icon {
	width:auto;
	height:30px;
	font-size:20px;
	color:#fff;
	text-align:center;
	padding:2px 4px 0px 4px;
	background:#159700;
	border:2px solid #128300;
	border-radius:8px 0 0 8px;
	float:left;
	display:block;
    transition:all 0.3s ease 0s;
}

.form_head_mens_icon_erro {
	background:#DF3434;
	border:2px solid #DC0000;
}

.form_head_mens_titu {
	width:60%;
	height:auto;
	font-family:'Open Sans', sans-serif;
    font-size:0.8em;
    color:#fff;
	padding:6px 6px 6px 6px;
	background-color:#128300;
	border-radius:0 8px 8px 0;
	float:left;
}

.form_head_mens_titu_erro {
	background-color:#DF3434;
}

.form_head_opci {
	width:45%;
	float:right;
}

.form_head_opci_item {
	width:48px;
	height:48px;
	font-size:25px;
	color:#fff;
	text-align:center;
	padding:8px;
	background:#1D71BB;
	border:2px solid #fff;
	border-radius:50%;
	margin-left:10px;
	float:right;
	display:block;
    transition:all 0.3s ease 0s;
}

.form_head_opci_item:hover{
	background:#00BDFF;
}

.form_head_opci_item a {
	color:#fff;
}

.form_head_opci_item_chec {
	width:16px;
	height:16px;
	padding-top:2px;
	cursor:pointer;
}

/************************ FORM ************************/
#form_main {
	width:100%;
	font-family:'Arial', sans-serif;
	font-size:12px;
	float:left;
}

#form_main h2 {
    width:100%;
	height:auto;
	font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#1866B1;
	text-transform:uppercase;
	margin-top:2%;
	margin-bottom:1%;
	float:left;
}

.form_camp {
	width:auto;
	height:auto;
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#515151;
	margin-bottom:8px;
	float:left;
}

.form_camp_labe {
	width:18%;
	height:28px;
    text-align:left;
    padding:4px 5px;
	padding-left:10px;
    background-color:#E9E9E9;
	border-radius:5px 0 0 5px;	
	float:left;
}

.form_camp_text_labe {
	width:100%;
	height:28px;
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#515151;	
    text-align:center;
    padding:0.5%;
    background-color:#E9E9E9;
	border-radius:5px;	
	float:left;
}

.form_camp_labe_requ {
	color:#FFF;
    background-color:#00BDFF !important;
}

.form_camp_labe_requ a {
	color:#FFF !important;
	text-decoration:underline;
}

.form_camp_inpu {
    width:81.4%;
	height:28px;
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#515151;	
    padding:4px 5px;
	margin-left:5px;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
    transition:all 0.3s ease 0s;
}

.form_camp_inpu:focus {
	background:#E7E7E7;
}

.form_camp_inpu::-webkit-input-placeholder { color:#fff; }    
.form_camp_inpu:-moz-placeholder { color:#fff; }
.form_camp_inpu:-ms-input-placeholder { color:#fff; }

.form_camp_inpu:focus::-webkit-input-placeholder { color:#fff; }    
.form_camp_inpu:focus:-moz-placeholder { color:#fff; }
.form_camp_inpu:focus:-ms-input-placeholder { color:#fff; }

.form_camp_text {
    width:100%;
	height:80px;
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#515151;	
    padding:2%;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
    transition:all 0.3s ease 0s;
}

.form_camp_text:focus {
	background:#E7E7E7;
}

.form_camp_text::-webkit-input-placeholder { color:#fff; }    
.form_camp_text:-moz-placeholder { color:#fff; }
.form_camp_text:-ms-input-placeholder { color:#fff; }

.form_camp_text:focus::-webkit-input-placeholder { color:#fff; }    
.form_camp_text:focus:-moz-placeholder { color:#fff; }
.form_camp_text:focus:-ms-input-placeholder { color:#fff; }

.form_camp_labe_48 {
	width:37.5%;
	height:28px;
    text-align:left;
    padding:4px 5px;
	padding-left:10px;
    background-color:#E9E9E9;
	border-radius:5px 0 0 5px;
	float:left;
}

.form_camp_labe_enla {
    color:#424242;
    background:#E5E5E5;
    cursor:pointer !important;
}

.form_camp_inpu_48 {
    width:61.25%;
	height:28px;
    padding:4px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	margin-left:5px;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
    transition:all 0.3s ease 0s;
}

.form_camp_inpu_48:focus {
	background:#E7E7E7;
}

.form_camp_inpu_48::-webkit-input-placeholder { color:#fff; }    
.form_camp_inpu_48:-moz-placeholder { color:#fff; }
.form_camp_inpu_48:-ms-input-placeholder { color:#fff; }

.form_camp_inpu_48:focus::-webkit-input-placeholder { color:#fff; }    
.form_camp_inpu_48:focus:-moz-placeholder { color:#fff; }
.form_camp_inpu_48:focus:-ms-input-placeholder { color:#fff; }

.form_camp_radi {
    width:81%;
	height:auto;
	margin-left:5px;
	float:left;
}

.form_camp_radi_item {
    width:30.2%;
	height:28px;
    padding:2px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	margin-right:1%;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
}

.form_camp_radi_item:hover {
	background:#E7E7E7;
}

.form_camp_radi_item_inpu {
    width:auto;
	height:20px;
    padding:3px 5px;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
}

.form_camp_radi_item_labe {
    width:auto;
	height:auto;
    padding:3px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	float:left;
}

.form_camp_chec_usua_item {
    width:15%;
	height:28px;
    padding:2px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	margin-right:1%;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
}

.form_camp_chec_usua_item_inpu {
    width:auto;
	height:20px;
    padding:3px 5px;
	margin-top:3px;
	float:left;
}

.form_camp_chec_usua_item_labe {
    width:auto;
	height:auto;
    padding:3px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	float:left;
}

.form_camp_chec_usua_modu_item {
    width:23%;
	height:28px;
    padding:2px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
}

.form_camp_comb_48 {
    width:61.2%;
	height:28px;
    padding:4px 5px;
	font-family:'Open Sans', sans-serif;
    font-size:1em;
    color:#515151;		
	margin-left:5px;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
    transition:all 0.3s ease 0s;
}

.form_camp_comb_48:focus {
	background:#E7E7E7;
}

.form_camp_arch_labe {
	width:18%;
	height:30px;
    text-align:left;
    padding:4px 5px;
	padding-left:10px;
    background-color:#E9E9E9;
	border-radius:5px 0 0 5px;	
	float:left;
}

.form_camp_arch_labe a {
	color:#515151;
	text-decoration:underline;
}

.form_camp_arch_inpu {
    width:29.4%;
	height:30px;
	color:#515151;
    padding:3px 5px;
	margin-left:5px;
    background-color:#F4F4F4;
    border:1px solid #CFCFCF;
	float:left;
    transition:all 0.3s ease 0s;
}

.form_camp_arch_arch {
    width:auto;
	height:28px;
	margin-left:5px;
	float:left;
}

.form_camp_arch_arch img {
    width:auto;
	height:30px;
}

.form_camp_arch_dele {
    width:5%;
	height:30px;
	font-size:1.6em;
    color:#515151;
	text-align:center;
    padding:0 5px 1px 5px;
	margin-left:5px;
    background-color:#F4F4F4;
    border:1px solid #DEDEDE;	
	float:left;
}

.form_camp_arch_dele:hover {
    color:#FFF;
    background-color:#DF3434;
    border:1px solid #DF3434;	
}

/************************ FORM BOTO ************************/
.form_boto {
    width:100%;
	height:auto;
	text-align:right;
	padding:1% 0%;
	margin-top:1%;
	margin-bottom:2%;
	float:left;
}

.form_boto_save {
	width:165px;
	height:35px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	text-align:left;
	text-transform:uppercase; 
	font-weight:bold;
	padding:0 0 0 45px;
	background:url('../img/form_boto_save.jpg') no-repeat;	
	border:0;
	cursor:pointer;
}

.form_boto_save:hover{
	background: url('../img/form_boto_save.jpg') no-repeat 0 -35px;
}

.form_boto_save_disa {
	width:165px;
	height:35px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	text-align:left;
	text-transform:uppercase; 
	font-weight:bold;
	padding:0 0 0 45px;
	background:url('../img/form_boto_save.jpg') no-repeat 0 -70px;	
	border:0;
	cursor:pointer;
}

.form_boto_dele {
	width:165px;
	height:35px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	text-align:left;
	text-transform:uppercase; 
	font-weight:bold;
	padding:0 0 0 45px;
	margin-left:15px;
	background:url('../img/form_boto_dele.jpg') no-repeat;	
	border:0;
	cursor:pointer;
}

.form_boto_dele:hover{
	background: url('../img/form_boto_dele.jpg') no-repeat 0 -35px;
}

/************************ DATA ************************/
#datatables tr:hover {
	background-color:#BECBDA;
}
		
.data_head_orde { 
	width:9%;
}

.data_orde { 
	width:100%;
	float:left;
}

.data_orde ul {
	padding:0;
	margin:0;
	list-style:none;
}

.data_orde li {
	width:auto;
	height:auto;
	color:#666;	
	font-size:22px;
	margin-left:5px;
	margin-right:5px;
	display:inline;
}

.data_orde a {
	color:#666;		
}

.data_orde a:hover {
	color:#DF3434;		
}

.data_head_titu { 
	width:56%;
}

.data_head_100 { 
	width:40%;
}

.data_head_15 { 
	width:15%;
}

.data_head_acti { 
	width:9%;
}

.data_head_opci { 
	width:25%;
}

.data_opci { 
	width:100%;
	float:left;
}

.data_opci ul {
	padding:0;
	margin:0;
	list-style:none;
}

.data_opci li {
	width:auto;
	height:auto;
	color:#666;
	font-size:22px;
	margin-left:7px;
	margin-right:7px;
	display:inline;
	cursor:pointer;
}

.data_opci a {
	color:#666;		
}

.data_opci a:hover {
	color:#DF3434;		
}

.data_head_modu_secc { 
	width:19%;
}

.data_head_modu_titu { 
	width:56%;
}

.data_head_modu_opci { 
	width:15%;
}

.data_head_usua_usua { 
	width:18%;
}

.data_head_usua_nomb { 
	width:47%;
}

.data_head_usua_acti { 
	width:9%;
}

.data_head_usua_opci { 
	width:26%;
}

/************************ ERRO ************************/
.erro_bloq_icon {
	width:20%;
	font-size:10em;
	color:#DF3434;
	text-align:center;
	border-radius:50%;
	margin-left:40%;
	margin-right:40%;
	margin-bottom:2%;
	float:left;
}

.erro_bloq_titu {
	width:100%;
	height:60px;
	font-family:'Raleway', sans-serif;
	color:#DF3434;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	padding-bottom:12%;
	float:left;
}

.erro_bloq_titu a {
	color:#DF3434;
	text-decoration:underline;
}
	
/************************ FOOT ************************/
#foot_wrap {
	width:100%;
	height:60px;
	font-family:'Raleway', sans-serif;
	color:#fff;
	font-size:0.9em;
	text-align:center;
	background-color:#1866B1;
	box-shadow:0 0 10px #666;
	float:left;

	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;		
}

#foot_wrap a {
	color:#fff;
}

#foot_wrap a:hover {
	color:#00BDFF;
}

/**** MENS ****/
#mens_floa_wrap {
	width:240px;
	text-align:center;
	margin-left:-120px;
	left:50%;
	top:20%;
	position:fixed;
	z-index:9998;
	cursor:pointer;
	transition:all 0.3s ease 0s;

	-webkit-animation-name:move_mens_floa_wrap;
	-webkit-animation-duration:0.3s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:linear;	
}

@-webkit-keyframes move_mens_floa_wrap
{
	0% { top:-60%; }
	5% { top:-50%; }
	15% { top:-40%; }
	25% { top:-30%; }
	35% { top:-20%; }
	45% { top:-10%; }
	55% { top:-0%; }
	65% { top:5%; }
	75% { top:10%; }
	85% { top:15%; }
	100% { top:20%; }

}
 
.mens_floa {
	width:100%;
	padding:7% 5%;
	background:rgba(39,174,97,1);
	border:2px solid #169D50;
	float:left;
}

.mens_floa_erro {
	background:rgba(236,49,49,1);
	border:2px solid #DF3434;
}

.mens_floa_icon {
	width:100%;
	font-size:4em;
	color:#FFF;
	text-align:center;
	float:left;
}

.mens_floa_titu {
	width:100%;
	font-family:'Open Sans', sans-serif;
    font-size:1.8em;
    color:#FFF;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
	margin-top:10px;
	line-height:110%;
	float:left;
}

.mens_floa_hr {
	width:30%;
	height:2px;
	background:#FFF;
	margin:15px 35%;
	float:left;
}

.mens_floa_desc {
	width:100%;
	font-family:'Open Sans', sans-serif;
    font-size:1.1em;
    color:#FFF;
	text-align:center;
	text-transform:uppercase;
	line-height:130%;
	float:left;
}

.mens_floa_cerr {
	width:100%;
	font-size:2em;
	color:#FFF;
	text-align:center;
	font-weight:100;
	float:left;
}

/************************ ADDO ************************/
.addo_clea_both {
	width:100%;
	clear:both;
}

.addo_floa_righ {
	float:right;
}

.addo_floa_left {
	float:left;
}

.addo_padd_null {
	padding:0;
}

.addo_marg_null {
	margin:0;
}

.addo_marg_top_null {
	margin-top:0 !important;
}

.addo_marg_boto_4 {
	margin-bottom:4%;
}

.addo_marg_boto_1 {
	margin-bottom:1%;
}

.addo_widh_100 {
	width:100%;
}

.addo_widh_48 {
	width:48%;
}

.addo_text_uppe {
	text-transform:uppercase;
}

.addo_text_lowe {
	text-transform:lowercase;
}

.addo_text_alig_left {
	text-align:left;
}

.addo_text_alig_righ {
	text-align:right;
}

.addo_text_alig_cent {
	text-align:center;
}

.addo_form_camp_icon {
	font-size:2em;
	color:#00BDFF;
}

/* ----- MEDIA QUERIES ----- */

@media (min-width: 240px) and (max-width: 639px) {

	/************************ SCRO GTOP ************************/
	.scro_gtop {
		font-size:2em;
	    bottom:20px;
    	right:20px;		
	}

	/************************ HEAD ************************/
	#head_wrap {
		width:100%;
		height:auto;
		padding:0;
		background:#FFF;
	}
	
	.head_logo {
		width:100%;
		padding:2% 0%;
		text-align:center;
		height:auto;
	}
	
	.head_logo img {
		width:70%;
	}
	
	.head_titu {
		width:100%;
		height:inherit;
		font-size:1.3em;
		color:#fff;
		text-align:center;
		padding:2%;
		background:#1866B1;
		float:left;	}	

	/************************ MAIN INDE ************************/
	#main_inde_wrap {
		background-image:none;
	}

	/************************ INDE ************************/
	.inde_righ {
		width:100%;
		height:auto;
		padding:2% 4%;
		float:left;
	}
	
	/************************ LOGI ************************/
	.logi_wrap {
		margin-top:10%;
		margin-bottom:10%;
	}	

	.logi_form_item_icon {
		height:35px;
	}
	
	.logi_form_item_inpu {
		height:35px;
	}
	
	.logi_form_butt {
		padding:3% 2%;
	}	

	/************************ USOP ************************/
	#usop_wrap {
		width:100%;
		text-align:center;
		padding:0.5% 2% 2% 2%;
	}
	
	.usop_usua {
		width:100%;
	}

	.usop_usua_icon { display:none }
	
	.usop_usua_titu {
		width:100%;
		text-align:center;
		margin-bottom:2%;
	}

	.usop_opci {
		width:50.5%;
		margin:0 auto;
		float:none;
	}
	
	.usop_opci_item {
		float:right;
	}

	/************************ MODU ************************/
	#modu_wrap {
		width:98%;
		padding:2% 1%;
		margin:0%;
		background:#FFF;
	    border:0;
		box-shadow:none;
	}
	
	.modu_item {
		width:47%;
		margin-top:1%;
		margin-left:2.5%;
		margin-right:0.5%;
	}

	.modu_item_icon {
		font-size:2em;
		margin-bottom:0%;
	}

	/************************ ADDO ************************/
	.addo_widh_48 {
		width:100%;
	}

}

@media (min-width: 640px) and (max-width: 959px){
	
	/************************ HEAD ************************/
	#head_wrap {
		height:auto;
		background:linear-gradient(110deg, #FFF 40%, #1866B1 40%);
	}
	
	.head_logo {
		width:35%;
	}
	
	.head_logo img {
		width:90%;
	}
	
	.head_titu {
		width:50%;
		text-align:center;
		font-size:1.2em;
	}
	
	/************************ LOGI ************************/
	.logi_wrap {
		margin-top:10%;
		margin-bottom:10%;
	}	

	.logi_form_item_icon {
		height:35px;
	}
	
	.logi_form_item_inpu {
		height:35px;
	}
	
	.logi_form_butt {
		padding:3% 2%;
	}
	
	/************************ USOP ************************/
	.usop_usua_icon {
		margin-top:0px;
	}

	.usop_opci_item {
		float:right;
	}
		
	/************************ MODU ************************/
	#modu_wrap {
		width:98%;
		padding:2% 1%;
		margin:0%;
		background:#FFF;
	    border:0;
		box-shadow:none;
	}
	
	.modu_item {
		width:18%;
	}

	.modu_item_icon {
		font-size:3em;
		margin-bottom:0%;
	}
		
}