@charset "UTF-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900');

/*RESET*/

html {
    -webkit-text-size-adjust: none
}

* {
    vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: none;
    padding: 0;
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

:focus {
    outline: 0
}

p {
    font-smooth: always
}

img {
    border: 0
}

li {
    list-style: none
}

a,
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

html,
body {
    height: calc(100% - 115px);
}


/*BASE*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}


/*a,
a:link,
a:visited,
a:active,
a:hover {
    color: #676767;
}*/

a,
li,
.mov,
ul {
    -webkit-transition-duration: 0.20s;
    transition-duration: 0.20s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.movBar {
    -webkit-transition-duration: 0.50s;
    transition-duration: 0.50s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.fullSize {
    width: calc(100% - 30px) !important;
    padding-left: 15px;
    padding-right: 15px;
}

.mainMiddle,
.mainSize,
.mainSizePad {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.mainSize {
    max-width: 1400px;
}

.mainSizePad {
    max-width: 1400px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.mainMiddle {
    max-width: 60%;
    padding-left: 1%;
    padding-right: 1%
}

.fullSize:after,
.mainMiddle:after,
.mainSize:after,
.mainSizePad:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.mobile {
    display: none;
}

.desktop {
    display: inherit;
}

.content {
    margin-left: 2%;
    margin-right: 2%;
}

.col,
.col-Marg,
.col1-2,
.col1-3,
.col1-4,
.col1-3-Pad,
.col1-2,
.col1-2-Pad,
.col2-3-Pad,
.col1-4-Pad,
.col1-4-Marg {
    display: table;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-right: 1px;
    border-right: thin solid transparent;
}

.col {
    width: calc( 100% - 1px);
}

.col-Marg {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.col1-2 {
    width: calc( 50% - 2px);
    float: left;
}

.col1-2-Pad {
    width: calc( 44% - 2px);
    padding-left: 3%;
    padding-right: 3%;
    float: left;
}

.col1-3 {
    width: calc( 33.3% - 2px);
    float: left;
}

.col2-3 {
    width: calc( 66.6% - 2px);
    float: left;
}

.col1-3-Pad {
    width: calc( 27.33% - 2px);
    padding-left: 3%;
    padding-right: 3%;
    float: left;
    height: 100%;
}

.col1-4-Pad {
    width: calc( 19% - 2px);
    padding-left: 3%;
    padding-right: 3%;
    float: left;
    height: 100%;
}

.col1-3-Marg {
    width: calc( 31.33% - 2px);
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.col1-4-Marg {
    width: calc( 23% - 2px);
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.col2-3-Pad {
    width: calc( 60.67% - 2px);
    padding-left: 3%;
    padding-right: 3%;
    float: left;
}

.col1-4 {
    width: 25%;
    float: left;
}

.colInside {
    display: table-cell;
    vertical-align: middle;
    max-width: 491px;
    /*Modificacion que el main del Felipe no tiene*/
}

.col img,
.col-Marg img,
.col1-2 img,
.col1-3 img,
.col1-4 img,
.col1-4-Pad img,
.col1-4-Marg img,
.col1-3-Pad img,
.col1-2 img,
.col1-2-Pad img,
.col2-3-Pad img {
    width: 100%;
}

.menuLateral .butSolucoes a,
.sb-suggestions_item a {
    font-size: 11px;
}


/*TESTE*/

.bgTeste {
    background-color: aquamarine;
}

.bgBasf {
    position: absolute;
    top: 2%;
    height: 100%;
    background-image: url(../../Images_Annexes/User-and-Client/Suvinil/Images/bg_basf.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 23%;
}

.tituloPaginaBasf {
    font-weight: 800;
    width: 100vw;
    left: 47%;
    position: absolute;
    font-size: 25px;
    margin-top: 6%;
}

.infoPad {
    margin-top: 15px;
    margin-bottom: 15px;
}

.blockPad {
    margin-top: 30px;
    margin-bottom: 30px;
}

.boxMargin {
    margin: 20px 2% 20px 2%;
}


/*FONTS*/

p {
    size: 0.8vw
}

h1,
h2 {
    font-family: 'Raleway', sans-serif;
}

h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 58px;
    line-height: 50px;
    letter-spacing: -1px;
    font-weight: 400;
}

h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -1px;
    font-weight: 300;
}

h3 {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.5px;
}

h4 {
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 28px;
}

h5 {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
}

strong {
    font-weight: 700;
}


/*ALIGNS*/

.absoluteRight {
    position: absolute;
    right: 0;
}

.alignRight,
.floatRight {
    float: right;
}

.alignMiddle {
    vertical-align: middle;
}


/*STYLES*/

.hide {
    display: none;
}

.lineDiv {
    margin-bottom: 1px;
}

.fullHeight {
    height: 80%;
    position: absolute;
}

.table {
    display: table;
}

.tableCell {
    display: table-cell;
    vertical-align: middle;
}

.marginBottom {
    margin-bottom: 20px;
}

.marginTop {
    margin-top: 20px;
}

.boxShadow {
    box-shadow: 10px 2px 15px 4px rgba(0, 0, 0, 0.20);
}

.floatLeft {
    float: left;
}

.hidden {
    overflow: hidden;
}

.txtCenter {
    text-align: center;
}

.txtLight {
    font-weight: 300;
}

.txtThin {
    font-weight: 100;
}

.txtUpper {
    text-transform: uppercase;
}

.txtItalico {
    font-style: italic;
}

.txtOpaco {
    opacity: 0.5;
}

.legenda {
    font-size: 11px !important;
    margin-bottom: 20px;
}

.subTitulo span {
    background-color: dimgrey;
    padding: 4px 6px 4px 6px;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif !important;
}

.subTituloBox {
    padding: 5px 30px 5px 20px;
    background-color: #FFFFFF;
}


/*bordas*/

.bordaDireitaBranca {
    border-right: solid thin #FFFFFF;
}

.bordaDireita {
    border-right: solid thin #acb4b6;
}

.bordaBottom {
    border-bottom: solid thin #acb4b6
}


/*Botoes */


/*Boxes*/

.boxRounded {
    border-radius: 4px;
}


/*FORMS*/

input:focus~.floating-label,
input:not(:focus):valid~.floating-label {
    top: 8px;
    bottom: 10px;
    left: 20px;
    font-size: 11px;
    opacity: 1;
}


/*TELA LOGIN*/

.boxForm {
    width: 400px;
    background-color: rgba(255, 255, 255, 0.50);
    padding: 60px 10%;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid rgba(0, 0, 0, 0.20);
}

.login .logo {
    width: 400px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

@media (max-width: 768px) {
    .boxForm {
        width: calc( 100% - 8%);
        padding-top: 30px;
        padding-bottom: 15px;
        padding-left: 4%;
        padding-right: 4%;
        /*border-left: 0;
        border-right: 0;*/
    }
    .login .logo {
        width: 230px;
        height: 150px;
    }
}


/*HEADER*/

header {
    position: fixed;
    width: 100%;
    height: 75px;
    top: 0;
    z-index: 100;
}

header .logo {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    width: 110px;
    height: 75px;
}

header .boxLogoCliente {
    position: relative;
    background-color: #FFFFFF;
    color: red;
    min-width: 250px;
    height: 95px;
    display: table-cell;
    vertical-align: middle;
    bottom: 10px;
    right: 0;
    -moz-border-radius: 80px 0 0 80px / 200px;
    -webkit-border-radius: 80px 0 0 80px / 200px;
    border-radius: 80px 0 0 80px / 200px;
    box-shadow: 10px 0px 18px 10px rgba(0, 0, 0, 0.10);
}

header .boxCliente {
    position: absolute;
    overflow: hidden;
}

header .clienteNome {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    bottom: 10px;
}

header .fotoCliente {
    width: 55px;
    height: 55px;
    margin-top: 10px;
    border-radius: 100%;
    margin-left: 15px;
    border: thin solid #aab7c1;
}

header .fotoCliente2 {
    width: 55px;
    height: 55px;
    margin-top: 10px;
    border-radius: 100%;
    margin-right: 15px;
    border: thin solid #ffffff;
}

header .fotoCliente {
    background-image: url(../../Images_Annexes/User-and-Client/User/foto-cliente2.jpg);
    background-position: center;
    background-size: 100%;
}

header .fotoCliente2 {
    background-position: center;
    background-size: 100%;
}

header .logoCliente {
    text-align: center;
    width: 70%;
    display: table-cell;
    vertical-align: middle;
}

header .logoCliente img {
    height: 75px;
}

header,
header .logo,
header .boxCliente,
header .logoCliente {
    height: 75px;
}


/*NEWS & ADDS*/

a.iconListMode {
    background-image: url("../imagens/icons/iconList.png");
}

a:hover.iconListMode {
    background-image: url(../imagens/icons/iconListHover.png);
}

a.iconGridMode {
    background-image: url("../imagens/icons/iconGrid.png");
}

a:hover.iconGridMode {
    background-image: url(../imagens/icons/iconGridHover.png);
}

.breadcrumb {
    float: left;
    background-color: #2d353b;
    display: flex;
}

.breadcrumb h4 {
    float: left;
    opacity: 0.8;
    line-height: 40px;
    font-weight: 300;
    padding: 0px 15px;
    left: 0;
}

.breadcrumb span,
.data {
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.3;
    font-weight: 300;
    letter-spacing: 2px;
}


/*Menus*/

.menuAjustes {
    height: 40px;
    width: calc( 100%);
    float: right;
    z-index: 400;
    left: 60px;
}

.menuAjustes menu {
    float: right;
    padding-top: 5px;
}

.menuAjustes menu li {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}

.menuAjustes menu a {
    display: block;
    width: 40px;
    height: 30px;
    font-size: 0;
    background-size: 20px;
    background-position: center;
}

a.iconFavoritos {
    background-image: url(../../Images_Annexes/Icons/favoritos.svg);
}

a:hover.iconFavoritos {
    background-image: url(../../Images_Annexes/Icons/favoritos-hover.svg);
}

a.iconAjustes {
    background-image: url(../../Images_Annexes/Icons/ajustes.svg);
}

a.iconAjustesOn,
a:hover.iconAjustes {
    background-image: url(../../Images_Annexes/Icons/ajustes-hover.svg);
}

a.iconConfig {
    background-image: url(../../Images_Annexes/Icons/setting-hover1.png);
}

a.iconConfigOn,
a:hover.iconConfig {
    background-image: url(../../Images_Annexes/Icons/setting.png);
}

.barraConfig {
    position: absolute;
    width: auto;
    height: auto;
    right: 2px;
    top: 80px;
    border-radius: 4px;
    padding: 0px;
    text-align: center;
}

.barraMaterias,
.barraClientes {
    position: absolute;
    width: auto;
    height: auto;
    right: 250px;
    top: 80px;
    border-radius: 4px;
    padding: 0px;
    text-align: center;
}

.barraConfig h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

.barraMaterias h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

.barraClientes h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

.barraConfig .label {
    font-size: 12px;
    position: absolute;
    left: -70px;
    top: 0;
    line-height: 40px;
    text-align: right;
    width: 60px;
}

.barraMaterias .label {
    font-size: 12px;
    position: absolute;
    left: -70px;
    top: 0;
    line-height: 40px;
    text-align: right;
    width: 60px;
}

.barraClientes .label {
    font-size: 12px;
    position: absolute;
    left: -70px;
    top: 0;
    line-height: 40px;
    text-align: right;
    width: 60px;
}

.barraConfig .labelRight {
    right: -70px;
    left: auto;
    width: 60px;
    line-height: 40px;
    text-align: left;
}

.barraMaterias .labelRight {
    right: -70px;
    left: auto;
    width: 60px;
    line-height: 40px;
    text-align: left;
}

.barraClientes .labelRight {
    right: -70px;
    left: auto;
    width: 60px;
    line-height: 40px;
    text-align: left;
}

.barraAjustes {
    position: absolute;
    width: 250px;
    height: auto;
    right: 250px;
    top: 80px;
    border-radius: 5px;
    padding: 0px;
    text-align: center;
}

.barraAjustes h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

.barraAjustes .label {
    font-size: 12px;
    position: absolute;
    left: -70px;
    top: 0;
    line-height: 40px;
    text-align: right;
    width: 60px;
}

.barraAjustes .labelRight {
    right: -70px;
    left: auto;
    width: 60px;
    line-height: 40px;
    text-align: left;
}

.butSlideGroup {
    padding: 20px;
    border-bottom: thin solid rgba(128, 128, 128, 0.20);
}

.butSlide {
    position: relative;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding: 0px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c7c7c7;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #FFFFFF;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 2px 0px 4px 4px rgba(0, 0, 0, 0.20);
}

input:checked+.slider {
    background-color: #55fec6;
}

input:focus+.slider {
    box-shadow: 0 0 1px #55fec6;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: #31383D;
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/*MENU LATERAL OFF
.menuLateral { position: fixed; width: 260px; top: 75px; left: -200px; z-index: 150;
	height: 100%;
	-moz-height: 100%;
}
*/


/*MENU LATERAL*/

.menuLateral {
    position: fixed;
    width: 260px;
    top: 75px;
    left: -200px;
    z-index: 150;
    height: 100%;
    -moz-height: 100%;
}

.menuLateralHover {
    width: 260px;
    top: 75px;
    left: 0px;
    box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, 0.10);
}

.menuLateral .menuIcon {
    background-image: url("../../Images_Annexes/Icons/menu.svg");
    background-position: 218px center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 0;
    width: 260px;
    height: 40px;
    cursor: pointer;
}


/*.menuLateral .menuIcon:hover { background-color: red; }*/

.menuLateral nav {
    margin-top: 40px;
}

.menuLateral .butSolucoes {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    width: calc( 100% - 2px);
    float: left;
    margin-left: 2px;
    text-align: left;
    margin-bottom: 2px;
    border-bottom: 1px solid transparent;
    z-index: 300;
}

.menuLateral .butSolucoes2 {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    width: calc( 100% - 2px);
    float: left;
    margin-left: 2px;
    text-align: left;
    margin-bottom: 2px;
    border-bottom: 1px solid transparent;
    z-index: 300;
}

.menuLateral li.butSolucoes:hover {
    opacity: 1;
}

.menuLateral li.butSolucoes2:hover {
    opacity: 1;
}

.menuLateral .butSolucoes a {
    padding: 20px;
    padding-top: 15px !important;
    height: 13px;
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
}

.menuLateral .butSolucoes2 a {
    padding: 20px;
    padding-top: 15px !important;
    height: 13px;
    display: block;
    color: #000000;
    text-transform: uppercase;
}

.menuLateral a.icons {
    background-size: 28px;
    background-position: 215px center;
    background-repeat: no-repeat;
}

.butSolucoes.disable {
    opacity: 0.3;
}

.butSolucoes2.disable {
    opacity: 0.3;
}

li.butSolucoes:hover.disable {
    opacity: 0.3;
}

li.butSolucoes2:hover.disable {
    opacity: 0.3;
}


/*FOOTER*/


/*ICONS*/

.iconL {
    width: 130px;
    height: 170px;
    float: left;
}

.iconR {
    width: 130px;
    height: 170px;
    float: right;
}

a.icons {
    background-size: 70px;
    background-position: center 30px;
    background-repeat: no-repeat;
}

a.iconsLogos {
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

a.iconsLogosBradesco {
    background-size: 30%;
    background-position: center;
    background-repeat: no-repeat;
}

a.iconMenuLatBradesco {
    background-size: 40px;
    background-position: right;
    margin-right: 10px;
    background-repeat: no-repeat;
}

a.iconsLogos h5 {
    visibility: hidden !important
}

a.iconTechSummit {
    background-image: url("../../Images_Annexes/Icons/iconTechSummit.png");
}

a:hover.iconTechSummit {
    background-image: url("../../Images_Annexes/Icons/iconTechSummit-hover.png");
}

a.iconSimpar {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-SIMPAR.png");
}

a:hover.iconSimpar {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-SIMPAR-hover.png");
}

a.iconJSL {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-JSL.png");
}

a:hover.iconJSL {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-JSL-hover.png");
}

a.iconVamos {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-Vamos.png");
}

a:hover.iconVamos {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-Vamos-hover.png");
}

a.iconCSBrasil {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-CSBrasil.png");
}

a:hover.iconCSBrasil {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-CSBrasil-hover.png");
}

a.iconBBC {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-BBC.png");
}

a:hover.iconBBC {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-BBC-hover.png");
}

a.iconMovida {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-movida.png");
}

a:hover.iconMovida {
    background-image: url("../../Images_Annexes/Icons/LogosSimpar/logo-movida-hover.png");
}

a.iconBradescoAuto {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Auto.png");
}

a:hover.iconBradescoAuto {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Auto-hover.png");
}

a.iconBradescoBSP {
    background-image: url("../../Images_Annexes/Icons/Bradesco-BSP-Emp.png");
}

a:hover.iconBradescoBSP {
    background-image: url("../../Images_Annexes/Icons/Bradesco-BSP-Emp-hover.png");
}

a.iconBradescoCapitalizacao {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Capitalizacao.png");
}

a:hover.iconBradescoCapitalizacao {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Capitalizacao-hover.png");
}

a.iconBradescoSaude {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Saude.png");
}

a:hover.iconBradescoSaude {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Saude-hover.png");
}

a.iconBradescoSeguros {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Seguros.png");
}

a:hover.iconBradescoSeguros {
    background-image: url("../../Images_Annexes/Icons/Bradesco-Seguros-hover.png");
}

a.iconLight-block {
    background-image: url("../../Images_Annexes/Icons/movimentos-block.svg");
}

a.iconLight {
    background-image: url("../../Images_Annexes/Icons/movimentos.svg");
}

a:hover.iconLight {
    background-image: url("../../Images_Annexes/Icons/movimentos-hover.svg");
}

a.iconHandsDown {
    background-image: url("../../Images_Annexes/Icons/HandsDown.png");
}

a:hover.iconHandsDown {
    background-image: url("../../Images_Annexes/Icons/HandsDown-hover.png");
}

a.iconDashboard-block {
    background-image: url(../../Images_Annexes/Icons/dashboard2-block.svg);
}

a.iconDashboard {
    background-image: url("../../Images_Annexes/Icons/dashboard.svg");
}

a:hover.iconDashboard {
    background-image: url(../../Images_Annexes/Icons/dashboard-hover.svg);
}

a.iconSellout {
    background-image: url(../../Images_Annexes/Icons/iconSellout.png);
}

a:hover.iconSellout {
    background-image: url(../../Images_Annexes/Icons/iconSellout-hover.png);
}

a.iconVozCampo {
    background-image: url(../../Images_Annexes/Icons/iconVozCampo.png);
}

a:hover.iconVozCampo {
    background-image: url(../../Images_Annexes/Icons/iconVozCampo-hover.jpg);
}

a.iconArquivo {
    background-image: url(../../Images_Annexes/Icons/iconArquivo.png);
}

a:hover.iconArquivo {
    background-image: url(../../Images_Annexes/Icons/iconArquivo-hover.png);
}

a.iconDiscovery {
    background-image: url("../../Images_Annexes/Icons/iconDiscovery.png");
}

a:hover.iconDiscovery {
    background-image: url(../../Images_Annexes/Icons/iconDiscovery-hover.png);
}

a.iconPecas {
    background-image: url("../../Images_Annexes/Icons/iconPecas.png");
}

a:hover.iconPecas {
    background-image: url(../../Images_Annexes/Icons/iconPecas-hover.png);
}

a.iconParceiros {
    background-image: url("../../Images_Annexes/Icons/iconParceiros.png");
}

a:hover.iconParceiros {
    background-image: url(../../Images_Annexes/Icons/iconParceiros-hover.png);
}

a.iconTranscription {
    background-image: url("../../Images_Annexes/Icons/Transcription.png");
}

a:hover.iconTranscription {
    background-image: url(../../Images_Annexes/Icons/Transcription-hover.png);
}

a.iconCalendario {
    background-image: url("../../Images_Annexes/Icons/iconCalendar.png");
}

a:hover.iconCalendario {
    background-image: url(../../Images_Annexes/Icons/iconCalendar-hover.png);
}

a.iconEgressos {
    background-image: url("../../Images_Annexes/Icons/Egressos.png");
}

a:hover.iconEgressos {
    background-image: url(../../Images_Annexes/Icons/Egressos-hover.png);
}

a.iconPintor {
    background-image: url("../../Images_Annexes/Icons/iconPintor.png");
}

a:hover.iconPintor {
    background-image: url(../../Images_Annexes/Icons/iconPintor-hover.png);
}

a.iconConsumidores {
    background-image: url("../../Images_Annexes/Icons/iconConsumidores.png");
}

a:hover.iconConsumidores {
    background-image: url(../../Images_Annexes/Icons/iconConsumidores-hover.png);
}

a.iconRevendedores {
    background-image: url("../../Images_Annexes/Icons/iconRevendedores.png");
}

a:hover.iconRevendedores {
    background-image: url(../../Images_Annexes/Icons/iconRevendedores-hover.png);
}

a.iconSaude {
    background-image: url("../../Images_Annexes/Icons/Saude.png");
}

a:hover.iconSaude {
    background-image: url(../../Images_Annexes/Icons/Saude-hover.png);
}

a.iconMartelo {
    background-image: url("../../Images_Annexes/Icons/Martelo.png");
}

a:hover.iconMartelo {
    background-image: url(../../Images_Annexes/Icons/Martelo-hover.png);
}

a.iconBiodiversidade {
    background-image: url("../../Images_Annexes/Icons/Biodiversidade.png");
}

a:hover.iconBiodiversidade {
    background-image: url(../../Images_Annexes/Icons/Biodiversidade-hover.png);
}

a.iconRelatorios-block {
    background-image: url(../../Images_Annexes/Icons/relatorios-block.svg);
}

a.iconRelatorios {
    background-image: url(../../Images_Annexes/Icons/relatorios.svg);
}

a:hover.iconRelatorios {
    background-image: url(../../Images_Annexes/Icons/relatorios-hover.svg);
}

a.iconCompras {
    background-image: url(../../Images_Annexes/Icons/compras.svg);
}

a:hover.iconCompras {
    background-image: url(../../Images_Annexes/Icons/compras-hover.svg);
}

a.iconCockpit {
    background-image: url(../../Images_Annexes/Icons/cockpit.svg);
}

a:hover.iconCockpit {
    background-image: url(../../Images_Annexes/Icons/cockpit-hover.svg);
}

a.iconTimeline-block {
    background-image: url("../../Images_Annexes/Icons/timeline-block.svg");
}

a.iconTimeline {
    background-image: url("../../Images_Annexes/Icons/timeline.svg");
}

a:hover.iconTimeline {
    background-image: url("../../Images_Annexes/Icons/timeline-hover.svg");
}

a.iconSocial-block {
    background-image: url("../../Images_Annexes/Icons/social-block.svg");
}

a.iconSocial {
    background-image: url("../../Images_Annexes/Icons/social.svg");
}

a:hover.iconSocial {
    background-image: url("../../Images_Annexes/Icons/social-hover.svg");
}

a.iconLibrary {
    background-image: url("../../Images_Annexes/Icons/library.svg");
}

a:hover.iconLibrary {
    background-image: url("../../Images_Annexes/Icons/library-hover.svg");
}

a.iconLibrary2 {
    background-image: url("../../Images_Annexes/Icons/library2.svg");
}

a:hover.iconLibrary2 {
    background-image: url("../../Images_Annexes/Icons/library2-hover.svg");
}

a.iconLibrary-block {
    background-image: url("../../Images_Annexes/Icons/library2-block.svg");
}

a.iconBoletim-block {
    background-image: url("../../Images_Annexes/Icons/boletim-block.svg");
}

a.iconBoletim {
    background-image: url("../../Images_Annexes/Icons/boletim.svg");
}

a:hover.iconBoletim {
    background-image: url("../../Images_Annexes/Icons/boletim-hover.svg");
}

a.iconApps-block {
    background-image: url("../../Images_Annexes/Icons/apps2-block.svg");
}

a.iconApps {
    background-image: url("../../Images_Annexes/Icons/apps2.svg");
}

a:hover.iconApps {
    background-image: url("../../Images_Annexes/Icons/apps2-hover.svg");
}

a.iconAlertas-block {
    background-image: url("../../Images_Annexes/Icons/alertas-block.svg");
}

a.iconAlertas {
    background-image: url("../../Images_Annexes/Icons/alertas.svg");
}

a:hover.iconAlertas {
    background-image: url("../../Images_Annexes/Icons/alertas-hover.svg");
}

a.iconCitacoes {
    background-image: url("../../Images_Annexes/Icons/iconCitacoes.png");
}

a:hover.iconCitacoes {
    background-image: url("../../Images_Annexes/Icons/iconCitacoes-hover.png");
}

a.iconIndustria {
    background-image: url("../../Images_Annexes/Icons/iconIndustria.png");
}

a:hover.iconIndustria {
    background-image: url("../../Images_Annexes/Icons/iconIndustria-hover.png");
}

a.iconRegionais {
    background-image: url("../../Images_Annexes/Icons/iconRegionais.png");
}

a:hover.iconRegionais {
    background-image: url("../../Images_Annexes/Icons/iconRegionais-hover.png");
}

a.iconTagCloud {
    background-image: url("../../Images_Annexes/Icons/iconTagCloud.png");
}

a:hover.iconTagCloud {
    background-image: url("../../Images_Annexes/Icons/iconTagCloud-hover.png");
}

a.iconPricez {
    background-image: url("../../Images_Annexes/Icons/pricez.svg");
}

a:hover.iconPricez {
    background-image: url("../../Images_Annexes/Icons/pricez-hover.svg");
}

a.iconNews {
    background-image: url("../../Images_Annexes/Icons/news.svg");
}

a:hover.iconNews {
    background-image: url("../../Images_Annexes/Icons/news-hover.svg");
}

a.iconNews2 {
    background-image: url("../../Images_Annexes/Icons/news2.svg");
}

a:hover.iconNews2 {
    background-image: url("../../Images_Annexes/Icons/news2-hover.svg");
}

a.iconWriting {
    background-image: url("../../Images_Annexes/Icons/writing.png");
}

a:hover.iconWriting {
    background-image: url("../../Images_Annexes/Icons/writing-hover.png");
}

a.iconPencil {
    background-image: url("../../Images_Annexes/Icons/pencil.png");
}

a:hover.iconPencil {
    background-image: url("../../Images_Annexes/Icons/pencil-hover.png");
}

a.iconSetting {
    background-image: url("../../Images_Annexes/Icons/setting.png");
}

a:hover.iconSetting {
    background-image: url("../../Images_Annexes/Icons/setting-hover.png");
}

a.iconSettingBlack {
    background-image: url("../../Images_Annexes/Icons/setting-hover1.png");
}

a:hover.iconSettingBlack {
    background-image: url("../../Images_Annexes/Icons/setting.png");
}

a.iconTableau-block {
    background-image: url("../../Images_Annexes/Icons/Tableau-block.svg");
}

a.iconTableau {
    background-image: url("../../Images_Annexes/Icons/Tableau.png");
}

a:hover.iconTableau {
    background-image: url("../../Images_Annexes/Icons/Tableau-hover.png");
}

a.iconExit {
    background-image: url("../../Images_Annexes/Icons/exit.png");
}

a:hover.iconExit {
    background-image: url("../../Images_Annexes/Icons/exit-hover.png");
}

a.iconTvnews {
    background-image: url("../../Images_Annexes/Icons/Tvnews.svg");
}

a:hover.iconTvnews {
    background-image: url("../../Images_Annexes/Icons/Tvnews-hover.svg");
}

a.iconHammer-block {
    background-image: url("../../Images_Annexes/Icons/Hammer-block.svg");
}

a.iconHammer {
    background-image: url("../../Images_Annexes/Icons/Hammer.svg");
}

a:hover.iconHammer {
    background-image: url("../../Images_Annexes/Icons/Hammer-hover.svg");
}

a.iconReport-block {
    background-image: url("../../Images_Annexes/Icons/Report-block.svg");
}

a.iconReport {
    background-image: url("../../Images_Annexes/Icons/Report.svg");
}

a:hover.iconReport {
    background-image: url("../../Images_Annexes/Icons/Report-hover.svg");
}

a.iconCloud-block {
    background-image: url("../../Images_Annexes/Icons/cloud-block.svg");
}

a.iconCloud {
    background-image: url("../../Images_Annexes/Icons/cloud.svg");
}

a:hover.iconCloud {
    background-image: url(../../Images_Annexes/Icons/cloud-hover.svg);
}

a.iconSol {
    background-image: url(../../Images_Annexes/Icons/Sol.svg);
}

a:hover.iconSol {
    background-image: url(../../Images_Annexes/Icons/Sol-hover.svg);
}

a.iconSun {
    background-image: url(../../Images_Annexes/Icons/sun.svg);
}

a:hover.iconSun {
    background-image: url(../../Images_Annexes/Icons/sun-hover.svg);
}

a.iconMoon {
    background-image: url(../../Images_Annexes/Icons/moon.svg);
}

a:hover.iconMoon {
    background-image: url(../../Images_Annexes/Icons/moon-hover.svg);
}

.iconLua {
    background-image: url(../../Images_Annexes/Icons/Lua.svg);
}

a:hover.iconLua {
    background-image: url(../../Images_Annexes/Icons/Lua-hover.svg);
}

.iconLuaa {
    background-image: url(../../Images_Annexes/Icons/Luaa.svg);
}

a:hover.iconLuaa {
    background-image: url(../../Images_Annexes/Icons/Luaa-hover.svg);
}

a.iconMaleta {
    background-image: url(../../Images_Annexes/Icons/Maleta.svg);
}

a:hover.iconMaleta {
    background-image: url(../../Images_Annexes/Icons/Maleta-hover.svg);
}

a.iconTopicos {
    background-image: url(../../Images_Annexes/Icons/Topicos.png);
}

a:hover.iconTopicos {
    background-image: url(../../Images_Annexes/Icons/Topicos-hover.png);
}

a.iconTopicos-block {
    background-image: url(../../Images_Annexes/Icons/Topicos2-block.svg);
}

a.iconTopicos2 {
    background-image: url(../../Images_Annexes/Icons/Topicos2.svg);
}

a:hover.iconTopicos2 {
    background-image: url(../../Images_Annexes/Icons/Topicos2-hover.svg);
}

a.iconUsuario-block {
    background-image: url(../../Images_Annexes/Icons/Usuario-block.svg);
}

a.iconUsuario {
    background-image: url(../../Images_Annexes/Icons/Usuario.svg);
}

a:hover.iconUsuario {
    background-image: url(../../Images_Annexes/Icons/Usuario-hover.svg);
}

a.iconCheckSk {
    background-image: url(../../Images_Annexes/Icons/checkSkull.svg);
}

a.iconUsuario2 {
    background-image: url(../../Images_Annexes/Icons/Usuario2.svg);
}

a:hover.iconUsuario2 {
    background-image: url(../../Images_Annexes/Icons/Usuario2-hover.svg);
}

a.iconClientes-block {
    background-image: url(../../Images_Annexes/Icons/Clientes-block.svg);
}

a.iconClientes {
    background-image: url(../../Images_Annexes/Icons/Clientes.svg);
}

a:hover.iconClientes {
    background-image: url(../../Images_Annexes/Icons/Clientes-hover.svg);
}

a.iconRedesSociais-block {
    background-image: url(../../Images_Annexes/Icons/RedesSociais-block.svg);
}

a.iconRedesSociais {
    background-image: url(../../Images_Annexes/Icons/RedesSociais.svg);
}

a:hover.iconRedesSociais {
    background-image: url(../../Images_Annexes/Icons/RedesSociais-hover.svg);
}

a.iconLupa {
    background-image: url(../../Images_Annexes/Icons/lupa.png);
}

a:hover.iconLupa {
    background-image: url(../../Images_Annexes/Icons/lupa-hover.png);
}

a.icontopico {
    background-image: url(../../Images_Annexes/Icons/topico.svg);
}

a:hover.icontopico {
    background-image: url(../../Images_Annexes/Icons/topico-hover.svg);
}

a.iconsubtopico {
    background-image: url(../../Images_Annexes/Icons/subtopico.svg);
}

a:hover.iconsubtopico {
    background-image: url(../../Images_Annexes/Icons/subtopico-hover.svg);
}

a.iconempresa {
    background-image: url(../../Images_Annexes/Icons/empresa.svg);
}

a:hover.iconempresa {
    background-image: url(../../Images_Annexes/Icons/empresa-hover.svg);
}

a.iconRelatorios2 {
    background-image: url(../../Images_Annexes/Icons/Relatorios2.svg);
}

a:hover.iconRelatorios2 {
    background-image: url(../../Images_Annexes/Icons/Relatorios2-hover.png);
}

a.iconRelatorios3 {
    background-image: url(../../Images_Annexes/Icons/Relatorios2-hover.png);
}

a.iconChamadaEmpresa {
    background-image: url(../../Images_Annexes/Icons/InfoChamadaEmpresa.svg);
}

a.iconChamadaMateria {
    background-image: url(../../Images_Annexes/Icons/InfoChamadaMateria.svg);
}

a.iconChamdaSubtopico {
    background-image: url(../../Images_Annexes/Icons/InfoChamadaSubTopico.svg);
}

a.iconChamdaTopicos {
    background-image: url(../../Images_Annexes/Icons/InfoChamadaTopico.svg);
}


/*Botao menu mobile*/

.toggle>button,
.toggleMenu {
    width: 50px;
    display: block;
    cursor: pointer;
}

.toggleMenu {
    position: fixed;
    top: 15px;
    right: -10px;
    padding: 15px;
    border-left: solid #DFDFDF thin
}

.toggleMenu span {
    display: block;
    width: 28px;
    height: 3px;
    background: #14c0de;
    position: absolute;
    left: 0;
    margin-top: 5px;
    -webkit-transition: -webkit-transform .5s ease-in-out, top .25s ease-in-out .5s, opacity .25s ease-in-out .5s;
    -moz-transition: -moz-transform .5s ease-in-out, top .25s ease-in-out .5s, opacity .25s ease-in-out .5s;
    transition: transform .5s ease-in-out, top .25s ease-in-out .5s, opacity .25s ease-in-out .5s;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center
}

.toggle>button {
    border: none;
    background: 0 0;
    color: #fff;
    font-size: .8em
}

.toggle>button.disabled {
    background: #aaa;
    pointer-events: none
}

.toggleMenu span.top {
    top: 0
}

.toggleMenu span.middle {
    top: 7px
}

.toggleMenu span.bottom {
    top: 14px
}

.toggle>button.active span.top {
    top: 6px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

.toggle>button.active span.bottom {
    top: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.toggle>button.active span.middle {
    width: 0;
    opacity: 0
}


/*SECTIONS*/

.sections {
    margin-top: 75px;
    margin-left: 60px;
    margin-right: 0px;
}

.menuSolucoes {
    padding-top: 11%
}

li.butSolucoes2 {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    width: calc( 25% - 2px);
    float: left;
    /*display: inline-block;*/
    margin-left: 0px;
    margin-right: 2px;
    text-align: center;
    margin-bottom: 2px;
    border-bottom: 1px solid transparent;
}

.butSolucoes2 a {
    padding: 20px;
    padding-top: 130px !important;
    height: 30px;
    display: block;
    color: #000000;
    text-transform: uppercase;
}

.butSolucoes2 a img {
    width: 100px;
}

.butSolucoes2 a svg {
    fill: red;
}

li.butSolucoes {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    width: calc( 25% - 2px);
    float: left;
    /*display: inline-block;*/
    margin-left: 0px;
    margin-right: 2px;
    text-align: center;
    margin-bottom: 2px;
    border-bottom: 1px solid transparent;
}

.butSolucoes a {
    padding: 20px;
    padding-top: 130px !important;
    height: 30px;
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
}

.butSolucoes a img {
    width: 100px;
}

.butSolucoes a svg {
    fill: red;
}

li.butSolucoes:hover {
    box-shadow: 5px 0px 10px 5px rgba(0, 0, 0, 0.10);
    background: #63bcf1;
    background: -moz-linear-gradient(top, #63bcf1 0%, #55fdc7 100%);
    background: -webkit-linear-gradient(top, #63bcf1 0%, #55fdc7 100%);
    background: linear-gradient(to bottom, #63bcf1 0%, #55fdc7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#63bcf1', endColorstr='#55fdc7', GradientType=0);
    background-position: top center;
    background-repeat: no-repeat;
}

.butSolucoes a:hover {
    color: #2b3237;
    font-weight: 700;
}

.butSolucoes a:hover h5 {
    font-weight: 700;
}

.titulos {
    width: 100%;
    height: 65px;
    border-top: solid 1px #00bfdf;
}


/*Movimentos Competitivos*/

.lista li,
.listaMenor li {
    list-style: initial;
    position: relative;
    left: 15px;
    width: calc( 100% - 15px);
}

.lista li {
    margin-bottom: 10px;
}

.listaMenor li {
    font-size: 11px;
}

.boxDestaques li {
    position: relative;
    display: table;
    width: calc( 100% - 7px);
    vertical-align: middle;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-left: 6px solid #6d777f;
    font-size: 12px;
    overflow: hidden;
}

.boxDestaques li:hover {
    /*	border: 1px solid #2196F3;*/
    border-left: 6px solid #6d777f;
}

.boxDestaques a {
    padding: 5px 10px 5px 20px;
    display: table-cell;
    height: 45px;
    vertical-align: middle;
    width: 400px;
}

.boxDestaques a:hover {
    color: #2196F3;
}

.barraPlayers {
    padding: 25px 0 35px 1%;
    width: calc( 100% - 1%);
    display: inline-block;
    margin-top: 30px;
    /*position: absolute;*/
    bottom: 115px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
}

.playerLegenda {
    min-width: 110px;
    border-left: 8px solid #808080;
    float: left;
    background-color: rgba(255, 255, 255, 0.5);
    margin-right: 1%;
    font-size: 12px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
    margin-top: 5px;
}

.playerLegenda a {
    display: block;
    padding: 20px 10px 10px 7px;
}

.playerTela {
    position: fixed;
    width: 100%;
    height: calc(100%);
    bottom: -100px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.90);
    display: none;
}

.playerTelaOn {
    display: inherit;
    bottom: auto;
    top: 0;
    background-color: rgba(55, 55, 55, 0.90);
}

.playerDetail {
    position: relative;
    width: 90%;
    height: calc( 100% - 200px);
    margin-left: auto;
    margin-right: auto;
    top: 100px;
    background-color: #FFFFFF;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 900;
    margin-top: 60px;
}

.playerContent {
    width: 106%;
    height: 101%;
}

.playerDetail .col1-3-Pad,
.playerDetail .col2-3-Pad {
    height: calc( 100% - 120px);
}


/*.butClose a,
.playerButClose a {
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 40px;
    background-color: #8a8a8a;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: 8%;
    top: 5%;
    z-index: 1000;
    text-align: center;
    vertical-align: central;
    font-weight: 600;
    color: #FFFFFF !important;
    font-family: 'Raleway', sans-serif;
    font-size: 23px;
    margin-top: 90px;
    margin-right: 13%;
    border-width: 3px;
    border-color: #e4e4e4;
}

.playerButClose a {
    right: -6%;
    top: 9.4%;
}*/

.butClose a,
.playerButClose a {
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    border-radius: 40px !important;
    background-color: rgba(0, 0, 0, 0.80) !important;
    border: 2px solid #FFFFFF !important;
    position: absolute;
    right: 3% !important;
    top: 17% !important;
    z-index: 1000 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    color: #FFFFFF !important;
    font-family: 'Raleway', sans-serif !important;
}

li.playerLegenda {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 80%;
    font-size: 0px;
}

.playerLogo {
    width: 100%;
    height: 80px;
    background-color: #FFFFFF;
    z-index: 6000 !important;
    position: fixed;
}

.playerLogo img {
    height: 80px;
}

.playerLogo .mercado {
    line-height: 80px;
    padding-left: 100px;
    font-weight: 600;
    background-image: url(../../Images_Annexes/Icons/worldwide-transmissions.svg);
    background-position: 2% center;
    background-repeat: no-repeat;
    background-size: auto 70%;
}

.boxDestaques a span {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    margin-right: 3%;
}

.imagemDestaque {
    float: left;
    height: 100px;
    overflow: hidden;
}

.imagemDestaque img {
    height: 100%;
    width: auto;
    overflow: hidden;
}

.campanhas li img {
    width: 100%;
    border: 1px solid #FFFFFF;
}

.campanhas li {
    position: relative;
    float: left;
    width: calc( 33% - 40px);
    z-index: 1100;
    padding: 20px 20px 0px 0;
}

.campanhas li.vertical {
    position: relative;
    float: left;
    width: calc( 20% - 40px);
    z-index: 1100;
    padding: 20px 20px 0px 0;
}

.campanhas li:hover {
    width: calc( 36% - 40px);
    margin-left: -5px;
    padding: 0;
}

.campanhas li.vertical:hover {
    width: calc( 21% - 40px);
    margin-left: -5px;
    padding: 0;
}

.playerContent .masonry {
    margin-top: 20px;
}


/*Relatorios*/

.boxMidias {
    position: relative;
    display: inline-block;
    margin-left: 0, 5%;
    margin-right: 0.5%;
    padding: 10px;
}

.butMidias {
    width: 130px;
    height: 170px;
}

.butMidias a {
    background-color: #1b1f22;
    display: inline-block;
    width: 100%;
    padding-top: 130px;
    height: 50px;
    border: thin solid #333333;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.butMidias a h5 {
    line-height: 15px;
    display: grid;
    width: 100%;
}

.butMidias a:hover {
    background-color: #2D3235;
}

.butMidias .icons {
    background-position: center 30px;
    background-size: 50%;
    background-repeat: no-repeat;
}

.butMidias a:hover.icons {
    background-size: 60%;
}

a.iconKMZ {
    background-image: url("../../Images_Annexes/Icons/iconKMZ.png");
}

a.iconPPT {
    background-image: url("../../Images_Annexes/Icons/iconPPT.png");
}

a.iconVideo {
    background-image: url("../../Images_Annexes/Icons/iconPlay.png");
}

a.iconPDF {
    background-image: url("../../Images_Annexes/Icons/iconPDF.png");
}

a.iconCharts {
    background-image: url("../../Images_Annexes/Icons/IconCharts.png");
}

a.iconZap {
    background-image: url("../../Images_Annexes/Icons/iconZap.png");
}

a.iconExcel {
    background-image: url("../../Images_Annexes/Icons/IconExcel.png");
}

.telaMovie {
    top: 0px;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.90);
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.moviePlayer {
    width: 70%;
    height: 100%;
    margin: auto;
    margin-left: auto;
}

.moviePlayer video {
    width: 100%;
}

.stick {
    position: sticky;
    top: 70px;
    left: 0px;
    z-index: 1;
}

.espacamento {
    height: 1px;
    margin-top: -50px !important;
}

@media (min-width: 1360px) and (max-width: 1370px) {
    .query {
        transform: scale(0.93);
        margin-top: -60px;
    }
    .espacamento {
        height: 1px;
        margin-top: -50px !important;
    }
    .bgBasf {
        background-size: 26%;
    }
}

.stick {
    position: sticky;
    top: 75px;
    left: 0px;
    left: 0px;
    z-index: 1;
}


/*MONITORES GRANDES*/


/*@media (min-width: 1600px) {
    
        body {
            padding-top: 40px;
            transform: scale(1);
            overflow-x: hidden;
            height: 100%;
        }
    
        .login .logo {
            transform: scale(1.1);
            margin-bottom: 60px;
        }
    
        .boxForm {
            margin-top: 10px;
            transform: scale(1.1);
        }
    
        .txtCenter {
            transform: scale(1);
            padding-top: 0%;
        }
        .registroTitulos {
            position: relative;
        }
        .marginTop {
            padding-top: 0;
        }
        .txtOpaco {
            margin-top: 50px;
         }
    }*/


/*MONITORES ANTIGOS*/

@media (min-width: 1360px) and (max-width: 1370px) {
    .timeline {
        width: 1100px;
        height: 550px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .RelatoriosNomeMobile {
        visibility: hidden;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 390px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 94vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 91.8vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .BoxTopicos {
        width: 750px;
        height: 604px;
    }
    .BoxTxtTopicos {
        margin-top: 7%;
        margin-left: -2%;
        width: 953px;
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 780px;
        height: 400px;
        margin-left: 6%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 7%;
    }
    /*.text-topicos {
        margin-left: 156px;
    }*/
    .MarginTopicos {
        margin-top: 8%;
    }
    .text-topicos {
        margin-left: 10%;
    }
    .BoxCadastroClientes {
        width: 800px;
        height: 625px;
    }
    .ScrollCadastroClientes {
        width: 799px;
        height: 230px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -100px;
        margin-left: -6%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.7);
        margin-top: -11%;
        margin-left: -3%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
    }
    .BoxSubtopicos {
        width: 750px;
        height: 604px;
    }
    .ScrollSubtopicos {
        /*overflow: auto;*/
        width: 808px;
        height: 380px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .BoxSubtopico2 {
        margin-top: 17%;
        margin-left: -13%;
        width: 953px;
    }
    .MarginSubtopico {
        margin-top: 10%;
    }
    .BoxUsuario {
        width: 750px;
        height: 564px;
    }
    .ScrollUsuario {
        /*overflow: auto;*/
        width: 749px;
        height: 324px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloUsuario {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .CadastroUsuario {
        margin-top: 4%;
        margin-bottom: 18%;
        margin-left: -3%;
    }
    .DesktopUsuario {
        display: inherit;
    }
    .filtrosUsuario2 {
        margin-top: -152px;
    }
    .ScrollUsuario2 {
        width: 729px;
        height: 324px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloUsuario2 {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .BoxVeiculo {
        width: 750px;
        height: 604px;
    }
    .ScrollVeiculo {
        width: 730px !important;
        height: 324px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -112px;
        margin-left: -29px;
    }
    .BoxTableau {
        width: 750px;
        height: 514px;
    }
    .ScrollTableau {
        width: 730px !important;
        height: 324px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.8;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .scrollMateria {
        overflow: auto;
        width: 966px;
        height: 382px;
        padding-top: 8px;
    }
    .BoxMateria {
        zoom: 0.8;
        width: 1170px !important;
        height: 700px !important;
    }
    .BoxEmpresa {
        width: 750px;
        height: 564px;
    }
    .ScrollEmpresa {
        width: 842px !important;
        height: 327px;
        margin-left: -18%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -112px;
        margin-left: -11px;
    }
    .TituloEmpresa {
        margin-left: -105px;
        width: 900px !important;
    }
    .CaixaEmpresa {
        width: 30% !important;
    }
    .BoxEditarVeiculos {
        height: 400px;
    }
    .BoxEditarUsuario {
        zoom: 0.6;
    }
    .CampoEditarUsuario {
        width: 95% !important;
    }
    .CampoEditarUsuario2 {
        width: 100% !important;
    }
    .BoxEditarTopico {
        zoom: 0.8;
    }
    .BoxEditarTableau {
        zoom: 0.65;
    }
    .BoxEditarSubTopico {
        zoom: 0.8;
    }
    .BoxEditarEmpresa {
        zoom: 0.8;
        margin-top: 115px !important;
    }
    .celSize {
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -100px
    }
    .BoxEditarCliente {
        zoom: 0.8;
        width: 900px !important;
        height: 700px !important;
    }
    .BoxRightEditarcliente {
        float: right;
    }
    .BoxEditarMateria {
        zoom: 0.7;
        width: 1000px !important;
        /*height: 645px !important;*/
        margin-top: -2%;
    }
    .LeftEditarMateria {
        width: 40%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 54%;
        height: 65%;
        float: right;
        /* margin: 5px; */
        padding-bottom: 36px;
        padding-top: 72px;
    }
    .VoltarEditarMaterias {
        margin-right: 41px;
        width: 414px !important;
    }
    .AtualizarEditarMaterias {
        float: right;
        margin-top: -75px;
        width: 554px !important;
    }
    .BoxFotodePerfil {
        zoom: 0.6;
    }
    /*.BoxNovoTopico {
        zoom: 0.6;
    }*/
    .BoxNovoCliente {
        zoom: 0.9;
    }
    .embedContainerCss {
        width: 100vw !important;
        height: 90vh !important;
        margin-left: 1vw !important;
    }
    .embedDashContainerCss {
        width: 125vw !important;
        height: 115vh !important;
        margin-left: 3vw !important;
    }
    .cockpitDashboard {
        margin-top: -5%;
        width: 100%;
    }
    .subirButsDashboard {
        margin-top: -1%;
    }
    .mostrarbut {
        display: block;
    }
}


/*MONITORES BONS*/

@media (min-width: 1400px) and (max-width: 1650px) {
    .timeline {
        width: 1300px;
        height: 750px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .RelatoriosNomeMobile {
        visibility: hidden;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 390px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 94.1vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 91.4vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .BoxTopicos {
        width: 750px;
        height: 600px;
    }
    .BoxTxtTopicos {
        margin-top: -18%;
        margin-left: -2%;
        width: 953px;
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 780px;
        height: 393px;
        margin-left: 6%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 7%;
    }
    /*.text-topicos {
        margin-left: 156px;
    }*/
    .MarginTopicos {
        margin-top: 24%;
    }
    .text-topicos {
        margin-left: 10%;
    }
    .BoxCadastroClientes {
        width: 800px;
        height: 600px;
    }
    .ScrollCadastroClientes {
        overflow: auto;
        width: 799px;
        height: 235px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -100px;
        margin-left: -6%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.7);
        margin-top: -11%;
        margin-left: -3%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
    }
    .BoxSubtopicos {
        width: 750px;
        height: 600px;
    }
    .ScrollSubtopicos {
        /*overflow: auto;*/
        width: 808px;
        height: 370px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .BoxSubtopico2 {
        margin-top: 17%;
        margin-left: -13%;
        width: 953px;
    }
    .MarginSubtopico {
        margin-top: 10%;
    }
    .BoxUsuario {
        width: 828px;
        height: 560px;
    }
    .ScrollUsuario {
        /*overflow: auto;*/
        width: 826px;
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .CadastroUsuario {
        margin-top: 4%;
        margin-bottom: 18%;
        margin-left: -3%;
    }
    .DesktopUsuario {
        display: inherit;
    }
    .filtrosUsuario2 {
        margin-top: -152px;
    }
    .ScrollUsuario2 {
        /*overflow: auto;*/
        width: 800px;
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario2 {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    .BoxVeiculo {
        width: 750px;
        height: 600px;
    }
    .ScrollVeiculo {
        width: 730px !important;
        height: 324px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -112px;
        margin-left: -29px;
    }
    .BoxTableau {
        width: 750px;
        height: 520px;
    }
    .ScrollTableau {
        width: 730px !important;
        height: 324px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.8;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    .scrollMateria {
        overflow: auto;
        /*width: 1164px;*/
        height: 370px;
        padding-top: 8px;
    }
    .BoxMateria {
        zoom: 0.8;
        width: 1170px !important;
        height: 700px !important;
    }
    .BoxEmpresa {
        width: 750px;
        height: 560px;
    }
    .ScrollEmpresa {
        width: 810px !important;
        height: 324px;
        margin-left: -14%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -112px;
        margin-left: 20px;
    }
    .TituloEmpresa {
        margin-left: -69px;
        width: 839px !important;
    }
    .CaixaEmpresa {
        width: 30% !important;
    }
    .BoxEditarUsuario {
        zoom: 0.6;
    }
    .CampoEditarUsuario {
        width: 95% !important;
    }
    .CampoEditarUsuario2 {
        width: 100% !important;
    }
    .BoxEditarTopico {
        zoom: 0.8;
    }
    .BoxEditarTableau {
        zoom: 0.67
    }
    .BoxEditarSubTopico {
        zoom: 0.8;
    }
    .BoxEditarEmpresa {
        zoom: 0.8;
        margin-top: 115px !important;
    }
    .BoxEditarCliente {
        zoom: 0.8;
        width: 900px !important;
        height: 700px !important;
    }
    .BoxRightEditarcliente {
        float: right;
    }
    .celSize {
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -100px
    }
    .BoxEditarMateria {
        zoom: 0.7;
        width: 1000px !important;
        /*height: 645px !important;*/
        margin-top: -2%;
    }
    .LeftEditarMateria {
        width: 40%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 54%;
        height: 65%;
        float: right;
        /* margin: 5px; */
        padding-bottom: 36px;
        padding-top: 72px;
    }
    .VoltarEditarMaterias {
        margin-right: 41px;
        width: 414px !important;
    }
    .AtualizarEditarMaterias {
        float: right;
        margin-top: -75px;
        width: 554px !important;
    }
    .BoxFotodePerfil {
        zoom: 0.6;
    }
    /*.BoxNovoTopico {
        zoom: 0.6;
    }*/
    .BoxNovoCliente {
        zoom: 0.9;
    }
    .embedContainerCss {
        width: 90vw !important;
        height: 92vh !important;
        margin-left: 2vw !important;
    }
    .cockpitDashboard {
        margin-top: -5%;
        width: 100%;
    }
    .subirButsDashboard {
        margin-top: -1%;
    }
    .mostrarbut {
        display: block;
    }
}


/*MONITORES GRANDES*/

@media (min-width: 1650px) and (max-width: 2000px) {
    .timeline {
        width: 1300px;
        height: 750px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .RelatoriosNomeMobile {
        visibility: hidden;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 390px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 95vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 93.4vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .BoxTopicos {
        width: 750px;
        height: 735px;
    }
    .BoxTxtTopicos {
        margin-top: -18%;
        margin-left: -2%;
        width: 953px;
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 778px;
        height: 540px;
        margin-left: 6%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 7%;
    }
    /*.text-topicos {
        margin-left: 156px;
    }*/
    .MarginTopicos {
        margin-top: 23%;
    }
    .text-topicos {
        margin-left: 10%;
    }
    .BoxCadastroClientes {
        width: 800px;
        height: 800px;
    }
    .ScrollCadastroClientes {
        overflow: auto;
        width: 799px;
        height: 435px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -100px;
        margin-left: -6%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.7);
        margin-top: -11%;
        margin-left: -3%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
    }
    .BoxSubtopicos {
        width: 750px;
        height: 880px;
    }
    .ScrollSubtopicos {
        /*overflow: auto;*/
        width: 808px;
        height: 650px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .BoxSubtopico2 {
        margin-top: 17%;
        margin-left: -13%;
        width: 953px;
    }
    .MarginSubtopico {
        margin-top: 10%;
    }
    .BoxUsuario {
        width: 828px;
        height: 868px;
    }
    .ScrollUsuario {
        /*overflow: auto;*/
        width: 826px;
        height: 622px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .CadastroUsuario {
        margin-top: 4%;
        margin-bottom: 18%;
        margin-left: -3%;
    }
    .DesktopUsuario {
        display: inherit;
    }
    .filtrosUsuario2 {
        margin-top: -152px;
    }
    .TituloUsuario {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .ScrollUsuario2 {
        /*overflow: auto;*/
        width: 807px;
        height: 622px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario2 {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: -2px;
    }
    .BoxVeiculo {
        width: 750px;
        height: 735px;
    }
    .ScrollVeiculo {
        width: 730px !important;
        height: 470px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -112px;
        margin-left: -29px;
    }
    .BoxTableau {
        width: 750px;
        height: 700px;
    }
    .ScrollTableau {
        width: 730px !important;
        height: 470px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.8;
        margin-bottom: 10px;
        margin-top: -2px;
    }
    .scrollMateria {
        overflow: auto;
        /*width: 1164px;*/
        height: 411px;
        padding-top: 8px;
    }
    .BoxMateria {
        zoom: 0.9;
        width: 1170px !important;
        height: 700px !important;
    }
    .BoxEmpresa {
        width: 750px;
        height: 679px;
    }
    .ScrollEmpresa {
        width: 793px !important;
        height: 441px;
        margin-left: -12%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -112px;
        margin-left: 14px;
    }
    .TituloEmpresa {
        margin-left: -69px;
        width: 839px !important;
    }
    .CaixaEmpresa {
        width: 30% !important;
    }
    .CampoEditarUsuario {
        width: 95% !important;
    }
    .CampoEditarUsuario2 {
        width: 100% !important;
    }
    .BoxEditarTableau {
        zoom: 1;
    }
    .BoxEditarEmpresa {
        margin-top: 115px !important;
    }
    .BoxEditarCliente {
        zoom: 0.9;
        width: 900px !important;
        height: 700px !important;
    }
    .celSize {
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -100px
    }
    .BoxRightEditarcliente {
        float: right;
    }
    .BoxEditarMateria {
        zoom: 0.7;
        width: 1000px !important;
        /*height: 645px !important;*/
        margin-top: -2%;
    }
    .LeftEditarMateria {
        width: 40%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 54%;
        height: 65%;
        float: right;
        /* margin: 5px; */
        padding-bottom: 36px;
        padding-top: 72px;
    }
    .VoltarEditarMaterias {
        margin-right: 41px;
        width: 414px !important;
    }
    .AtualizarEditarMaterias {
        float: right;
        margin-top: -75px;
        width: 554px !important;
    }
    .BoxFotodePerfil {
        zoom: 0.8;
    }
    /*.BoxNovoTopico {
        zoom: 0.6;
    }*/
    .BoxNovoCliente {
        zoom: 0.9;
    }
    .embedContainerCss {
        width: 92vw !important;
        height: 93vh !important;
        margin-left: 2vw !important;
    }
    .cockpitDashboard {
        margin-top: -5%;
        width: 100%;
    }
    .subirButsDashboard {
        margin-top: -1%;
    }
    .mostrarbut {
        display: block;
    }
}


/*MONITORES ULTRA GRANDES*/

@media (min-width: 2050px) and (max-width: 2650px) {
    .timeline {
        width: 1300px;
        height: 750px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .RelatoriosNomeMobile {
        visibility: hidden;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 390px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 95vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 93.4vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .BoxTopicos {
        width: 750px;
        height: 735px;
    }
    .BoxTxtTopicos {
        margin-top: -18%;
        margin-left: -2%;
        width: 953px;
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 780px;
        height: 524px;
        margin-left: 6%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 7%;
    }
    /*.text-topicos {
        margin-left: 156px;
    }*/
    .MarginTopicos {
        margin-top: 23%;
    }
    .text-topicos {
        margin-left: 10%;
    }
    .BoxCadastroClientes {
        width: 800px;
        height: 875px;
    }
    .ScrollCadastroClientes {
        overflow: auto;
        width: 799px;
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -100px;
        margin-left: -6%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.7);
        margin-top: -11%;
        margin-left: -3%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
    }
    .BoxSubtopicos {
        width: 750px;
        height: 860px;
    }
    .ScrollSubtopicos {
        /*overflow: auto;*/
        width: 808px;
        height: 620px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .BoxSubtopico2 {
        margin-top: 17%;
        margin-left: -13%;
        width: 953px;
    }
    .MarginSubtopico {
        margin-top: 10%;
    }
    .BoxUsuario {
        width: 836px;
        height: 840px;
    }
    .ScrollUsuario {
        width: 832px;
        height: 570px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .CadastroUsuario {
        margin-top: 4%;
        margin-bottom: 18%;
        margin-left: -3%;
    }
    .DesktopUsuario {
        display: inherit;
    }
    .filtrosUsuario2 {
        margin-top: -152px;
    }
    .TituloUsuario {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .ScrollUsuario2 {
        width: 812px;
        height: 570px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario2 {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .BoxVeiculo {
        width: 750px;
        height: 735px;
    }
    .ScrollVeiculo {
        width: 730px !important;
        height: 465px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -112px;
        margin-left: -29px;
    }
    .BoxTableau {
        width: 750px;
        height: 735px;
    }
    .ScrollTableau {
        width: 730px !important;
        height: 470px;
        /* margin-left: 2%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.8;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .scrollMateria {
        overflow: auto;
        /*width: 1164px;*/
        height: 376px;
        padding-top: 8px;
    }
    .BoxMateria {
        zoom: 0.9;
        width: 1170px !important;
        height: 700px !important;
    }
    .BoxEmpresa {
        width: 750px;
        height: 735px;
    }
    .ScrollEmpresa {
        width: 790px !important;
        height: 465px;
        margin-left: -11%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -112px;
        margin-left: 17px;
    }
    .TituloEmpresa {
        margin-left: -69px;
        width: 839px !important;
    }
    .CaixaEmpresa {
        width: 30% !important;
    }
    .CampoEditarUsuario {
        width: 95% !important;
    }
    .CampoEditarUsuario2 {
        width: 100% !important;
    }
    .BoxEditarTableau {
        zoom: 1;
    }
    .celSize {
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -100px
    }
    .BoxEditarEmpresa {
        margin-top: 115px !important;
    }
    .BoxEditarCliente {
        zoom: 1, 1;
        width: 900px !important;
        height: 700px !important;
    }
    .BoxRightEditarcliente {
        float: right;
    }
    .BoxEditarMateria {
        zoom: 0.7;
        width: 1000px !important;
        /*height: 645px !important;*/
        margin-top: -2%;
    }
    .LeftEditarMateria {
        width: 40%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 54%;
        height: 65%;
        float: right;
        /* margin: 5px; */
        padding-bottom: 36px;
        padding-top: 72px;
    }
    .VoltarEditarMaterias {
        margin-right: 41px;
        width: 414px !important;
    }
    .AtualizarEditarMaterias {
        float: right;
        margin-top: -75px;
        width: 554px !important;
    }
    .BoxFotodePerfil {
        zoom: 0.8;
    }
    /*.BoxNovoTopico {
        zoom: 0.6;
    }*/
    .BoxNovoCliente {
        zoom: 0.9;
    }
    .embedContainerCss {
        width: 92vw !important;
        height: 93vh !important;
        margin-left: 2vw !important;
    }
    .cockpitDashboard {
        margin-top: -5%;
        width: 100%;
    }
    .subirButsDashboard {
        margin-top: -1%;
    }
    .mostrarbut {
        display: block;
    }
}


/*TABLETS*/

@media (max-width: 1024px) {
    body {
        font-size: 13px;
    }
    /*BASE*/
    .mainSize {
        padding-left: 0;
        padding-right: 0
    }
    .mainMiddle {
        max-width: 80%;
    }
    h1 {
        font-size: 48px;
        line-height: 50px;
        letter-spacing: -2px;
    }
    h2 {
        font-size: 32px;
        line-height: 35px;
        letter-spacing: -2px;
    }
    h3 {
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -1px;
    }
    h4 {
        font-size: 18px;
        letter-spacing: 0px;
    }
    h5 {
        font-size: 14px;
        letter-spacing: 0px;
    }
    /*Botoes */
    .butVermais a {
        font-size: 17px;
        padding: 15px 60px 15px 20px;
        background-size: 40px;
    }
    /*HEADER */
    header,
    header .logo,
    header .boxCliente,
    header .logoCliente,
    header .logoCliente img {
        height: 55px;
    }
    header .logo {
        background-size: 80%;
        background-position: left;
    }
    header .fotoCliente {
        height: 40px;
        width: 40px;
        margin-right: 8px;
        margin-top: 8px;
        margin-left: 2px;
    }
    header .fotoCliente2 {
        height: 40px;
        width: 40px;
        margin-right: 8px;
        margin-top: 8px;
        margin-left: 2px;
    }
    header .boxLogoCliente {
        height: 70px;
        min-width: 80px;
        bottom: 5px;
    }
    header .logoCliente {
        width: 15%;
        padding-top: 5px;
    }
    header .logoCliente img {
        height: 35px !important;
        padding-top: 6px;
    }
    header .clienteNome {
        bottom: 8px;
        font-size: 12px;
    }
    .menuAjustes {
        height: 35px;
        width: calc( 100%);
        float: right;
    }
    .menuAjustes menu {
        padding-top: 3px;
    }
    /*.barraConfig,
    .barraMaterias,
    .barraClientes {
        top: 73px;
        zoom: 0.8;
        -moz-transform: scale(0.8);
        -moz-transform-origin: 0 0;
        right: 0;
        z-index: 1000;
    }*/
    .barraMaterias {
        margin-top: 16px !important;
        margin-right: -24px;
    }
    .barraConfig {
        margin-top: 16px !important;
    }
    .barraClientes {
        margin-top: 16px !important;
        margin-right: -24px;
    }
    .menuPerfil {
        width: 220px !important;
    }
    .barraAjustes {
        top: 73px;
        zoom: 0.8;
        -moz-transform: scale(0.8);
        -moz-transform-origin: 0 0;
        right: 120px;
        z-index: 1000;
    }
    /*FOOTER */
    footer .colLeft,
    footer .colRight {
        width: 100%;
        float: none;
    }
    footer .mailing {
        margin-top: 50px;
    }
    /*Sections	*/
    .sections {
        margin-top: 55px;
    }
    .menuLateral {
        top: 55px;
    }
    .barraPlayers {
        bottom: 90px;
    }
    .boxDestaques a {
        line-height: 15px;
    }
    .boxDestaques a span,
    .imagemDestaque {
        height: 80px;
    }
    /*TIMELINE*/
    .timeline {
        width: 1px;
        height: 1px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .stick {
        position: sticky;
        top: 55px;
        left: 0px;
        z-index: 1;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 230px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 94vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .RelatoriosNomeDesk {
        visibility: hidden;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 91.4vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .BoxTopicos {
        width: 750px;
        height: 735px;
    }
    .BoxTxtTopicos {
        margin-top: -18%;
        margin-left: -1%;
        width: 953px;
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 780px;
        height: 545px;
        margin-left: 6%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 7%;
    }
    .text-topicos {
        margin-left: 156px;
    }
    .MarginTopicos {
        margin-top: 25%;
    }
    .text-topicos {
        margin-left: 12%;
    }
    .BoxCadastroClientes {
        width: 800px;
        height: 1200px;
    }
    .ScrollCadastroClientes {
        overflow: auto;
        width: 799px;
        height: 799px;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -100px;
        margin-left: -6%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.7);
        margin-top: -11%;
        margin-left: -3%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
    }
    .BoxSubtopicos {
        width: 750px;
        height: 990px;
    }
    .ScrollSubtopicos {
        /*overflow: auto;*/
        width: 808px;
        height: 900px;
        margin-left: 20px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .BoxSubtopico2 {
        margin-top: 17%;
        margin-left: -13%;
        width: 953px;
    }
    .MarginSubtopico {
        margin-top: 10%;
    }
    .BoxUsuario {
        width: 830px;
        height: 1140px;
    }
    .ScrollUsuario {
        /*overflow: auto;*/
        width: 808px;
        height: 900px;
        margin-left: 20px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .CadastroUsuario {
        margin-top: 4%;
        margin-bottom: 18%;
        margin-left: -3%;
    }
    .DesktopUsuario {
        display: inherit;
    }
    .filtrosUsuario2 {
        margin-top: -152px;
    }
    .TituloUsuario {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .ScrollUsuario2 {
        /*overflow: auto;*/
        width: 808px;
        height: 900px;
        margin-left: 20px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario2 {
        zoom: 0.91;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .BoxVeiculo {
        width: 750px;
        height: 735px;
    }
    .ScrollVeiculo {
        width: 755px !important;
        height: 470px;
        /*margin-left: 6%;*/
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -112px;
        margin-left: -29px;
    }
    .BoxTableau {
        width: 750px;
        height: 735px;
    }
    .ScrollTableau {
        width: 741px !important;
        height: 560px;
        /*margin-left: 6%;*/
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.8;
        margin-bottom: 10px;
        margin-top: 80px;
    }
    .scrollMateria {
        overflow: auto;
        /*width: 1164px;*/
        height: 428px;
        padding-top: 8px;
    }
    .BoxMateria {
        zoom: 0.8;
        width: 1170px !important;
        height: 700px !important;
    }
    .BoxEmpresa {
        width: 750px;
        height: 735px;
    }
    .ScrollEmpresa {
        width: 755px !important;
        height: 535px;
        margin-left: -6%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -112px;
        margin-left: 20px;
    }
    .TituloEmpresa {
        margin-left: -46px;
        width: 839px !important;
    }
    .CaixaEmpresa {
        width: 30% !important;
    }
    .CampoEditarUsuario {
        width: 95% !important;
    }
    .CampoEditarUsuario2 {
        width: 100% !important;
    }
    .BoxEditarTableau {
        zoom: 1.4;
    }
    .BoxEditarSubTopico {
        margin-left: 22%;
    }
    .BoxEditarEmpresa {
        width: 400px !important;
        margin-top: 115px !important;
    }
    .BoxRightEditarcliente {
        width: 410px !important;
        height: 350px !important;
    }
    .BoxLeftEditarcliente {
        width: 100% !important;
    }
    .celSize {
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -100px
    }
    .butBi {
        margin-left: -15px;
        margin-top: -37px;
        padding-bottom: 37px;
    }
    .BoxRightEditarcliente {
        float: right;
    }
    .BoxEditarMateria {
        width: 510px !important;
        height: 1110px !important;
        margin-top: 4% !important;
    }
    .LeftEditarMateria {
        width: 100%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 103%;
        margin-top: 88%;
        margin-bottom: -73%;
    }
    .DataEditarMaterias {
        margin-left: 25%;
    }
    .BoxFotodePerfil {
        zoom: 1;
    }
    /*.BoxNovoTopico {
        zoom: 0.6;
    }*/
    .BoxNovoCliente {
        zoom: 0.9;
    }
    .cockpitDashboard {
        margin-top: -5%;
        width: 100%;
    }
    .subirButsDashboard {
        margin-top: -1%;
    }
    .mostrarbut {
        display: block;
    }
}


/*MOBILES*/

@media (max-width: 768px) {
    h1 {
        font-size: 36px;
        line-height: 38px;
        letter-spacing: -1px;
    }
    h2 {
        font-size: 28px;
        line-height: 29px;
        letter-spacing: -1px;
    }
    h3 {
        font-size: 22px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
    h4 {
        font-size: 18px;
        line-height: 17px;
        letter-spacing: 0px;
        font-weight: 600;
        text-transform: uppercase;
    }
    h5 {
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 0px;
        font-weight: 400;
    }
    /*BASE*/
    .mobile {
        display: inherit;
    }
    .desktop {
        display: none;
    }
    .mainSizePad {
        margin-left: 3%;
        margin-right: 3%;
    }
    .mainMiddle {
        max-width: 100%
    }
    .fullSize {
        width: calc(100% - 8%) !important;
        padding-left: 4%;
        padding-right: 4%;
    }
    .col,
    .col-Marg,
    .col1-2,
    .col1-3,
    .col1-4,
    .col1-4-Pad,
    .col1-3-Pad,
    .col1-2,
    .col1-2-Pad,
    .col2-3-Pad,
    .col1-3-Marg,
    .col1-4-Marg {
        width: calc( 92% - 0px);
        padding-left: 4%;
        padding-right: 4%;
        margin: 0;
        margin-top: 10px;
    }
    .imgapps {
        max-width: 800px;
        width: 100%
    }
    /*bordas*/
    .bordaDireitaBranca,
    .bordaDireita {
        border-right: none !important;
    }
    /*Botoes */
    .butVermais a {
        font-size: 12px;
        line-height: 12px;
        padding: 10px 30px 10px 10px;
        background-size: 20px;
    }
    /*Images*/
    .imgFull {
        position: relative;
        z-index: -1;
    }
    .imgFull img {
        position: relative;
        width: 100%;
    }
    .icons img {
        width: 120px;
    }
    /*FORMS*/
    /*HEADER*/
    .menuAjustes {
        left: 0 !important;
        padding-left: 42px;
        width: calc( 100% - 42px) !important;
    }
    .select-selected {
        min-width: 90px !important;
        padding-right: 30px !important;
    }
    /*FOOTER*/
    /*SECTION*/
    .sections {
        margin-left: 0px !important;
    }
    .menuSolucoes {
        padding-top: 40px;
    }
    li.butSolucoes {
        font-size: 12px;
        font-weight: 700;
        line-height: 15px;
        width: calc( 44% - 2px);
        margin: 0px;
        margin-bottom: 3px;
        float: inherit;
        display: inline-block;
    }
    .butSolucoes a {
        padding: 20px;
        padding-top: 65px !important;
        height: 20px;
    }
    .boxDestaques a {
        height: 40px;
    }
    a.icons {
        background-size: 40px;
        background-position: center 18px;
    }
    .butSolucoes2 h5 {
        line-height: 16px !important;
        font-size: 11px;
        display: grid;
        width: 100%;
    }
    .menuSolucoes2 {
        padding-top: 40px;
    }
    li.butSolucoes2 {
        font-size: 12px;
        font-weight: 700;
        line-height: 15px;
        width: calc( 44% - 2px);
        margin: 0px;
        margin-bottom: 3px;
        float: inherit;
        display: inline-block;
    }
    .butSolucoes2 a {
        padding: 20px;
        padding-top: 65px !important;
        height: 20px;
    }
    .boxDestaques a {
        height: 40px;
    }
    .butSolucoes2 h5 {
        line-height: 16px !important;
        font-size: 11px;
        display: grid;
        width: 100%;
    }
    /*MENU LATERAL*/
    .menuLateral {
        position: absolute;
        top: 55px;
        left: 0px;
    }
    .menuLateral .menuIcon {
        display: none;
        height: 36px;
        right: -60px;
    }
    .menuLateralHover {
        left: 0px;
    }
    .breadcrumb {
        display: none;
    }
    .moviePlayer {
        width: 100%;
    }
    #fp-nav {
        display: none !important;
    }
    .pdfRed {
        width: 20%;
        height: 50px;
        max-height: 100%;
        max-width: 100%;
    }
    .clienteNome {
        visibility: hidden;
    }
    .RelatoriosNomeDesk {
        visibility: hidden;
    }
    /*TIMELINE*/
    .timeline {
        width: 1px;
        height: 1px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .stick {
        position: sticky;
        top: 55px;
        left: 0px;
        z-index: 1;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 230px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 94vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 93.4vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .barraMaterias {
        margin-top: 16px !important;
        margin-right: -24px;
    }
    .barraConfig {
        margin-top: 16px !important;
    }
    .barraClientes {
        margin-top: 16px !important;
        margin-right: -24px;
    }
    .menuPerfil {
        width: 220px !important;
    }
    .BoxTopicos {
        width: 610px;
        height: 735px;
    }
    .BoxTxtTopicos {
        margin-top: -13%;
        margin-left: -2%;
        width: 760px;
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 737px;
        height: 545px;
        margin-left: -5%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 7%;
    }
    .text-topicos {
        margin-left: 156px;
    }
    .MarginTopicos {
        margin-top: 18%;
    }
    .text-topicos {
        margin-left: 34%;
    }
    .BoxCadastroClientes {
        width: 620px;
        height: 850px;
    }
    .ScrollCadastroClientes {
        overflow: auto;
        width: 590px;
        height: 430px;
        margin-left: 1%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -100px;
        margin-left: -6%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.7);
        margin-top: -11%;
        margin-left: -3%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
    }
    .BoxSubtopicos {
        width: 610px;
        height: 780px;
    }
    .ScrollSubtopicos {
        /*overflow: auto;*/
        width: 600px;
        height: 590px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .BoxSelectSubtopico {
        zoom: 0.8;
        width: 888px !important;
        margin-top: 4% !important;
        margin-left: 2%;
    }
    .BoxSubtopico2 {
        margin-top: 15%;
        margin-left: -12%;
        width: 760px;
    }
    .MarginSubtopicos {
        margin-left: 30%;
    }
    .MarginSubtopico {
        margin-top: 10%;
    }
    .BoxNomeSubtopico {
        margin-left: 31%;
        margin-top: 1%;
    }
    .BoxUsuario {
        width: 560px;
        height: 780px;
    }
    .ScrollUsuario {
        /*overflow: auto;*/
        width: 535px;
        height: 590px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario {
        zoom: 0.7;
        width: 823px !important;
        margin-top: 81px;
        margin-bottom: 29px;
    }
    .CadastroUsuario {
        margin-top: -1%;
        margin-bottom: 23%;
        margin-left: -3%;
    }
    .FiltroUsuario {
        zoom: 0.9;
        width: 722px;
        margin-left: -53px;
    }
    /*.DesktopUsuario {
        display: inherit;
    }*/
    .filtrosUsuario2 {
        margin-top: -152px;
    }
    .ScrollUsuario2 {
        /*overflow: auto;*/
        width: 535px;
        height: 590px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .TituloUsuario2 {
        zoom: 0.7;
        width: 769px !important;
        margin-top: -10px;
        margin-bottom: 29px;
    }
    .FiltroUsuarioCliente {
        zoom: 0.9;
        width: 687px;
        margin-left: -53px;
    }
    .BoxVeiculo {
        width: 610px;
        height: 735px;
    }
    .ScrollVeiculo {
        width: 575px !important;
        height: 481px;
        /* margin-left: -5%; */
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -112px;
        margin-left: -57px;
    }
    .BoxTableau {
        width: 610px;
        height: 735px;
    }
    .ScrollTableau {
        width: 725px !important;
        height: 560px;
        margin-left: -12%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.7;
        margin-left: -11%;
        width: 1027px !important;
        margin-top: -10px;
        margin-bottom: 29px;
    }
    .scrollMateria {
        overflow: auto;
        /*width: 1164px;*/
        height: 428px;
        padding-top: 8px;
    }
    .BoxMateria {
        zoom: 0.54;
        width: 1170px !important;
        height: 700px !important;
    }
    .TituloMateria {
        /* zoom: 0.7; */
        margin-left: -5%;
        width: 1250px !important;
        margin-top: -46px !important;
        margin-bottom: 29px;
    }
    .BoxEmpresa {
        width: 610px;
        height: 735px;
    }
    .ScrollEmpresa {
        width: 575px !important;
        height: 510px;
        margin-left: -9%;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -112px;
        margin-left: -4px;
    }
    .TituloEmpresa {
        margin-left: -81px;
        zoom: 0.8;
        width: 839px !important;
    }
    .CaixaEmpresa {
        width: 30% !important;
    }
    .BoxEditarVeiculos {
        margin-left: -2%;
    }
    .CampoEditarUsuario {
        width: 95% !important;
    }
    .CampoEditarUsuario2 {
        width: 100% !important;
    }
    .size {
        display: none;
    }
    .BoxEditarTopico {
        width: 400px !important;
    }
    .BoxEditarTableau {
        zoom: 1.2;
        margin-left: -9px;
    }
    .BoxEditarSubTopico {
        margin-left: 22%;
    }
    .BoxEditarEmpresa {
        width: 400px !important;
        margin-top: 115px !important;
    }
    .BoxEditarCliente {
        width: 410px !important;
        height: 1135px !important;
    }
    .BoxRightEditarcliente {
        width: 410px !important;
        height: 350px !important;
    }
    .BoxLeftEditarcliente {
        width: 100% !important;
        margin-top: -7% !important;
    }
    .celSize {
        font-size: 20px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 100px !important;
    }
    .butBi {
        margin-left: -15px;
        margin-top: -37px;
        padding-bottom: 37px;
    }
    .BoxEditarMateria {
        width: 510px !important;
        height: 1110px !important;
        margin-top: 4% !important;
    }
    .LeftEditarMateria {
        width: 100%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 103%;
        margin-top: 88%;
        margin-bottom: -73%;
    }
    .DataEditarMaterias {
        margin-left: 25%;
    }
    .BoxFotodePerfil {
        zoom: 0.8;
        width: 46%;
    }
    .BoxNovoTopico {
        margin-left: -7%;
    }
    .BoxNovoSubTopico {
        margin-left: -7%;
    }
    .BoxNovoCliente {
        zoom: 0.9;
    }
    .cockpitDashboard {
        margin-top: -22%;
    }
}


/*MOBILES Menores*/

@media (max-width: 420px) {
    .boxMidias {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
    }
    .butMidias {
        width: 100%;
        height: auto;
        margin: 0px;
    }
    .butMidias a {
        width: calc( 100% - 20px - 30%);
        padding: 20px;
        padding-left: 30%;
        height: 50px;
        text-align: right;
        overflow: hidden;
        display: table;
    }
    .butMidias .icons {
        background-position: 8% center;
        background-size: auto 80%;
        background-repeat: no-repeat;
    }
    .butMidias a:hover.icons {
        background-size: auto 85%;
    }
    .butMidias a h5 {
        font-size: 16px;
        width: 50%;
        line-height: 20px;
        display: table-cell;
        vertical-align: middle;
    }
    .clienteNome {
        visibility: hidden;
    }
    .RelatoriosNomeDesk {
        visibility: hidden;
    }
    @import '~pretty-checkbox/src/pretty-checkbox.scss';
    /*TIMELINE*/
    .timeline {
        width: 1px;
        height: 1px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 3px 0px;
    }
    .stick {
        position: sticky;
        top: 55px;
        left: 0px;
        z-index: 1;
    }
    .RelatoriosAlignLeft {
        float: left;
        margin-left: 230px;
    }
    .RelatoriosRelLineItem2 {
        width: calc( 99vw - 20px - 10px) !important;
        height: 60px !important;
        padding-bottom: 40px !important;
        background-color: transparent;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 93.4vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .barraMaterias {
        margin-top: 44px !important;
        margin-right: -24px;
        zoom: 0.8;
    }
    .barraConfig {
        margin-top: 44px !important;
        zoom: 0.8;
    }
    .barraClientes {
        margin-top: 44px !important;
        margin-right: -24px;
        zoom: 0.8;
    }
    .menuPerfil {
        width: 220px !important;
    }
    .BoxTopicos {
        width: 82vw;
        height: 171vw;
    }
    .BoxTxtTopicos {
        margin-top: 0%;
        margin-left: 7%;
        zoom: 0.8;
        width: 411px;
        /*margin-left: -220px;
        margin-top: -49px;*/
    }
    .ScrollTopicos {
        /*overflow: auto;*/
        width: 610px;
        height: 530px;
        overflow-y: scroll;
        margin-left: -13%;
        overflow-x: hidden !important;
    }
    .boxFormDependenteCliente1 {
        margin-top: 0%;
        margin-left: -23%;
    }
    .text-topicos {
        margin-left: 156px;
    }
    .MarginTopicos {
        margin-top: 10%;
    }
    .text-topicos {
        margin-left: 40%;
    }
    .BoxSelectTopicos {
        width: 54% !important;
    }
    .BoxButtonTopicos {
        width: 21% !important;
    }
    .BoxMateriaTopicos {
        float: left !important;
        zoom: 0.8;
    }
    .BoxNovoTopicos {
        width: 21% !important;
    }
    .TxtEditarTopicos {
        margin-left: 14vw;
    }
    .BoxCadastroClientes {
        width: 310px;
        height: 660px;
    }
    .ScrollCadastroClientes {
        overflow: auto;
        width: 430px;
        height: 616px;
        margin-left: -2%;
        zoom: 0.7;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .NovoCadastroCliente {
        margin-top: -150px;
        margin-left: -38%;
    }
    .ChamadaCadastroCliente {
        transform: scale(0.4);
        margin-top: -55%;
        margin-left: -42%;
    }
    .ListarCadastroClientes {
        margin-right: 5% !important;
        margin-left: 1%;
        zoom: 0.7;
    }
    .BoxSubtopicos {
        width: 310px;
        height: 660px;
    }
    .ScrollSubtopicos {
        overflow: auto;
        width: 430px;
        height: 720px;
        margin-left: 3%;
        zoom: 0.7;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .BoxSelectSubtopico {
        zoom: 0.6;
        width: 802px !important;
        margin-top: 4% !important;
        margin-left: 2%;
    }
    .BoxSubtopico2 {
        margin-top: 17%;
        margin-left: -13%;
        width: 380px;
    }
    .MarginSubtopico {
        margin-top: 0%;
    }
    .BoxNomeSubtopico {
        margin-left: 27%;
        margin-top: -18%;
    }
    .BoxEditarSubtopico {
        width: 21% !important;
    }
    .BoxUsuario {
        width: 310px;
        height: 610px;
    }
    .ScrollUsuario {
        overflow: auto;
        width: 430px;
        height: 600px;
        margin-left: 3%;
        zoom: 0.7;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .CadastroUsuario {
        margin-top: 4%;
        margin-bottom: 18%;
        margin-left: -3%;
    }
    .DesktopUsuario {
        display: inherit;
    }
    .FiltroUsuario {
        zoom: 0.55;
        width: 726px;
        margin-left: -122px;
    }
    .filtrosUsuario2 {
        margin-top: 0px;
        margin-top: -20%;
        margin-bottom: -23%;
    }
    .TituloUsuario {
        zoom: 0.4;
        width: 758px !important;
        margin-left: 3%;
        margin-top: 145px;
        margin-bottom: 29px;
    }
    .ScrollUsuario2 {
        overflow: auto;
        width: 532px;
        height: 715px;
        margin-left: -6%;
        zoom: 0.65;
        overflow-y: scroll;
        overflow-x: hidden !important;
    }
    .TituloUsuario2 {
        zoom: 0.47;
        width: 757px !important;
        margin-left: -11%;
        margin-top: 7px;
        margin-bottom: 29px;
    }
    .FiltroUsuarioCliente {
        zoom: 0.6;
        width: 604px;
        margin-left: -65px;
    }
    .BoxVeiculo {
        width: 82vw;
        height: 171vw;
    }
    .ScrollVeiculo {
        width: 391px !important;
        height: 456px;
        zoom: 0.9;
        overflow-y: scroll;
        margin-left: -13%;
        overflow-x: hidden !important;
    }
    .filtroVeiculo {
        margin-top: -40px;
        margin-bottom: -45px;
        margin-left: -119px;
    }
    .BoxTableau {
        width: 82vw;
        height: 130vw;
    }
    .ScrollTableau {
        width: 613px !important;
        height: 600px;
        zoom: 0.63;
        overflow-y: scroll;
        margin-left: -16%;
        overflow-x: hidden !important;
    }
    .TituloTableau {
        zoom: 0.47;
        width: 841px !important;
        margin-left: -21%;
        margin-top: 89px !important;
        margin-bottom: 29px;
    }
    .scrollMateria {
        width: 613px !important;
        height: 811px;
        /* overflow-y: scroll; */
        margin-left: 11% !important;
        /* margin-top: -141% !important; */
        overflow-x: hidden !important;
        width: calc( 100%) !important;
    }
    .BoxMateria {
        width: 133vw !important;
        height: 291vw !important;
    }
    .NoneMateria {
        display: none;
    }
    .filtroMateria {
        margin-top: 12px !important;
        /* margin-bottom: 292px; */
        margin-left: -164px;
        width: 886px;
        zoom: 0.82;
    }
    .TituloMateria {
        /* zoom: 0.47; */
        width: 841px !important;
        margin-left: -26%;
        margin-top: -131px !important;
        margin-bottom: 29px;
        width: calc( -1%) !important;
    }
    .TxtMateria {
        margin-left: 240px !important;
    }
    .BoxEmpresa {
        width: 82vw;
        height: 165vw;
    }
    .ScrollEmpresa {
        width: 391px !important;
        height: 456px;
        zoom: 0.9;
        overflow-y: scroll;
        margin-left: -18%;
        overflow-x: hidden !important;
    }
    .filtroEmpresa {
        margin-top: -40px;
        margin-bottom: -45px;
        margin-left: -11px;
    }
    .TituloEmpresa {
        margin-left: -61px;
        width: 346px !important;
        zoom: 0.8;
    }
    .NoneEmpresa {
        display: none;
    }
    .CaixaEmpresa {
        width: 50% !important;
    }
    .BoxEditarVeiculos {
        margin-left: -3%;
    }
    .BoxEditarUsuario {
        zoom: 0.6;
    }
    .BoxEditarTopico {
        width: 238px !important;
    }
    .ImputEditarTopico {
        margin-left: 5% !important;
    }
    .BoxEditarTableau {
        zoom: 1;
        height: 720px;
        margin-top: -38px;
    }
    .BoxEditarSubTopico {
        margin-left: 5%;
    }
    .BoxEditarEmpresa {
        width: 238px !important;
        margin-top: 50px !important;
    }
    .ImputEditarEmpresa {
        margin-left: 0% !important;
    }
    .BoxEditarCliente {
        width: 410px !important;
        height: 1210px !important;
        zoom: 0.6;
        margin-top: -8%;
    }
    .BoxRightEditarcliente {
        width: 410px !important;
        height: 350px !important;
    }
    .BoxLeftEditarcliente {
        width: 100% !important;
        margin-top: 10% !important;
    }
    .MarginEditarCliente {
        margin-top: 10px;
    }
    .BoxEditarMateria {
        width: 510px !important;
        height: 1199px !important;
        margin-top: -9% !important;
        margin-left: -2%;
        zoom: 0.6;
    }
    .LeftEditarMateria {
        width: 100%;
        height: 40%;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    .RightEditarMateria {
        width: 103%;
        margin-top: 88%;
        margin-bottom: -73%;
    }
    .DataEditarMaterias {
        margin-left: 25%;
    }
    .ButEditarMaterias {
        margin-top: 70% !important;
    }
    .BoxFotodePerfil {
        zoom: 0.6;
        width: 66%;
    }
    .BoxNovoVeiculo {
        margin-left: -3%;
    }
    .BoxNovoTopico {
        margin-left: -8%;
    }
    .BoxNovoSubTopico {
        margin-left: -8%;
    }
    .BoxNovoCliente {
        zoom: 0.9;
        margin-left: -2%;
    }
    .cockpitDashboard {
        margin-top: -22%;
    }
}