/*
#007f00 verde
#000000
*/

html {
  position: relative;
  min-height: 100%;
}
 
body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #161616;
	background:#fcfcfc; 
	/*
	padding-bottom: auto;
	margin-bottom: 146px; altura do rodape
	*/
}

a				{color:#333333; text-decoration:none}
a:hover			{color:#000000;text-decoration:none}
a:visited       {text-decoration: none}
a:active        {color:#000000;text-decoration: none}
#map {height:300px;border:1px solid #eee;}

/** google translate
***********************************************************************/
#google_translate_element,.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-tooltip:hover{display:none!important;}html,body{top:0!important;}font{background:transparent!important;color:inherit!important;font:inherit!important;}font:hover,.goog-text-highlight:hover,.goog-text-highlight{-webkit-box-shadow:inherit!important;-moz-box-shadow:inherit!important;box-shadow:inherit!important;box-sizing:inherit!important;-webkit-box-sizing:inherit!important;-moz-box-sizing:inherit!important;}

/** Bandeiras tradu��o
***********************************************************************/
.bandeiras li {
	display: inline-block;
	margin: 0 0px 0px 0;
	float:right;
	padding-left:3px;
}

/*
STATUS
C = Cadastro ainda sem pe�a
S = Solicitado (foi feito o cadastro pelo representante e fica aguardando aprova��o do admimistrador (boss)
R = Reprovada pelo administrador
A = Administrador aprovou, fica dependendo do estoque
L = Estoque tem as pe�as, tudo pronto, fica aguardando o in�cio do teste
D = Estoque devolveu por falta de pe�a
T = Em teste
F = Finalizado
*/

.l_par{background:#ffffff;}
.l_impar{background:#f9f9f9;}

.status_c{background:#ffaaaa;}
.status_s{background:#ff0000;}
.status_r{background:#ff00ff;}
.status_a{background:#ff8000;}
.status_d{background:#800000;}
.status_l{background:#00ff00;}
.status_t{background:#00a800;}
.status_m{background:#408080;}
.status_y{background:#808080;}
.status_f{background:#c0c0c0;}
.status_n{background:#c0c0c0;}
.status_e{background:#c0c0c0;}

.panel-heading_c{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #ffaaaa;}
.panel-heading_s{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #ff0000;}
.panel-heading_r{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #ff00ff;}
.panel-heading_a{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #ff8000;}
.panel-heading_d{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #800000;}
.panel-heading_l{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #00ff00;}
.panel-heading_t{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #00a800;}
.panel-heading_m{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #408080;}
.panel-heading_y{padding:5px;background:#808080;border-top:1px solid #808080;border-bottom:1px solid #808080;}
.panel-heading_f{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
.panel-heading_n{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
.panel-heading_e{padding:5px;background:#f9f9f9;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}

.info_os{font-size:11px;color:#000;}

.btn {
  color: #333333;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'e6e6e6, GradientType=0);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
}

.btn-solicita {
	background-color: #ff0000;
	color: #ffffff;
	background-image: -moz-linear-gradient(top, #ff4f4f, #ff0000);
	background-image: -ms-linear-gradient(top, #ff4f4f, #ff0000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4f4f), to(#ff0000));
	background-image: -webkit-linear-gradient(top, #ff4f4f, #ff0000);
	background-image: -o-linear-gradient(top, #ff4f4f, #ff0000);
	background-image: linear-gradient(top, #ff4f4f, #ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ff4f4f, endColorstr='#'ff0000, GradientType=0);
}
.btn-solicita:hover,
.btn-solicita:active,
.btn-solicita.active,
.btn-solicita.disabled,
.btn-solicita {
	background-color: #ff4f4f;
	color: #ffffff;
}


.btn-aprova {
	background-color: #ff8000;
	color: #ffffff;
	background-image: -moz-linear-gradient(top, #ff9a35, #ff8000);
	background-image: -ms-linear-gradient(top, #ff9a35, #ff8000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9a35), to(#ff8000));
	background-image: -webkit-linear-gradient(top, #ff9a35, #ff8000);
	background-image: -o-linear-gradient(top, #ff9a35, #ff8000);
	background-image: linear-gradient(top, #ff9a35, #ff8000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ff9a35, endColorstr='#'ff8000, GradientType=0);
}
.btn-aprova:hover,
.btn-aprova:active,
.btn-aprova.active,
.btn-aprova.disabled,
.btn-aprova {
	background-color: #ff9a35;
	color: #ffffff;
}

.btn-reprova {
	color: #ffffff;
	background-color: #ff00ff;
	background-image: -moz-linear-gradient(top, #ff51ff, #ff00ff);
	background-image: -ms-linear-gradient(top, #ff51ff, #ff00ff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff51ff), to(#ff00ff));
	background-image: -webkit-linear-gradient(top, #ff51ff, #ff00ff);
	background-image: -o-linear-gradient(top, #ff51ff, #ff00ff);
	background-image: linear-gradient(top, #ff51ff, #ff00ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ff51ff, endColorstr='#'ff00ff, GradientType=0);
}
.btn-reprova:hover,
.btn-reprova:active,
.btn-reprova.active,
.btn-reprova.disabled,
.btn-reprova {
	background-color: #ff51ff;
	color: #ffffff;
}


.btn-libera {
	color: #ffffff;
	background-color: #00ff00;
	background-image: -moz-linear-gradient(top, #4fff4f, #00ff00);
	background-image: -ms-linear-gradient(top, #4fff4f, #00ff00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fff4f), to(#00ff00));
	background-image: -webkit-linear-gradient(top, #4fff4f, #00ff00);
	background-image: -o-linear-gradient(top, #4fff4f, #00ff00);
	background-image: linear-gradient(top, #4fff4f, #00ff00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'4fff4f, endColorstr='#'00ff00, GradientType=0);
}
.btn-libera:hover,
.btn-libera:active,
.btn-libera.active,
.btn-libera.disabled,
.btn-libera {
	background-color: #4fff4f;
	color: #ffffff;
}

.btn-devolve {
	color: #ffffff;
	background-color: #800000;
	background-image: -moz-linear-gradient(top, #cc0000, #800000);
	background-image: -ms-linear-gradient(top, #cc0000, #800000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#800000));
	background-image: -webkit-linear-gradient(top, #cc0000, #800000);
	background-image: -o-linear-gradient(top, #cc0000, #800000);
	background-image: linear-gradient(top, #cc0000, #800000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'cc0000, endColorstr='#'800000, GradientType=0);
}
.btn-devolve:hover,
.btn-devolve:active,
.btn-devolve.active,
.btn-devolve.disabled,
.btn-devolve {
	background-color: #cc0000;
	color: #ffffff;
}


.btn-execucao {
	color: #ffffff;
	background-color: #00ff00;
	background-image: -moz-linear-gradient(top, #00d700, #00a800);
	background-image: -ms-linear-gradient(top, #00d700, #00a800);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00d700), to(#00a800));
	background-image: -webkit-linear-gradient(top, #00d700, #00a800);
	background-image: -o-linear-gradient(top, #00d700, #00a800);
	background-image: linear-gradient(top, #00d700, #00a800);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'00d700, endColorstr='#'00a800, GradientType=0);
}
.btn-libera:hover,
.btn-libera:active,
.btn-libera.active,
.btn-libera.disabled,
.btn-libera {
	background-color: #00d700;
	color: #ffffff;
}


.btn-material {
	color: #ffffff;
	background-color: #00ff00;
	background-image: -moz-linear-gradient(top, #408080, #346969);
	background-image: -ms-linear-gradient(top, #408080, #346969);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#408080), to(#346969));
	background-image: -webkit-linear-gradient(top, #408080, #346969);
	background-image: -o-linear-gradient(top, #408080, #346969);
	background-image: linear-gradient(top, #408080, #346969);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'408080, endColorstr='#'346969, GradientType=0);
}
.btn-material:hover,
.btn-material:active,
.btn-material.active,
.btn-material.disabled,
.btn-material {
	background-color: #408080;
	color: #ffffff;
}



.btn-aprova_retorno {
	color: #ffffff;
	background-color: #808080;
	background-image: -moz-linear-gradient(top, #808080, #707070);
	background-image: -ms-linear-gradient(top, #808080, #707070);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#707070));
	background-image: -webkit-linear-gradient(top, #808080, #707070);
	background-image: -o-linear-gradient(top, #808080, #707070);
	background-image: linear-gradient(top, #808080, #707070);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'808080, endColorstr='#'707070, GradientType=0);
}
.btn-aprova_retorno:hover,
.btn-aprova_retorno:active,
.btn-aprova_retorno.active,
.btn-aprova_retorno.disabled,
.btn-aprova_retorno {
	background-color: #808080;
	color: #ffffff;
}


/*

input:disabled {
    background: red;
}
option:disabled {
    background: red;
}
*/

input[type="text"]:disabled {
	background: #fff;
}

input[type="checkbox"]:disabled {
	background: #fff;
}

textarea:disabled {
	background: #fff;
}

.input_qtde{margin:auto;width:40px;text-align:center;padding:1px;}

.topico {
	font-size: 18px;
	color:#000;
}

.center {margin-left:auto;margin-right:auto;}
.cont_site {background:#fff;width:auto;height:auto;}

.p10 { font-size: 10px;}
.vermelho {color:red;}

.borda_legenda{
    border-top:1px solid #000000;
	padding-top:2px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
}


.legenda{width:16px;height:16px;float:left;margin-right:2px;}
.texto-legenda{font-size:12px;}

h1,h2,h3,h4,h5,h6 {
  color: #000000;
}

.bold {font-weight: bold;}
.normal {font-weight: normal;}

.row {
  padding:2px 0px 2px 0px;
}

.bg {
  background-color: #eaeaea;
  margin-bottom: 1px;
}

.cancelado	      {background-color: #ffcece;color:#000;text-decoration:line-through}

.form-group {
  margin-bottom: 3px;
}

.u40{width:40px;}
.w40{width:40px;}

.icone { font-size: 20px; margin-top:-25px;} 

.clear
	{	clear: both;
		overflow: hidden;
		height: 0px;
	}

.clear2
	{	clear: both;
		overflow: hidden;
		height:2px;
	}

.page-header {
  border-bottom: 1px solid #eeeeee;
}

.span_troco {
	font-weight: bold;
	font-size:17px;
	color: #000;
	border-radius:5px;
	border:2px solid #e2e2e2;
	padding:5px;
	margin:0px;
	text-align:right;
	}

.titulo_form {
	font-size:16px;
	margin-bottom:4px;
	padding:5px;
	font-weight: bold;
	color:#000;
}

.titulo {
	font-size: 16px;
	color:#000;
}


.texto_p{
	font-size: 13px;
	color:#000;
	/*background-color: #eaeaea;*/
}

.texto_p10{
	font-size: 11px;
	color:#000;
	/*background-color: #eaeaea;*/
}

.tit_indique {
	font-size:15px;
	font-style: italic;
	font-weight: bold;
	padding-left:8px;
	color:#fff;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #ffffff;
}


/*checkbox radio component*/
/* 
* https://www.cssscript.com/demo/csscss3-custom-checkboxes-radios-switches-el-checkbox/
 * author:evanliu2968
 * github:https://github.com/EvanLiu2968/el-checkbox
 * lincense:MIT
 */

.el-radio,
.el-checkbox {
  position: relative;
  font-size: 100%;
}
label.el-radio,
label.el-checkbox {
  display: block;
  cursor: pointer;
}
.el-radio > input[type="radio"],
.el-checkbox > input[type="checkbox"] {
  display: none;
}
.el-radio > input[type="radio"][disabled],
.el-checkbox > input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.el-radio > input[type="radio"] + .el-radio-style,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style {
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: middle;
  cursor: pointer;
}
.el-radio > input[type="radio"] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:hover:before {
  border-color: #20a0ff;
}
.el-radio > input[type="radio"] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  content: '';
  border: 1px solid #C0CCDA;
}
.el-radio > input[type="radio"] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  position: absolute;
  display: none;
  content: '';
}
.el-radio > input[type="radio"][disabled] + .el-radio-style,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style {
  cursor: not-allowed;
  color: #D3DCE6;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover,
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-radio > input[type="radio"][disabled] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:after {
  cursor: not-allowed;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover:before {
  border: 1px solid #D3DCE6;
  animation-name: none;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before {
  border-color: #D3DCE6;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  animation-name: none;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:after,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:after {
  display: block;
}
.el-radio > input[type="radio"] + .el-radio-style:before {
  border-radius: 50%;
}
.el-radio > input[type="radio"] + .el-radio-style:after {
  top: 0.4em;
  left: 0.4em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: #20a0ff;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before {
  border: 1px solid #20a0ff;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:before {
  border: 1px solid #b0d7f5;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:after {
  background: #b0d7f5;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  border-radius: 3px;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  top: 0.15em;
  left: 0.5em;
  box-sizing: border-box;
  width: 0.4em;
  height: 0.85em;
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  border: #20a0ff;
  background: #20a0ff;
}
.el-checkbox > input[type="checkbox"]:checked[disabled] + .el-checkbox-style:before {
  border: #b0d7f5;
  background: #b0d7f5;
}
/*blue theme*/
.el-radio.el-radio-blue > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-blue > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before {
  border-color: #20a0ff;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-blue > input[type="radio"] + label:after {
  background: #20a0ff;
}
.el-radio.el-radio-blue > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:before {
  border-color: #b0d7f5;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:after {
  background: #b0d7f5;
}
/*green theme*/
.el-radio.el-radio-green > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-green > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before {
  border-color: #13ce66;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-green > input[type="radio"] + label:after {
  background: #13ce66;
}
.el-radio.el-radio-green > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:before {
  border-color: #a1efc4;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:after {
  background: #a1efc4;
}
/*red theme*/
.el-radio.el-radio-red > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-red > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before {
  border-color: #ff4949;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-red > input[type="radio"] + label:after {
  background: #ff4949;
}
.el-radio.el-radio-red > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:before {
  border-color: #f9b3b3;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:after {
  background: #f9b3b3;
}
/*yellow theme*/
.el-radio.el-radio-yellow > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before {
  border-color: #f7ba2a;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-yellow > input[type="radio"] + label:after {
  background: #f7ba2a;
}
.el-radio.el-radio-yellow > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:before {
  border-color: #fbeac1;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:after {
  background: #fbeac1;
}
/*switch component*/
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch {
  display: inline-block;
  font-size: 100%;
  height: 1.6em;
  position: relative;
}
.el-switch .el-switch-style {
  height: 1.6em;
  left: 0;
  background: #C0CCDA;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 3em;
  cursor: pointer;
}
.el-switch .el-switch-style:before {
  display: block;
  content: '';
  height: 1.4em;
  position: absolute;
  width: 1.4em;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #13ce66;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #a1efc4;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #ff4949;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #f9b3b3;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #f7ba2a;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #fbeac1;
}
/*define size*/
.el-radio.el-radio-sm,
.el-checkbox.el-checkbox-sm,
.el-switch.el-switch-sm {
  font-size: 85%;
}
.el-radio.el-radio-lg,
.el-checkbox.el-checkbox-lg,
.el-switch.el-switch-lg {
  font-size: 125%;
}




/*peca theme*/
.el-radio.el-radio-peca > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-peca > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-peca > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-peca > input[type="checkbox"]:checked + label:before {
  border-color: #13ce66;
}
.el-checkbox.el-checkbox-peca > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-peca > input[type="radio"] + label:after {
  background: #13ce66;
}
.el-radio.el-radio-peca > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-peca > input[type="checkbox"][disabled] + label:hover:before {
  border-color:#D3DCE6;
}
.el-checkbox.el-checkbox-peca > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-peca > input[type="radio"]:checked[disabled] + label:before {
  border-color: #a1efc4;
}
.el-checkbox.el-checkbox-peca > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-peca > input[type="radio"]:checked[disabled] + label:after {
  background: #a1efc4;
}

.el-switch.el-switch-peca > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #13ce66;
}
.el-switch.el-switch-peca > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #a1efc4;
}

.el-radio > input[type="radio"][disabled] + .el-radio-style,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style {
  cursor: not-allowed;
  color: #D3DCE6;
}

.el-radio > input[type="radio"][disabled] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover:before {
  border: 1px solid #D3DCE6;
  animation-name: none;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before {
  border-color: #D3DCE6;
}

.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color:#D3DCE6;
}

/*////////////////////////////////////////////////////////*

/*-- MENU 	--*/

.nome_cli {font-weight:bold;font-size:15px;color:#00488E;padding:8px 25px 0 0;text-align:right;text-transform: uppercase;}

.nav-tabs{
  background-color:#efeff1;
}

/* distancia entre o topo e os t�picos do menu */
.espaco_sup{width:auto;height:5px;} 

	.navbar {
	  border:0px;
	  border-bottom:1px solid #000;
	  background-color:#f0f0f0;
	  background-image: none;
	  border-radius:0px;
	  
	  
	  background-image: -moz-linear-gradient(top, #f0f0f0, #ffffff);
	  background-image: -ms-linear-gradient(top, #f0f0f0, #ffffff);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#ffffff));
	  background-image: -webkit-linear-gradient(top, #f0f0f0, #ffffff);
	  background-image: -o-linear-gradient(top, #f0f0f0, #ffffff);
	  background-image: linear-gradient(top, #f0f0f0, #ffffff);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'f0f0f0, endColorstr='#'#ffffff, GradientType=0);
	  
	  background-color: red;
	}

	.navbar-nav>.active>a:hover,.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { 
		background-color:transparent;
		}
	.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover,.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus {
		background-color: transparent;
		/*border-bottom:2px solid red;*/
		color:#0000ff;
		}

	.dropdown-menu { background-color: #FFFFFF;}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #959595;}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }

	.navbar .navbar-brand { 
		padding: 0px 5px 5px 0px;
		font-size: 20px;
		color:red;
		height:auto;
	}
	
	.navbar .navbar-brand:hover {
		color:blue;
		}
	/* FONTE DO MENU*/
	.navbar .navbar-nav>li>a { 
		color: #000;
		/*font-style: italic;*/
		font-size: 13px;
		}
	.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus {
		color: #888888;
		font-size: 13px;
		/*font-weight: bold;*/
		}
	.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus { 
		color: #000;
		background-color: transparent /*#f5f5f5;*/
		}
	.navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav>.active>a:focus {
		color: #888888;
		}
	.dropdown-menu>li>a { 
		color: #333333;
		}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 
		color: #FFFFFF;
		}
	.navbar .navbar-nav>.dropdown>a .caret { border-top-color: #000;}
	.navbar .navbar-nav>.dropdown>a:hover .caret { border-top-color: #888888;}
	.navbar .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999;}
	.navbar .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF;}
	

	.navbar-toggle {
	  position: relative;
	  float: right;
	  padding: 9px 10px;
	  margin-top: 8px;
	  margin-right: 15px;
	  margin-bottom: 8px;
	  background-color: transparent;
	  background-image: none;
	  border: 1px solid transparent;
	  border-radius: 3px;
	}
	.navbar-toggle:focus {
	  outline: none;
	}
	.navbar-toggle .icon-bar {
	  display: block;
	  width: 22px;
	  height: 2px;
	  border-radius: 1px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
	  margin-top: 4px;
	}
	

/* cor do icone menu responsivo */
	.navbar-default .navbar-toggle {
	  border-color: #408080;
	  background-color:#e5e5e5;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
	  background-color: #eaeaea;
	}
	.navbar-default .navbar-toggle .icon-bar {
	  background-color: #408080;
	}

	/*
	.navbar-right  {
	  margin-top:45px;
	  background-color: transparent;
	}
	*/




/****************************************/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #808080;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #808080;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #808080;
  border-color: #808080;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}



/********************************************************/


.form-group {
  margin-bottom: 3px;
}
/*
.modal-dialog {padding:0px;}
.modal-content {padding:0px;}
.modal-body {padding:0px;}
*/
.modal-header, h4, .close {
	background-color:#0063c6;
	color:white !important;
	text-align: left;
	padding:8px;
	border-radius:0px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.modal-footer {
	background-color:#0063c6;
	padding:5px;
	border-radius:0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}




select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  padding: 4px 4px 4px 4px;
  font-size: 13px;
  color: #555555;
  border: 1px solid #ccc;
}


p.error
	 { color: red;}
	
label.error {
	margin-left: 2px;
	color:red;
	font-weight:bold;
}

div.error { 
	display: none;
	background-color:#e4e4e4;
	border:1px solid red;
	padding:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	
	/*margin:5px 20px 5px 20px;*/
	}

.error li {list-style:none;}

input.error { border: 1px solid red; background-color:#fff;margin:2px; }
select.error { border: 1px solid red; background-color:#fff;margin:2px; }
radio.error { border: 0px solid red; background-color:#fff;margin:2px;}
checkbox.error { border: 1px solid red; background-color:#fff;margin:2px;}
textarea.error { border: 1px solid red; background-color:#fff;margin:2px;}