/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16/06/2016, 13:26:13
    Author     : Open
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

* { font-family: 'Open Sans', sans-serif }

.textDivertido {
    text-align: center;
    font-family: "Museo";
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 1px #FF6347, 0 0 2px #FF6347, 0 0 3px #FF6347, 0 0 4px #DC143C, 0 0 7px #DC143C, 0 0 8px #DC143C, 0 0 10px #DC143C, 0 0 15px #DC143C;

}
.colorSistema{color: #3276b1}
.backgroundColorSistema{background-color: #3276b1}

.mediumBlue{background-color: #3276b1}

.bold{ font-weight: bold; }
.italic{ font-style: italic; }

.displayNone{ display: none; }
.displayBlock{ display: block; }
.displayInline{ display: inline; }
.displayInlineBlock{ display: inline-block; }

.no-padding {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.no-margin {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}

.no-margin-top { margin-top: 0; }
.no-margin-right { margin-right: 0; }
.no-margin-bottom { margin-bottom: 0; }
.no-margin-left { margin-left: 0; }

.no-padding-top { padding-top: 0; }
.no-padding-right { padding-right: 0; }
.no-padding-bottom { padding-bottom: 0; }
.no-padding-left { padding-left: 0; }

.xs-padding {padding: 5px;}
.sm-padding {padding: 10px;}
.md-padding {padding: 15px;}
.lg-padding {padding: 20px;}
.gt-padding {padding: 25px;}

.xs-padding-left {padding-left: 5px;}
.sm-padding-left {padding-left: 10px;}
.md-padding-left {padding-left: 15px;}
.lg-padding-left {padding-left: 20px;}
.gt-padding-left {padding-left: 25px;}

.xs-padding-right {padding-right: 5px;}
.sm-padding-right {padding-right: 10px;}
.md-padding-right {padding-right: 15px;}
.lg-padding-right {padding-right: 20px;}
.gt-padding-right {padding-right: 25px;}

.xs-padding-top {padding-top: 5px;}
.sm-padding-top {padding-top: 10px;}
.md-padding-top {padding-top: 15px;}
.lg-padding-top {padding-top: 20px;}
.gt-padding-top {padding-top: 25px;}

.xs-padding-bottom {padding-bottom: 5px;}
.sm-padding-bottom {padding-bottom: 10px;}
.md-padding-bottom {padding-bottom: 15px;}
.lg-padding-bottom {padding-bottom: 20px;}
.gt-padding-bottom {padding-bottom: 25px;}

.xs-margin {margin: 5px;}
.sm-margin {margin: 10px;}
.md-margin {margin: 15px;}
.lg-margin {margin: 20px;}
.gt-margin {margin: 25px;}

.xs-margin-left {margin-left: 5px;}
.sm-margin-left {margin-left: 10px;}
.md-margin-left {margin-left: 15px;}
.lg-margin-left {margin-left: 20px;}
.gt-margin-left {margin-left: 25px;}

.xs-margin-right {margin-right: 5px;}
.sm-margin-right {margin-right: 10px;}
.md-margin-right {margin-right: 15px;}
.lg-margin-right {margin-right: 20px;}
.gt-margin-right {margin-right: 25px;}

.xs-margin-top {margin-top: 5px;}
.sm-margin-top {margin-top: 10px;}
.md-margin-top {margin-top: 15px;}
.lg-margin-top {margin-top: 20px;}
.gt-margin-top {margin-top: 25px;}

.xs-margin-bottom {margin-bottom: 5px;}
.sm-margin-bottom {margin-bottom: 10px;}
.md-margin-bottom {margin-bottom: 15px;}
.lg-margin-bottom {margin-bottom: 20px;}
.gt-margin-bottom {margin-bottom: 25px;}

.fontColorWhite {color: #fff}

.xs-font {font-size: 75%;}
.sm-font {font-size: 90%;}
.md-font {font-size: 110%;}
.lg-font {font-size: 150%;}
.gt-font {font-size: 200%;}
.gt1-font {font-size: 250%;}
.gt2-font {font-size: 300%;}
.gt3-font {font-size: 350%;}


.logoHeader {
    max-width: 200px;
    max-height: 45px;
}

.configHeader {
    font-size: 50px;
}

.pointerCursor {cursor: pointer}
.no-border-radius {border-radius: 0px;}

.contentHeader {margin-top: 200px; font-size: 200px; height: 300px;}
.contentHelp {position: fixed; bottom: 10px; right: 10px; z-index: 999999;}
.contentFooter {min-height: 25px; border-radius: 0px;}
.contentView {margin-left: auto; margin-right: auto;}
.footerHelper {background-color: #000; border-radius: 3px;}
.footerHelper > a {color: #fff}

.imgCarousel {width: 800px; height: 600px; margin: 0 auto;}


.divCarousel1{padding-bottom: 160px; padding-top: 160px;}
.divCarousel-1 {background-color: #337ab7; color: #fff;}
.divCarousel-2 {background-color: #d9534f; color: #fff;}
.divCarousel-3 {background-color: #f0ad4e; color: #fff;}
.divCarousel-4 {background-color: #5bc0de; color: #fff;}
.divCarousel-5 {background-color: #5cb85c; color: #fff;}
.divCarousel-6 {background-color: #777; color: #fff;}
.divCarousel-7 {background-color: #17a2b8; color: #fff;}
.divCarousel-8 {background-color: #F78181; color: #fff;}

/*.slide2 {height: 462px; background: url('/img/carousel_home2.jpg') center center; background-size: cover;}*/
.slideHome {height: 300px; background-size: cover;}

.slide2 {background: url('/img/bgslide2.png') center center;}

/*.slide3 {height: 462px; background: url('/img/carousel_home2.jpg') center center; background-size: cover;}*/
.slide3 {background: url('/img/bgslide1.png') center center;}

.menuLeftDiv {color:#fff; border: 0px solid #fff; border-radius: 2px;}
.menuLeftDiv:hover {border-color:#c7c7c7;}

.menuLeftDiv > span {color:#fff;}
.menuLeftDiv:hover > span {color:#c7c7c7;}

.logoFooter {width:267px;}

.secaoAjuda:hover {color: #5bc0de; cursor: pointer; border-color: #5bc0de!important;}

.linkNavBarColor {color: #9d9d9d;}
.linkNavBarColor:hover {color: #fff;}
.tecnologias > div:hover {cursor: pointer; border: 1px solid #5bc0de;}


.xs-section-margin {margin:50px;}
.sm-section-margin {margin:100px;}
.md-section-margin {margin:150px;}
.lg-section-margin {margin:200px;}
.gt-section-margin {margin:250px;}

.xs-section-margin-sides {margin-left:50px; margin-right: 50px;}
.sm-section-margin-sides {margin-left:100px; margin-right: 100px;}
.md-section-margin-sides {margin-left:150px; margin-right: 150px;}
.lg-section-margin-sides {margin-left:200px; margin-right: 200px;}
.gt-section-margin-sides {margin-left:250px; margin-right: 250px;}

.xs-section-margin-updown {margin-top:50px; margin-bottom: 50px;}
.sm-section-margin-updown {margin-top:100px; margin-bottom: 100px;}
.md-section-margin-updown {margin-top:150px; margin-bottom: 150px;}
.lg-section-margin-updown {margin-top:200px; margin-bottom: 200px;}
.gt-section-margin-updown {margin-top:250px; margin-bottom: 250px;}

.xs-section-margin-top {margin-top:50px;}
.sm-section-margin-top {margin-top:100px;}
.md-section-margin-top {margin-top:150px;}
.lg-section-margin-top {margin-top:200px;}
.gt-section-margin-top {margin-top:250px;}

.xs-section-margin-bottom {margin-bottom: 50px;}
.sm-section-margin-bottom {margin-bottom: 100px;}
.md-section-margin-bottom {margin-bottom: 150px;}
.lg-section-margin-bottom {margin-bottom: 200px;}
.gt-section-margin-bottom {margin-bottom: 250px;}

.xs-section-margin-left {margin-left:50px;}
.sm-section-margin-left {margin-left:100px;}
.md-section-margin-left {margin-left:150px;}
.lg-section-margin-left {margin-left:200px;}
.gt-section-margin-left {margin-left:250px;}

.xs-section-margin-right {margin-right: 50px;}
.sm-section-margin-right {margin-right: 100px;}
.md-section-margin-right {margin-right: 150px;}
.lg-section-margin-right {margin-right: 200px;}
.gt-section-margin-right {margin-right: 250px;}

.new-message {font-style: italic; font-weight: bold;}

.no-resize {resize: none;}

.vAlignMiddle {vertical-align: middle;}


.alert-error {
  color: #fff;
  background-color: #d9534f;
  border-color: #ff0000;
}
.alert-error hr {
  border-top-color: #f7e1b5;
}
.alert-error .alert-link {
  color: #66512c;
}


.alert-success2 {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.alert-warning2 {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}



.footerFixed {position: fixed; bottom: 0px; width: 100%;}

.sm-img-user {width: 64px; height: 64px;}
.sm-img-product {width: 64px; height: 64px;}

.sm-auto-img-product {width: 150px; height: auto;}

/*.flashMessages { margin-bottom: 40px; }*/

.cursor-default { cursor: default !important; }
.cursor-pointer { cursor: pointer !important; }

.text-visualizar {
	 color: #1E90FF;
 }
.text-editar {
	color: #f3a30c;
}
.text-excluir {
	color: #f30000;
}
.text-disabled {
	color: #dddddd;
}
.text-orange {
	color: #FF9933;
}
.text-green {
	color: #32CD32;
}

.table > tbody.tdMiddleAlign > tr > td {vertical-align: middle;}

.btns-index {
    min-width: 230px;
}

.syslog-error {
    background-color: #d9534f!important;
}

.syslog-success {
    background-color: #5cb85c!important;
}

.syslog-info {
    background-color: #d9edf7!important;
}

.syslog-alert {
    background-color: #f0ad4e!important;
}

/* switch de liga desliga */

.switch__container {
  margin: 5px auto;
  width: 60px;
}

.switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.switch--shadow + label {
  padding: 2px;
  width: 40px;
  height: 22px;
  background-color: #dddddd;
  border-radius: 100px;
}
.switch--shadow + label:before,
.switch--shadow + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
.switch--shadow + label:before {
  right: 1px;
  background-color: #FF0000;
  border-radius: 50px;
  transition: background 0.4s;
}
.switch--shadow + label:after {
  width: 24px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}
.switch--shadow:checked + label:before {
  background-color: #228B22;
}
.switch--shadow:checked + label:after {
  transform: translateX(15px);
}