.label-rounded{
    border-radius: 15px;
  }
  .sublinhado {
    text-decoration: underline;
  }
  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .buttons-excel{
    font-weight: bold;
    background-color:green !important;
    color: #fff !important;
  }
  .td-white{
    background-color: #FFF !important;
  }
  .alert-search {
      color: #a94442;
      background-color: #fffdfd;
      border-color: #ebccd1;
  }
  .icone-xs{
    min-width: 40px !important;
    max-width: 60px !important;
  }
  .icone-sm{
    min-width: 60px !important;
    max-width: 80px !important;
  }
  .icone-md{
    min-width: 80px !important;
    max-width: 100px !important;
  }
  .icone-lg{
    min-width: 100px !important;
    max-width: 120px !important;;
  }
  .h2{
    margin-top: 10px;
    font-size: 30px;
    font-weight: 900;
  }
  .tashado, .tachado{
    text-decoration:line-through;
    color:red;
  }
  .error{
    font-size: 9px;
    color: #de00006b;
    margin-top: 5px;
    margin-bottom: 0px;
  }
  .float {
      position: absolute;
      z-index: 10;
      border: 1px solid #ccc;
      overflow: auto;
      margin-top: -15px;
      margin-left: 1px;
  }
  .btn-circle {
      width: 30px;
      height: 30px;
      padding-top: 7px;
      overflow: hidden;
  }
  .w-xs{
    width: 80px !important;
  }
  .w-sm{
    width: 100px !important;
  }
  .w-md{
    width: 120px !important;
  }
  .w-lg{
    width: 140px !important;
  }
  .w-xg{
    width: 160px !important;
  }
  .input-xs{
    height: 22px;
    font-size: 11px;
  }
  .form-control.input-sm{
    font-size: 12px;
  }
  .btn-no {
      background-color: #ffffff00 !important;
  }
  h2{
    font-weight: 900;
  }
  .odd {
    background-color: #f9f9f9;
  }
  .zebra.footable-odd{
    background-color: #f9f9f9 !important;
  }
  /* .footable-odd{
    background-color: #f9f9f9 !important;
  } */
  .pagination{
    margin: 5px 0px 5px 0px;
  }
  .tr:hover {
      /*opacity: 0.75;
      filter: alpha(opacity=75); /* For IE8 and earlier */
      /*font-weight:600;*/
      background-color:#f7f9e6;
      color:#004f92;

  }

  .tr:hover:content {
     content: "->";
   }

  .shadow:hover{
    background-color: #e8f1fb;
    border-color: #ec2525;
  }

  .underline:after {
      position: absolute;
      height: 1px;
      margin: 0 auto;
      content: '';
      left: 0;
      right: 0;
      width: 90%;
      color: #000;
      background-color: red;
      left: 0;
      bottom: -3px; /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
  }
  .somas, .somas > tr > td{
    border-top: 3px solid #ccc;
    line-height: 1.42857;
    padding: 5px;
    vertical-align:baseline;
  	font-size:15px;
    /* background-color: #F5F9F9; */
    font-weight: bold;
  }
  .somas-top,.somas-reverse, .somas-reverse > tr > td{
    border-bottom: 3px solid #ccc;
    line-height: 2;
    padding: 5px;
    vertical-align:baseline;
  	font-size:15px;
    font-weight: bold;
  }
  .smail{
     font-size: 11px;
 }
 .radius-no{
    border-radius: 0px;
 }
.tachado{
   text-decoration: line-through !important;
   text-decoration-color: #ec2525 !important;
}
.sublinhado{
  text-decoration:underline
}
.italic{
  font-style: italic;
}
/*.tachado:hover{
   text-decoration-color: red;
}*/
  .rotate-45 {
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }
 .rotate-90 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
 }
 .rotate-180 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .rotate-270 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     transform: rotate(270deg);
 }
 .rotate-145 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(145deg);
     -moz-transform: rotate(145deg);
     -ms-transform: rotate(145deg);
     -o-transform: rotate(145deg);
     transform: rotate(145deg);
 }
  #popup, .pop_up{
    display: none;
  	/*position:fixed;
  	left:50%;
  	top:20%;
  	z-index:10;
  	min-width:50px;
  	min-height:50px;
  	max-width:380px;
  	max-height:380px;*/
  	/*border: 1px solid #ccc;*/
  	/*border-radius:5px;
  	padding:5px;
  	background-color:#FFF;
  	overflow: auto;
  	font-size:10px;
  	text-align:center;*/
  }

  .font-icon{
    font-size: 17px;
  }
	/*.border_filter{
		border-bottom:solid 2px red;
	}*/
	.bg-green{
		background-color:#e7f7e0;
	}
	.bg-white{
		background-color:#FFF;
	}
	.bg-blue{
		background-color:rgba(53, 183, 249, 0.1);
	}
	.bg-gray{
		background-color:#FFF;
	}
  .bg-red{
		background-color:rgba(255, 160, 170, 0.79) !important;
	}
  .bg-red-xs{
    background-color: #bb2939;
    color: #000;
	}
	.none{
		display:none !important;
	}
	.block{
		display:block;
	}
   .bg-primary{
		background-color:#1ab394;
      color:#FFF;
	}

  .font-xs , .f-xs{
		font-size:9px !important;
	}
  .font-sm , .f-sm{
    font-size:11px !important;
  }
  .font-md , .f-md{
    font-size:13px !important;
  }
  .font-lg , .f-lg{
    font-size:15px !important;
  }

	.font-14{
		font-size:14px;
	}
	.font-16{
		font-size:16px;
	}
	.font-18{
		font-size:18px;
	}
	.font-20{
		font-size:20px;
	}
	.font-22{
		font-size:22px;
	}
	.font-24{
		font-size:26px;
	}
  .font-30{
		font-size:30px;
	}
  .font-36{
		font-size:36px;
	}

.is-eligible {
  color:#1ab394;
}
.not-eligible {
  color:#900;
}

.uppercase{
	text-transform:uppercase;
}

tr > th {
	text-transform:lowercase;
}
tr > th::first-letter {
	text-transform:capitalize
}
.cursor{
	cursor:pointer;
}
.cursor:hover{
	color:#1a7bb9;
  /* font-weight: bold; */
}
.content:after{
	content:' ( Clique ! ) ';
}
.obrigatorio:after{
	content:' (*) ';
	color:#F00;
  font-size: 10px;
}
.divtexto{
	color:#333;
	font-weight:800;
}
.hover:hover{
	background-color:#f5f5f5;
	cursor:pointer;
}
.alter{
	border:#0C0 1px solid;
	outline:none;
}
.white{
	color:#FFF;
}
.red{
	color:#900;
}
.red-xs{
	color: #de00006b;
}
.red-no{
	color:#ed5565;
}
.blue{
	color:#317dbf;
}
.blue-strong{
  color:#317dbf;
  font-weight: bold;
}
.black{
	color:#000000;
}
.green{
	color:#1ab394;
}
.green-no{
	color:#1ab394;
}
.orange-no{
	color:#FF9900;
}
.orange{
	color:#FF9900;
}
.gray{
	color:#666666;
}
.gray-xs{
	color:#e4e4e4;
}
.gray-sm, .gray2{
	color:#d9d9d9;
}
.gray-md, .gray-small{
	color:#999;
}
.gray-lg, .gray-no{
	color:#a09f9f;
}
.gray-hover:hover{
	color:#000;
}
.yellon{
	color:#ccd03c;
	/* font-weight:bold; */
}
.purple{
	color:#d359f8;
	/* font-weight:bold; */
}
.strong{
	font-weight:bold;
}
.bold{
	font-weight:bold;
	/*color:#69C;*/
	/* padding:5px 0px 5px 0px; */
	/* margin:5px 0px 0px 0px; */

}
.border-gray, .border{
	border:#d2d2d2 solid 1px;
	background-color:#FFF;
}
.border-std, .border2{
	border:#d2d2d2 solid 1px;
}
.b-xs{
	border:#d2d2d2 solid 1px;
}
.form-group-wns {
    margin-bottom: 1px;
}
.radius{
	border-radius:100%;
}
.bg-red{
	background-color:#900;
	color:#FFF;
}
.blue2-section {
  background: #003366;
}

.alert2{
	position:fixed;
	top:50%;
	z-index:0;
	min-width:200px;
	min-height:200px;
	width:auto;
	min-height:100px;
	border: 1px solid #ccc;
	border-radius:5px;
	background-color:#FFF;
	overflow: auto;
	font-size:10px;
	padding:5px;
	left:50%;
	/*text-align:center;*/
}

.bordergreen{
  border: none;
  border-style: none;
  border: 1px solid #ccc;
  border: 2px solid #008000;
}
.borderred, .border-red{
  border: none;
  border-style: none;
  border: 1px solid #ccc;
  border: 2px solid #ff0000;
}
.form-control .borderblue{
  border: none;
  border-style: none;
  border: 1px solid #ccc;
  border-bottom:2px solid #3879D9;
}
.borderblue, .form_update{
  border: none;
  border-style: none;
  border: 1px solid #ccc;
  border-bottom:2px solid #3879D9;
}
.chosen-container{width:100%;}

.loading{
	position:fixed;
	top:50%;
	z-index:10;
	min-width:300px;
	min-height:300px;
	/* width:auto; */
	/* min-height:150px; */
	/* border: 1px solid #ccc; */
	border-radius:5px;
	background-color:#FFF;
	/* overflow: auto; */
	font-size:10px;
	padding:5px;
	left:50%;
  margin-left: -150px;
  padding: 5% 0;
	/*text-align:center;*/
}
.popup{
	position:fixed;
	top:50%;
	z-index:10;
	min-width:200px;
	min-height:200px;
	width:auto;
	min-height:100px;
	border: 1px solid #ccc;
	border-radius:5px;
	background-color:#FFF;
	overflow: auto;
	font-size:10px;
	padding:5px;
	left:50%;
	/*text-align:center;*/
}
.popup-100{
  position:fixed;
	top:70%;
	z-index:999999;
	min-width:200px;
	min-height:200px;
	width:98%;
	min-height:100px;
	border: 1px solid #ccc;
	border-radius:5px;
	background-color:#FFF;
	overflow: auto;
	padding:5px;
	left:1%;
	/*text-align:center;*/
}

.selecionados {
    font-weight: 900;
    /*text-shadow: #CCC 2px 1px 2px;*/
    color: #4c71d2;
    /*font-size: 12px;*/
    /* border-width: 1px; */
    outline: none;
}

#divimg {
    position: fixed;
    left: 50%;
    top: 35%;
    max-width: 800px;
    max-height: 800px;
    margin-left: -250px;
    margin-top: -250px;
    /* border: 1px #D2D2D2 solid; */
    z-index: 1px;
    cursor: pointer;
    background-color: #fff;
}
#divimg2 {
    position: fixed;
    left: 25%;
    top: 15%;
    max-width: 1600px;
    max-height: 800px;
    margin-left: -250px;
    margin-top: -250px;
    /* border: 1px #D2D2D2 solid; */
    z-index: 1px;
    cursor: pointer;
    background-color: #fff;
}

#divimg, #escuro {
    display: none;
}

h6{
  font-weight: bold;
}

.h6-xs{
    margin-top: 5px;
    margin-bottom: 5px;
}

.p-none{
	padding: inherit;
	padding: 0px;
}
.f-xs{
	font-size: 10px;
}
.f-sm{
	font-size: 12px;
}
.f-md{
	font-size: 14px !important;
}
.f-lg{
	font-size: 15px !important;
}
.f-xg{
	font-size: 20px !important;
}
.h7{
  font-weight: bold;
  margin:2px;
  padding:1px;
  text-align: right;
}
/* .form-update{
  border-bottom: 2px solid #3879D9;
} */
.border_required{
  border-bottom: 2px solid #ed5565;
}
input[type="radio"], input[type="checkbox"] {
    vertical-align: bottom;
    /* margin: 4px 0 0; */
    /* margin-top: 1px \9; */
    /* line-height: normal; */
    width: 20px;
    height: 20px;
    padding: 5px 0px 0px 0px;
}
input[type="search"],
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: auto !important;
}
pre{
  font-size:11px !important;
}
.m-n {
  margin: 0 !important;
}
.p-n {
  padding: 0 !important;
}
.tip:hover {
    cursor: help;
    position: relative
}
.tip .div {
    display: none
}
.tip:hover .div {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 2052;
    background: #f5f5f5;
    left: 0px;
    margin: 10px;
    min-width: 300px;
    position: absolute;
    top: 10px;
    text-decoration: none
}
.form-control[readonly]{
    background-color: #f5f5f538 !important;
    opacity: 1 !important;
    /* color: #999999 !important; */
}

/* .btn-primary {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary.active:focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF;
}
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled],
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:active,
.btn-secondary.active[disabled],
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
} */

input[type=range] {
  height: 32px;
  -webkit-appearance: none;
  /* margin: 10px 0; */
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 19px;
  cursor: pointer;
  /* animate: 0.2s; */
  box-shadow: 0px 0px 0px #000000;
  background: #e7eaec;
  /* border-radius: 25px; */
  border: 0px solid #8A8A8A;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: 0px solid #8A8A8A;
  height: 25px;
  width: 35px;
  border-radius: 4px;
  background: #DADADA;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e7eaec;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 19px;
  cursor: pointer;
  /* animate: 0.2s; */
  box-shadow: 0px 0px 0px #000000;
  background: #e7eaec;
  /* border-radius: 25px; */
  border: 0px solid #8A8A8A;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: 0px solid #8A8A8A;
  height: 25px;
  width: 35px;
  border-radius: 4px;
  background: #DADADA;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 19px;
  cursor: pointer;
  /* animate: 0.2s; */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e7eaec;
  border: 0px solid #8A8A8A;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #e7eaec;
  border: 0px solid #8A8A8A;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #828282;
  border: 0px solid #8A8A8A;
  height: 25px;
  width: 35px;
  border-radius: 4px;
  background: #DADADA;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #e7eaec;
}
input[type=range]:focus::-ms-fill-upper {
  background: #e7eaec;
}
select[readonly] {
  background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
.table-hide{
   width: 100%;
   max-width: 100%;
   /* border-top: 1px solid #e7eaec; */
   line-height: 1.42857;
   padding: 5px;
   /* vertical-align: baseline; */
   font-size: 13px;
}
.m-l-0{
  margin-left: 0 !important;
}
.fc-center>h2{
  font-weight: bold;
}
.fc-other-month{
  color: #ddd;
}

.table> tr> td> .f-xs{
   font-size:10px;
}
.table> tr> td> .f-sm{
   font-size:12px;
}
.table> tr> td> .f-md{
   font-size:14px;
}
.table> tr> td> .f-lg{
   font-size:16px;
}
.table> tr> td> .f-xg{
   font-size:16px;
}
.selecionado{
  background-color:#f7f9e6;
  color:#004f92;
}
/* tooltip */
.tooltip2 {
  position: relative;
  /* display: inline-block; */
  /* border-bottom: 1px dotted black; */
}
.tooltip2 .tooltip2text {
  visibility: hidden;
  min-width: 100px;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 3000;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip2 .tooltip2text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip2:hover .tooltip2text {
  visibility: visible;
  opacity: 1;
}
.tooltip2text-lg , .tt-lg {
    min-width: 600px !important;
}
.tooltip2text-md , .tt-md{
    min-width: 400px !important;
}
.tooltip2text-sm , .tt-sm {
    min-width: 200px !important;
}
.tooltip2text-xs , .tt-xs {
    min-width:150px !important;
}
/* tooltip */
.total{ border-top: 2px solid #d2d2d2 !important;}
.icon-sm{ min-width: 40px !important;}
.b-0{ border: 0 !important; border-top: 0 !important;}
h6{ margin: 5px 0px 5px 0px !important;}
.table-hide {
  width: 100%;
  max-width: 100%;
}
.hide-select{
  display: none;
}
.note-editable{
  min-height: 200px !important;
}
@font-face {
  font-family: password;
  src: url('/app/font-awesome/fonts/password.ttf');
}
.password{
  font-family: password;
}
.zebra:hover {
  background-color: #e7edf0 !important;
  border-color: #333 !important;
  color: #000;
}
.InStock{
  color:#0C0;
}
.Pre-Order{
  color:rgb(202, 128, 17);
}
.Sold-Out{
  color:rgb(221, 46, 33);
}
/* .navbar-static-top{ */
  /* position: fixed; */
/* } */