@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Italic.woff2') format('woff2'),
        url('../fonts/NotoSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('../fonts/NotoSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif.woff2') format('woff2'),
        url('../fonts/NotoSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-BoldItalic.woff2') format('woff2'),
        url('../fonts/NotoSerif-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}



@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v14-latin-regular.eot'); IE9 Compat Modes
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), IE6-IE8
       url('../fonts/open-sans-v14-latin-regular.woff2') format('woff2'), Super Modern Browsers
       url('../fonts/open-sans-v14-latin-regular.woff') format('woff'), Modern Browsers
       url('../fonts/open-sans-v14-latin-regular.ttf') format('truetype'), Safari, Android, iOS
       url('../fonts/open-sans-v14-latin-regular.svg#OpenSans') format('svg'); Legacy iOS
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v16-latin-regular.eot'); IE9 Compat Modes
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'), IE6-IE8
       url('../fonts/roboto-v16-latin-regular.woff2') format('woff2'), Super Modern Browsers
       url('../fonts/roboto-v16-latin-regular.woff') format('woff'), Modern Browsers
       url('../fonts/roboto-v16-latin-regular.ttf') format('truetype'), Safari, Android, iOS
       url('../fonts/roboto-v16-latin-regular.svg#Roboto') format('svg'); Legacy iOS
}

.container.top{
	margin-top: 30px;
}

.container.top.plus{
	margin-top: 60px;
}

.header-contato{
    display: table;
    width: 100%;
    background: rgb(28, 132, 221) none repeat scroll 0% 0% / auto padding-box border-box;
/*     font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif; */
    padding: 83px 0px 73px;
}

.header-contato p{
	font-family: Roboto;
    font-weight: 400;
    font-size: 18px;
    color: rgb(255, 255, 255);
    cursor: pointer;
        margin: 4px
}

.header-contato b{
	font-family: Roboto;
    font-weight: 900;
    font-size: 19px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}



.header-contato .secao{
    text-align: left;
}

.header-contato .secao .assine-ja{
        margin-top: 10px;
        margin-left: 5%;
        float: left;
}

.header-contato .secao .telefone{
    color: rgb(255, 255, 255);
    float: left;
    width: 253.688px;
}

.header-contato .secao .telefone span{
    float: left;
    height: 56px;
    width: 47px;
    background: rgba(0, 0, 0, 0) url(https://meioemensagem.com.br/wp-content/themes/theme_mem/imagens/icones/ico_atendimento.png) no-repeat scroll 50% 50% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    margin: 0px 17px 0px 0px;
}

.header-contato .secao .telefone p{
    height: 22px;
    width: 269.688px;
    margin: 4px;
}


.header-contato .secao .balao{
    float: left;
    margin-left: 4%;
}

.header-contato .secao .balao span{
    float: left;
    height: 56px;
    width: 47px;
    background: rgba(0, 0, 0, 0) url(https://meioemensagem.com.br/wp-content/themes/theme_mem/imagens/icones/ico_duvidas.png) no-repeat scroll 50% 50% / auto padding-box border-box;
    margin: 0px 17px 0px 0px;
}


.header-contato .secao .balao p{
    width: 185.688px;
}


.header-contato .secao .redacao{
	float: left;
    margin-left: 4%;
    display: inline;
}

.header-contato .secao .redacao div{
    display: inline-block;
    	color: #fff;
}

.header-contato .secao .redacao div.ultimo{
   border-left: 1px solid #fff;
   	margin-left: 10px;
   	
   
}

.header-contato .secao .redacao div.ultimo p, 
.header-contato .secao .redacao div.ultimo b {
	margin-left: 15px;
}

.header-contato .secao .redacao span{
    float: left;
    height: 56px;
    width: 47px;
    background: rgba(0, 0, 0, 0) url(https://meioemensagem.com.br/wp-content/themes/theme_mem/imagens/icones/ico_atendimentoonline.png) no-repeat scroll 50% 50% / auto padding-box border-box;
    margin: 0px 17px 0px 0px;
}




#A_17 {
    margin-top: 29px;
    text-transform: uppercase;
    width: 110.906px;
    perspective-origin: 108.453px 20px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(22, 117, 172);
    border-radius: 30px 30px 30px 30px;
    font: normal normal 600 normal 14px / 16px Roboto, Arial, Helvetica, sans-serif;
    padding: 12px 53px;
}/*#A_17*/

html, body, #menu{
    height: 100%;
}
body {
    overflow-y: scroll;
    letter-spacing: 0.04em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-right: 0 !important;
    -webkit-font-smoothing: antialiased; 
    letter-spacing:0;
}
.form-control{
    color: #666;
}
body, small{
    color: #999999;
}
.datepicker-dropdown {
    color: #666;
}
label{
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: normal;
}
legend{
    color: inherit;
}
#toast-container>div{
    width: 350px;
    -webkit-box-shadow: 0 0 12px #000 !important;
    box-shadow: 0 0 12px #000 !important;
}
#toast-container .toast-message{
    padding-right: 20px;
}
#toast-container .toast-close-button{
    right: .2em;
}
#modal-load{
    z-index: 1051 !important;
}
.modal-content{
    border: none;
}
.modal-content.loading {
    outline: 0;
    border: none;
    box-shadow: none;
    border-radius: none;
    background-clip: none;
    -webkit-box-shadow: none;
    -webkit-background-clip: none;
    background-color: transparent;
}
.modal-center {
    top: 25%;
    overflow: hidden;
    height: @modalHeight;
    margin-top: -1* (@modalHieght/2);
}
textarea {
    resize: none;
    margin-bottom: 5px;
}

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}
.loop-rotation {
    font-size: 20px;
    vertical-align: middle;
    animation: 2s rotate360 infinite linear;
}
.loop-rotation.aguarde {
    margin: 25px 5px 25px 25px;
}
.form-group .loop-rotation{
    padding: 7px 0;
}
.text-right {
    text-align: right !important;
}

/* MODAL
======================================*/
.modal-title {
    line-height: 40px;
    display: inline-block;
}
.modal-header .btn-close {
    float: right;
    line-height: 40px;
}
.modal-header{
    font-size: 16px;
    min-height: 71px;
    border-bottom: 1px solid #f5f5f5;
}
.modal-content{
    border-radius: 0;
}
.modal-body{
    padding-bottom: 0;
}
.modal-content .radio-inline{
    font-size: 14px;
}
.modal-footer {
    margin-top: 0;
    border-top: none;
}
.modal-content input:last-child,
.modal-content .form-group:last-child{
    margin-bottom: 0;
}
.modal-content .div-processando{
    position: absolute;
    padding: 90px 0;
    left: -6px;
    right: -6px;
    text-align: center;
    background-color: #fff;
    color: #666;
    margin: 0 20px;
    z-index: 1;
    border: 1px solid #5bc0de;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    text-decoration: none;
}
a:hover{
    cursor: pointer;
    text-decoration: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
}
.row .form-control{
    line-height: 0;
}
.row textarea.form-control{
    line-height: 40px;
}
.form-control,
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 40px;
    line-height: 40px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    line-height: 28px;
    min-height: 28px;
    border: none;
    color: #666;
}
.select2-container .select2-search--inline .select2-search__field{
    padding-top: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    float: right;
    margin-right: 0;
    font-size: 19px;
    margin-left: 3px;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
}

.select2-selection.has-error{
    border-bottom: 1px solid #a94442 !important;
}
.has-error label,
.has-error .aviso,
.form-group.has-error,
.has-error .form-control,
.form-group.has-error label,
.form-group.has-error .select2-selection.has-error,
.form-group.has-error .control-label, .form-group.has-error .form-control {
    color: #a94442 !important;
}
.has-error .aviso,
.form-group.has-error .aviso{
    display: block !important;
}
.aviso,
.form-group .aviso{
    display: none;
}
.form-group .aviso{
    position: absolute;
    margin-top: -5px;
    font-size: 12px;
}
.btn.btn-transparent{
    background: transparent;
    color: #505050;
}
.has-error-focus .form-control:focus{
    border-color: rgba(238, 14, 0, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(238, 14, 0, 0.6);
    outline: 0 none;
}
.margin-b0{
    margin-bottom: 0 !important;
}

/* helper icon
======================================*/
.icone{
    font-size: 1.2em !important;
}
.icone-1e5x{
    font-size: 1.5em !important;
}
.icone-2x {
    font-size: 2em !important;
}
.icone-2e5x {
    font-size: 2.5em !important;
}
.icone-3x {
    font-size: 3em !important;
}
.icone-4x {
    font-size: 4em !important;
}
.icone-5x {
    font-size: 5em !important;
}
i[class^="pe-"].icone-principal{
    font-weight: bold;
}

/* LOGIN
======================================*/
.login .form-horizontal .control-label {
    padding-top: 11px;
}
.login .form-group{
    margin-bottom: 0;
}
.div-login .alert{
    border-radius: 0;
}
.div-login .boas-vindas p{
    text-align: center;
    color: inherit;
}
.card.login .tit-gr p {
    margin: auto;
    padding: 10px;
}
.card.login input{
    border-radius: 0;
}
.div-login{
    width: 385px;
    margin: auto;
}
.div-login p {
    color: #69C9EA;
    text-align: center;
    margin: 15px 0 15px 0;
}
.div-login img{
    padding: 25px;
    padding-bottom: 0;
    margin: auto auto;
}
.background-login{
    margin-bottom: 15px;
    padding-bottom: 20px;
    background-color: #F6F6F6;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.2);
}
.div-badge-login{
    width: 100%;
    padding: 20px 0;
}
.badge-login{
    width: 110px;
    height: 110px;
    margin: auto auto;
    border-radius: 50%;
    background: #E1E1E1;
    text-align: center;
}
.badge-login i{
    padding-top: 12px;
    font-size: 90px;
    color: #BDBDBD;
}
.card.login .background-login .esqueceu-senha{
    color: #666666;
    text-decoration: underline;
}
.sem-acesso, .sem-acesso:HOVER{
    color: #4EC1E9;
    text-decoration: underline;
}
.div-esconder{
    display: none;
}
.div-badge-email{
    width: 100%;
    padding: 20px 0;
}
.badge-email{
    color: red;
    width: 110px;
    height: 110px;
    margin: auto auto;
    background: #E1E1E1;
    text-align: center;
    border-radius: 50%;
}
.badge-email i{
    font-size: 83px;
    color: #BDBDBD;
    margin-top: 10px;
}
.card.login .btn{
    padding: 6px 12px;
    border-radius: 0;
}
.modal-open #layout,
.modal-open .navbar{
    margin-right: 17px !important;
}

/* HEADER - MENU SUPERIOS
======================================*/
body.modal-open .navbar {
  padding-right: inherit;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: -19px;
    outline: 0;
}
.navbar {
    text-transform: uppercase;
}
.navbar-brand,
.navbar-nav > li > a {
    padding-top: 21px !important;
    padding-bottom: 0 !important;
    line-height: 25px;
    height: 64px;
}
.navbar-brand{
    line-height: 25px;
}
.navbar-nav.navbar-right > li > a{
    padding-bottom: 0 !important;
}
.navbar,
.navbar-nav.navbar-right {
    min-height: 62px !important;
    z-index: 1029;
}
.navbar .icone{
    font-size: 19px;
}
.navbar, .navbar.navbar-default {
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, .14);
    background-color: #000;
    border-color: #000;
}
.navbar .color-header,
.navbar-default li > a,
.navbar-default li > a:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar.navbar-default .navbar-brand:hover,
.navbar.navbar-default .navbar-brand:focus{
    color: #fff;
    text-decoration: none;
}

.navbar .color-header.mm{
    color: #0034FF;
    text-decoration: none;
    font-size: 30px;
    position: absolute;
    top: 31px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
    background-color: #293F54;
}
.navbar-nav.navbar-right .logout {
    width: 60px;
    text-align: center;
    background-color: #404040;
}
.navbar-nav.navbar-right .logout a,
.navbar-nav.navbar-right .logout a:focus{
    color: #fff;
    outline: 0;
    font-size: 18px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
    color: #fff;
    background-color: #293F54;
}
.sub-nav{
    border-bottom: 1px solid #EEEEEE;
    background-color: #fff;
    line-height: 48px;
    font-weight: 400;
    padding: 0 15px;
}
.sub-nav .link{
    margin: 0;
}
/* MENU-LATERAL
======================================*/


.toggled #menu li.open {
	width: 245px;
}
.toggled #menu .side-menu .ti-angle-down{
	display: none;
}
.toggled #menu .side-menu li:hover .ti-angle-down{
	display: block;
}

#menu .side-menu .ti-angle-down{
    position: absolute;
	right: 10px;
}
#menu .side-menu .ti-angle-down{
	transform: rotate(180deg);
}

#menu .side-menu.open .ti-angle-down{
	transform: rotate(0deg);
}
.side-menu .submenu>li{
	margin-top: 2px;
}
.side-menu .submenu {
	overflow: hidden;
	max-height: 0;
}
#menu .side-menu.open .submenu{
		overflow: hidden;
	max-height: 300px;
}

.nav .open>a, 
.nav .open>a:focus, 
.nav .open>a:hover{
    color: #fff;
    background-color: rgba(85, 180, 226, .7);
}





#layout{
    position: relative;
}
#menu{
    z-index: 2;
    width: 232px;
    position: fixed;
    overflow-y: auto;
    background-color: #1C9AD6;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12),
    0 2px 4px -1px rgba(0, 0, 0, .2);
}

#menu.menu{
    width: 235px;
    position: fixed;
    background-color: #007CC4;
}

.toggled #menu{
    overflow-y: inherit;
}

#menu.mm{
    visibility: hidden;
}

.toggled #menu.mm{
    visibility: visible;
}


#menu .div-logo{
    height: 170px;
    text-align: center;
    position: relative;
    background-color: #fff;
}
#menu .div-logo img{
    width: 100%;
}
#menu .open > .dropdown-menu{
    left: -50%;
}
.toggled #menu .div-logo img{
    height: 60px;
}
.toggled #menu .image-footer img {
    bottom: -80px;
}
#menu .div-logo .dropdown{
    display: inline-block;
}
.toggled #menu .div-logo .dropdown{
    display: none;
}
#menu .badge.warning{
    color: #fff !important;
    background-color: #EA820A !important;
}
#menu .div-logo .drop-user{
    margin-top: 30px;
    margin-left: 40px;
}
#menu .div-logo .drop-user .link,
#menu .div-logo .drop-user .link p,
#menu .div-logo .drop-user .link:focus p,
#menu .div-logo .drop-user .link:active p{
    color: #6264AD;
}
#menu .icone-principal{
    float: left;
    width: 25px;
    font-size: 22px;
    line-height: 18px;
    margin-right: 10px;
    text-align: center;
}
#menu .image-footer img{
    right: 0px;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    opacity: .1;
    position: absolute;
}
#menu .table-user{
    margin: auto;
    color: #6264AD;
    margin-top: 25px;
}
#corpo, .navbar.navbar-fixed-top{
    margin-left: 232px;
}

#corpo.mm{
    margin-left: 0px!important;
}
.navbar.navbar-fixed-top.mm{
    margin-left: 0px;
    min-height: 100px!important;
    background-color: white;
    border: none;
    box-shadow: none;
    position: relative;
}

.div-logo.mm{
    width: 1210px;
    margin: 0 auto;
}

.div-logo.mm .logo-header{
    margin-top: 45px;
    margin-left: 50px;
    float: left;
    display: inline-block;
    width: 296px;
    height: 44px;
    text-indent: -5000em;
}



.toggled #menu{
    width: 78px;
}
.toggled #menu .image-footer img{
    width: auto;
}
.toggled #menu .menu-lateral li span{
    display: none;
}
.toggled #menu .menu-lateral li:hover a,
.toggled #menu .menu-lateral li.open a,
.toggled #menu .menu-lateral li:hover span, 
.toggled #menu .menu-lateral li.open span {
    width: 210px;
}
.toggled #menu .menu-lateral li:hover a:not(.disabled),
.toggled #menu .menu-lateral li:hover a:not(.disabled) span{
    background-color: #56B4E2;
    display: block;
    color: #fff;
    opacity: 1;

}
.toggled #menu .menu-lateral li:hover span,
.toggled #menu .menu-lateral li.open span {
    width: 150px;
    top: 10px;
}
.toggled #corpo,
.toggled .navbar.navbar-fixed-top{
    margin-left: 78px;
}
.toggled #menu .div-logo {
    height: 87px;
}
.toggled #menu .table-user i{
    margin: auto;
}
.toggled #menu .table-user td:nth-child(2){
    display: none;
}
.menu-lateral {
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase;
}
.menu-lateral li span{
    left: 55px;
    position: absolute;
}

.menu-lateral li span.mm{
    left: 0px;
}


.div-social{
    margin-top: 20px;
    display: inline-block;
    height: 56.9886px;
    text-align: left;
    width: 240px;
    perspective-origin: 120px 56.4915px;
    transform-origin: 120px 56.4915px;
    border-top: 0.994318px solid rgb(8, 86, 131);
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    padding: 25px 0px 30px;
}/*#DIV_1*/

.div-social p {
    color: rgb(255, 255, 255);
    height: 20px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    width: 191.989px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 119.986px 10px;
    transform-origin: 119.986px 10px;
    caret-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 400 normal 16px / 18px Roboto, Arial, Helvetica, sans-serif;
    margin: 0px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 0px 23.9915px;
    transition: all 0.35s ease-in-out 0s;
}

.div-social ul {
    float: left;
    height: 22.9972px;
    text-align: left;
    width: 218.395px;
    perspective-origin: 109.19px 18.4943px;
    transform-origin: 109.19px 18.4943px;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    margin: 0px 0px 0px 21.5909px;
    padding: 14px 0px 0px;
}

.div-social ul li {
    display: block;
    float: left;
    height: 22.9972px;
    width: 27.9972px;
    perspective-origin: 11.4915px 11.4915px;
    transform-origin: 11.4915px 11.4915px;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    margin: 0px 9px 0px 0px;
}/*#LI_4*/

.div-social ul li a {
    background-position: -27px -23px;
    display: block;
    float: left;
    height: 22.9972px;
    text-align: left;
    text-indent: -800000px;
    width: 22.9972px;
    perspective-origin: 11.4915px 11.4915px;
    transform-origin: 11.4915px 11.4915px;
    background: rgba(0, 0, 0, 0) url("https://www.meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/sprite_branco.svg") no-repeat scroll -27px -23px / 480px padding-box border-box;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    transition: all 0.35s ease-in-out 0s;
}/*#A_5*/

.div-social ul li a.facebook {
    background: rgba(0, 0, 0, 0) url("https://www.meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/sprite_branco.svg") no-repeat scroll -27px -23px / 480px padding-box border-box;
}

.div-social ul li a.twitter {
    background: rgba(0, 0, 0, 0) url("https://www.meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/sprite_branco.svg") no-repeat scroll -108px -23px / 480px padding-box border-box;
}

.div-social ul li a.instagram {
   background: rgba(0, 0, 0, 0) url("https://www.meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/sprite_branco.svg") no-repeat scroll -350px -23px / 480px padding-box border-box;
}

.div-social ul li a.youtube {
    background: rgba(0, 0, 0, 0) url("https://www.meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/sprite_branco.svg") no-repeat scroll -430px -23px / 480px padding-box border-box;
}

.div-social ul li a.linkedin {
    background: rgba(0, 0, 0, 0) url("https://www.meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/sprite_branco.svg") no-repeat scroll -430px -72px / 480px padding-box border-box;
}

.nav-pills > li > a{
    color: #fff;
    min-height: 40px;
    border-radius: 8px;
}

.nav-pills > li > a.mm{
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    width: 100%;
    padding: 15px 10%;
    text-transform: capitalize;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:active {
    color: #fff;
    background-color: rgba(85,180,226,.7);
}
.nav-stacked > li {
    padding: 1px 10px;
    position: relative;
}
#menu .div-logo .botao-left{
    color: #666;
    right: 20px;
    font-size: 18px;
    position: absolute;
}
.toggled #menu .div-logo .botao-left{
    left: 0;
    right: 0;
    bottom: 15px;
    position: absolute;
    transform: rotate(180deg);
}
#menu .badge,
.toggled #menu .nav-pills > li:hover > a .badge{
    position: absolute;
    line-height: 27px;
    font-size: 12px;
    right: 10px;
    width: 35px;
    height: auto;
    top: 3px;
}
.toggled #menu .badge{
    right: 0;
    width: 12px;
    font-size: 0;
    height: 14px;
}

/* CONTEUDO
======================================*/
.page{
    background-color: #F8F8F8;
    position: absolute;
    font-size: 17px;
    color: #999999;
    height: 195px;
    width: 100%;
    z-index: -1;
}
.dashboard .page{
    background-color: #595959;
}
.dashboard .mensagem-cabecalho{
    color: #fff;
}
.conteudo{
    margin: 0;
}
.panel{
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.table-listagem,
.coluna-calendario,
.panel.panel-default {
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.2);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.2);
}
.panel.panel-default .header{
    font-size: 16px;
    min-height: 57px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.panel.panel-default .header{
    padding: 9px 15px;
}
.panel.panel-default .body{
    padding: 15px;
}
.panel .header .icone-title{
    font-size: 1.5em;
    position: absolute;
    top: 18px;
}
.panel .header .descricao-title{
    margin-left: 35px;
}
.panel.panel-default .body{
    padding: 15px 15px;
}
.panel.panel-default .title{
    font-size: 19px;
    line-height: 40px;
}
.panel.panel-default .title.pagamento{
    margin-right: 20px;
}
.panel.panel-default .body.contrato-maquinas{
    padding-top: 0;
}
.panel.panel-info,
.modal.modal-info .modal-content{
    border-left: 4px solid #31A2D8;
}
.panel.panel-success,
.modal.modal-success .modal-content{
    border-left: 4px solid #34B272;
}
.panel.panel-warning,
.modal.modal-warning .modal-content{
    border-left: 4px solid #EA820A;
}
.modal .modal-footer{
    height: 79px;
    padding-left: 0;
    padding-right: 0;
    line-height: 38px;
}
.panel.panel-default .header .title .texto{
    margin-left: 28px;
}
.panel.panel-default .header .dropdown.on-header.open .dropdown-menu{
    margin-top: 14px;
}
.modal .modal-header .content .link,
.panel.panel-default .header .content .link{
    position: relative;
    line-height: 40px;
    padding: 0 15px 23px 15px;
}
.modal .modal-header .content .link i,
.panel.panel-default .header .content .link i{
    vertical-align: middle;
}
.panel.panel-default .header .content .list-inline.nav-tabs.remover-estilo .link{
    line-height: 0px;
}
.panel.panel-default .header .content .list-inline.nav-tabs.remover-estilo .link:focus{
    text-decoration: none;
}
ul.list-inline li.active .link,
ul.list-inline li .link.active,
.modal .modal-header .content .link.active,
.panel.panel-default .header .content .link.active{
    border-bottom: 5px solid #537C14;
}
.modal .modal-header .content .link:focus,
.panel.panel-default .header .content .link:active{
    color: inherit;
    text-decoration: none;
}
.link{
    margin: 0 5px;
}
.link,
.link:hover,
.link:focus,
.cursor,
.cursor:hover {
    color:inherit;
    cursor: pointer;
    text-decoration: none;
}
.text-info,
a.text-info,
a.text-info:hover,
a.text-info:focus,
.panel.panel-info .title{
    color: #52A8DF !important;
    text-decoration: none;
}
.text-success,
a.text-success,
a.text-success:hover,
a.text-success:focus,
.panel.panel-success .title{
    color: #34B272 !important;
    text-decoration: none;
}
.text-danger,
a.link.text-danger,
a.link.text-danger:hover,
a.link.text-danger:focus {
    color: #CC0000 !important;
}
a.text-warning:hover,
a.text-warning:focus,
.text-warning{
    color: #EA820A;
}
.badge{
    border-radius: 4px;
    font-weight: 300;
}
.badge.round{
    border-radius: 50%;
}
.badge.default{
    background-color: #999;
}
.badge.primary{
    background-color: #428bca;
}
.badge.success{
    background-color: #5cb85c;
}
.badge.info{
    background-color: #5bc0de;
}
.badge.warning{
    background-color: #EA820A;
}
.badge.danger{
    background-color: #d9534f;
}
.text-default{
    color: #999 !important;
}

.sem-borda-inf{
    border-bottom: 0 !important;
}
.limitar-elemento{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
}
.nav-tabs.remover-estilo{
    border-bottom: none;
}
.nav-tabs.remover-estilo .nav-tabs > li {
    float: none;
    margin-bottom: 0;
}
.nav-tabs.remover-estilo .list-inline > li {
    display: block;
    padding-left: 0;
    padding-right: 0;
}
.nav-tabs.remover-estilo > li.active > a,
.nav-tabs.remover-estilo > li.active > a:hover,
.nav-tabs.remover-estilo > li.active > a:focus {
    color: inherit;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
}
.nav-tabs.remover-estilo > li > a {
    border: none;
}
.uppercase{
    text-transform: uppercase;
}
a,
a:active,
a:focus,
button,
button:focus,
button:active{
    outline: 0 !important;
}
a:hover,
a:active,
a:focus,
.table-listagem .paginacao .botoes a:hover,
.table-listagem .paginacao .botoes a:active{
    outline:0;
    text-decoration: none;
}

.btn.btn-anexar,
.btn.btn-anexar:hover,
.btn.btn-anexar:focus,
.btn.btn-anexar:active{
    background-color: #6BCAA3;
    text-transform: capitalize;
    border: 2px dashed #666;
    border-radius: 7px;
    color: #fff;
}
.dropdown-certificado{
    display: inline-block;
    margin-right: 5px;
}
.dropdown-certificado .certificado{
    color: #666;
    cursor: pointer;
    padding: 7px 12px;
    border-radius: 7px;
    margin-bottom: 12px;
    display: inline-block;
    background-color: #F2F2F2;
    border: 1px solid transparent;
}
.dropdown-certificado .dropdown-menu{
    min-width: auto;
    margin-top: -12px;
}
.dropdown-certificado .dropdown-menu > li > a,
.dropdown-certificado .dropdown-menu > li > a:hover,
.dropdown-certificado .dropdown-menu > li > a:active{
    color: #666;
}


/* DASHBOARD
=============================*/
.dashboard .page{
    background-color: #595959;
}
.dashboard .mensagem-cabecalho{
    color: #fff;
}
.dashboard .indicador{
    margin: 15px 0;
}
.dashboard .indicador > div{
    box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.14);
}
.dashboard .indicador .title{
    font-size: 19px;
    background-color: #fff;
}
.dashboard .indicador .content{
    color: #fff;
}
.dashboard .indicador .content > div{
    padding: 7px 15px;
}
.dashboard .indicador .valor{
    display: inline-block;
    font-size: 55px;
}
.dashboard .indicador .total{
    font-size: 24px;
    height: 30px;
}
.dashboard .indicador .descricao{
    font-size: 15px;
    padding-left: 5px;
}
.dashboard .indicador.faturamento .title{
    color: #67942C;
}
.dashboard .indicador.faturamento .content{
    background-color: #67942C;
}
.dashboard .indicador.renovacao .title{
    color: #DE7F40;
}
.dashboard .indicador.renovacao .content{
    background-color: #DE7F40;
}
.dashboard .indicador.reajuste .title{
    color: #54329C;
}
.dashboard .indicador.reajuste .content{
    background-color: #54329C;
}
.dashboard .indicador.agendamento .title{
    color: #DC4437;
}
.dashboard .indicador.agendamento .content{
    background-color: #DC4437;
}

.dashboard .card-grafico{
    border-radius: 0px;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.14);
}
.dashboard .card-grafico .titulo{
    border-bottom: 1px solid #eee;
    line-height: 40px;
    color: #666;
}
.dashboard .card-grafico .titulo,
.dashboard .card-grafico .titulo .select2-selection .select2-selection__rendered,
.dashboard .card-grafico .titulo .select2-selection .select2-selection__arrow{
    font-size: 16px;
    color: #999;
}
.dashboard .chart canvas{
    padding-left: 15px;
    padding-bottom: 15px;
}
.dashboard .canvas-pad-r-15 canvas{
    padding-right: 15px;
}



/* ALINHAMENTO FOOTER
======================================*/
.footer-mm{
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 15px;
    background: rgba(0, 0, 0, 0) url(https://meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/bg_footer.png) no-repeat scroll 50% 0px / auto padding-box border-box;
}

.footer-mm .div-msg{
    margin-top: 253px;
    display: inline-block;
    height: 355px;
    width: 100%;
    background: rgb(45, 139, 220) none repeat scroll 0% 0% / auto padding-box border-box;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
}

.footer-mm .div-msg h2{
    font: normal normal 400 normal 25px / 35px Roboto, Arial, Helvetica, sans-serif;
    margin: 80px 0px 0px;
    color: rgb(255, 255, 255);
    margin-bottom: 65px;
}

.footer-mm .div-msg a{
    color: rgb(255, 255, 255);
    height: 16px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-transform: uppercase;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 130.531px 24px;
    transform-origin: 130.531px 24px;
    caret-color: rgb(255, 255, 255);
    background: rgb(45, 139, 220) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 30px 30px 30px 30px;
    font: normal normal 600 normal 14px / 16px Roboto, Arial, Helvetica, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 15px 95px;
}

.footer-mm .footer-social{
    height: 84px;
    text-align: center;
    width: 100%;
}

.footer-mm .footer-social a.mm{
    display: inline-block;
    position: relative;
    right: 0px;
    text-align: center;
    text-indent: -80000px;
    width: 143px;
    background: rgba(0, 0, 0, 0) url(https://meioemensagem.com.br/wp-content/themes/theme_mem/imagens/layout/logo2.png) no-repeat scroll 0px 0px / auto padding-box border-box;
    font-size: 17px;
    margin: 55px 15px 0px 0px;
}

.footer-mm .footer-social ul{
    display: inline-block;
    text-align: center;
    width: 265px;
    perspective-origin: 132.5px 39px;
    transform-origin: 132.5px 39px;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    margin: 0px;
    padding: 55px 0px 0px;
}

.footer-mm .footer-emp {
    height: 75px;
    width: 100%;
    border-top: 1px solid rgb(205, 205, 205);
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    margin: 50px 0px 0px;
}

.footer-mm .footer-emp ul {
    display: inline-block;
    height: 12px;
    text-align: center;
    width: 350px;
    perspective-origin: 159.813px 6px;
    transform-origin: 159.813px 6px;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    margin: 20px 0px 0px;
    padding: 0px;
}

.footer-mm .footer-emp ul li {
    color: rgb(205, 205, 205);
    display: block;
    float: left;
    height: 12px;
    text-align: center;
    text-decoration: none solid rgb(205, 205, 205);
    width: 36.0938px;
    column-rule-color: rgb(205, 205, 205);
    perspective-origin: 18.0469px 6px;
    transform-origin: 18.0469px 6px;
    caret-color: rgb(205, 205, 205);
    border: 0px none rgb(205, 205, 205);
    font: normal normal 400 normal 12px / 12px Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    margin: 0px 10px;
    outline: rgb(205, 205, 205) none 0px;
}

.footer-mm .footer-emp ul li.fale-conosco {
   width: 90px;
}

.footer-mm .footer-emp ul li a {
    color: #9b9b9b;
    text-decoration: none;
    text-align: center;
	font-weight: 300;
    font-family: Roboto;
    column-rule-color: rgb(155, 155, 155);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(155, 155, 155);
    border: 0px none rgb(155, 155, 155);
    list-style: none outside none;
    outline: rgb(155, 155, 155) none 0px;
    transition: all 0.35s ease-in-out 0s;
}

.footer-mm .footer-emp p{
    color: #9b9b9b;
    text-decoration: none;
    text-align: center;
	font-weight: 300;
    font-family: Roboto;
    font-size: 12px;
    display: inline-block;
    height: 12px;
    text-align: center;
    text-decoration: none solid rgb(155, 155, 155);
    column-rule-color: rgb(155, 155, 155);
    perspective-origin: 196.891px 6px;
    transform-origin: 196.891px 6px;
    caret-color: rgb(155, 155, 155);
    border: 0px none rgb(155, 155, 155);
    margin: 0px 25px;
    outline: rgb(155, 155, 155) none 0px;
    transition: all 0.35s ease-in-out 0s;
}

.footer-mm .footer-social ul li{
    display: block;
    float: left;
    height: 23px;
    text-align: center;
    width: 23px;
    perspective-origin: 11.5px 11.5px;
    transform-origin: 11.5px 11.5px;
    font: normal normal 400 normal 16px / normal Roboto, Arial, Helvetica, sans-serif;
    list-style: none outside none;
    margin: 0px 15px;
}

.footer-mm .footer-social ul a{
	width: 23px;
    height: 23px;
    display: inline-block;
    color: #C2C2C2;
    font-size: 23px;
    line-height: 23px;
    float: left;
    background-size: 480px;
}

#corpo.embbed{
	margin-left: 0px;	
}

#corpo{
    position: relative;
    min-height: 100%;
}
#layout, .conteudo-layout{
    height:100%;
    min-height: 100%;
}
.conteudo-corpo{
    padding-top: 65px;
    padding-bottom: 30px;
}

.conteudo-corpo.embbed{
	padding-top: 0px;
}
	
.wrapper{
/* 	min-height: 190px!important; */
}
.content.PAGE_TAM_FOOT{
	padding-bottom: 0px!important;
}

footer.footer{
     position: relative!important;
}

.footer{
	width:100%;
    text-align: center;
    position: absolute;
    margin-top: 15px;
    padding: 5px;
    bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.footer span{
    position: absolute;
    font-size: 12px;
    right: 0;
}

/*
======================================*/
.clearfix{
    height: 0;
}
.pad-l-5{
    padding-left: 5px;
}
.pad-lr-0 {
    padding-right: 0;
    padding-left: 0;
}
.padl0 {
    padding-left: 0;
}
.padr0 {
    padding-right: 0;
}
.padr5{
    padding-right: 5px;
}
.padl5{
    padding-left: 5px;
}
.esp-sup {
    padding-top: 15px;
}
.esp-inf {
    padding-bottom: 15px;
}
.esp-inf-21{
    padding-bottom: 21px !important;
}
.esp-inf-25{
    padding-bottom: 25px !important;
}
.margr15{
    margin-right: 15px;
}
.margr5{
    margin-right: 5px;
}
.margl15{
    margin-left: 15px;
}
.margin-sup{
    margin-top: 15px;
}
.margin-sup-14{
    margin-top: 14px;
}
.margin-inf{
    margin-bottom: 15px !important;
}
.margin-inf-9{
    margin-bottom: 9px;
}
.margin-r0{
    margin-right: 0 !important;
}
.width350{
    width: 350px !important;
}
.width470{
    width: 470px !important;
}
.responsive {
    width: 100%;
}
.vertical-center {
    display: flex;
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    align-items: center;
}
.sem-link{
    pointer-events: none;
    cursor: default;
}
.link-disable{
    pointer-events: none;
    cursor: default;
    opacity: .5;
}
.cursor-default{
    cursor: default !important;
}
.right-10{
    right: -10px;
}
.right-20{
    right: -20px;
}
.w45{
    width: 45px;
}
.width-80px{
    width: 80px;
}
.width-130px{
    width: 130px;
}
.text-right-input input,
.text-right-input .output{
    text-align: right;
    padding-right: 5px;
}
.input-disable,
.desabilitar-form input,
.desabilitar-inputs input{
    padding-left: 10px;
}

.input-disable,
.desabilitar-form input,
.desabilitar-inputs input,
.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
    padding-left: 8px;
    padding-right: 0;

    cursor: default;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    border-bottom-color: #ccc !important;

    background-color: transparent;
}
.desabilitar-form a,
.desabilitar-form input,
.desabilitar-form textarea,
.bloquear-orcamento .radio-inline,
.desabilitar-form .desconto .input-icon .icone,
.desabilitar-form button.btn:not(.cancel),
.desabilitar-form .radio-inline{
    opacity: .8;
    cursor: default;
    pointer-events: none !important;
}
#modal-enviar .desabilitar-form input,
#modal-enviar .desabilitar-form textarea{
    opacity: 1;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow{
    display: none;
}

.select-search  .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select-chevron  .select2-container--default .select2-selection--single .select2-selection__arrow b{
    left: 0 !important;
    top: 0 !important;
    border: 0;
}
.select-search  .select2-container--default .select2-selection--single .select2-selection__arrow b:after{
    font-family : 'themify';
    content: '\e610';
}
.select-chevron .select2-container--default .select2-selection--single .select2-selection__arrow b:after{
    font-family: 'FontAwesome';
    content: '\f078';
}

.dropdown-menu > li > a{
    padding: 6px 20px;
}
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active{
    color: #8d8e8f;
}
.btn{
    color: #505050;
    border-radius: 0;
    font-weight: 300;
}
.btn i{
    vertical-align: baseline;
}
.btn,.btn:hover,.btn:focus,.btn:active, .btn.focus{
    border-color: transparent;
    text-transform: uppercase;
}
.btn.btn-primary{
    color: #fff;
    background-color: #3FAFE2 !important;
}

.btn.btn-danger{
    color: #fff!important;
    background-color: #d9534f !important;
}

.btn.btn-success{
    color: #fff;
    background-color: #34B272;
}
.btn.btn-warning{
    color: #fff;
    background-color: #EA820A !important;
}
.btn-toggle-pesquisa{
    line-height: 26.5px;
    color: #fff !important;
    background-color: #adadad !important;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}
.btn.btn-toggle-pesquisa:hover,
.btn.btn-toggle-pesquisa.active{
    background-color: #31A2D8 !important;
}
.dropdown-custom{
    position: relative;
}
.dropdown-custom .link{
    height: 40px;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 26px;
    padding: 6px 20px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
}
.dropdown-custom.open .link{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 11px 11px rgb(0,0,0,.2);
    -webkit-box-shadow: 0px 11px 11px rgb(0,0,0,.2);
}
.dropdown-custom .dropdown-menu{
    padding: 0;
    border-top: none;
    margin-top: -4px;
    border-radius: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0px 11px 11px rgb(0,0,0,.2);
    -webkit-box-shadow: 0px 11px 11px rgb(0,0,0,.2);

    overflow-y: auto;
    max-height: 300px;
}
.dropdown.dropdown-custom .dropdown-menu li a{
    height: 40px;
    font-size: 13px;
    line-height: 33px;
}
.dropdown.dropdown-custom .dropdown-menu li a:hover{
    color: #8d8e8f;
    background-color: inherit;
}
.dropdown.dropdown-custom .dropdown-menu li:nth-child(odd) a{
    background-color: #F4F4F4;
}
.dropdown-custom .dropdown-menu li a span{
    right: 15px;
    font-size: 22px;
    position: absolute;
}
.radius-0{
    border-radius: 0;
}
.form-group.form-radio{
    text-align: center;
}
.btn-shadow{
    box-shadow: 0px 2px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,.2);
}
.btn-shadow:hover{
    box-shadow: 0px 3px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2);
}
.input-como-label{
    border: none;
    margin-bottom: 0;
    pointer-events: none;
    background-color: transparent;
}
.input-icon{
    position: relative;
}
.position-relative{
    position: relative;
}
.input-icon input{
    padding-right: 35px;
}
.input-icon .icone{
    position:absolute;
    top: 11px;
    right: 15px;
}
.min-h-251{
    min-height: 251px;
}

/* util
======================================*/
.display-none{
    display: none;
}
.display-block{
    display: block;
}
.display-inline{
    display: inline;
}
.display-inline-block{
    display: inline-block;
}

a.disabled,
.link.disabled,
button.disabled,
.agenda .disabled{
    opacity: 0.5;
    pointer-events: none;
/*     cursor: not-allowed; */
}
.modal.modal-comfirm .modal-dialog{
    width: 400px;
}
.modal.modal-comfirm .modal-content.row{
    border-radius: 0px;
}
.modal.modal-comfirm .modal-body{
    text-align: center;
    font-size: 14px;
}
.modal.modal-comfirm .modal-footer{
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.modal.modal-comfirm .modal-footer .btn{
    border-radius: 0px;
}
.select-pesquisa-dropdown .select2-dropdown,
.select-pesquisa .select2-container--default .select2-selection--single,
.select-pesquisa .select2-container--default .select2-selection--multiple{
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}

.select-pesquisa .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: transparent;
    border-style: none;
    border-width: 0;
}
.form-control,
.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
}
.output {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
    line-height: 22px;
    padding-left: 7px;
    display: block;
    min-height: 40px;
    padding-top: 11px;
    font-size: 14px;
}
.output.limitado{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.form-control,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    border-color: #ddd;
    color: #666;
    outline: 0;
}
.form-control .textarea:focus,
.form-control input[type="text"]:focus,
.form-control input[type="password"]:focus,
.form-control input[type="datetime"]:focus,
.form-control input[type="datetime-local"]:focus,
.form-control input[type="date"]:focus,
.form-control input[type="month"]:focus,
.form-control input[type="time"]:focus,
.form-control input[type="week"]:focus,
.form-control input[type="number"]:focus,
.form-control input[type="email"]:focus,
.form-control input[type="url"]:focus,
.form-control input[type="search"]:focus,
.form-control input[type="tel"]:focus,
.form-control input[type="color"]:focus,
.uneditable-input:focus{
  border-color: rgba(7, 153, 221, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(7, 153, 221, 0.6);
  outline: 0 none;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border-color: none;
  box-shadow: none;
  outline: 0 none;
}
.form-group:not(:last-child) div[class^="col"]{
    margin-bottom: 12px;
}
.nowrap{
    white-space: nowrap;
}
.limitar-label{
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.modal-header.subheader{
    min-height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #f5f5f5;
}
.grid-simples > div{
    display: inline-block;
}
.datepicker-dropdown {
    z-index: 9999;
}
.separador{
    border-bottom: 1px solid #505050;
    margin: auto;
    width: 80%;
}
.link.menu{
    display: none;
}
.panel-default .header .icone-open-close{
    position: absolute;
    top: 23px;
}
.navbar-toggle {
    position: relative;
    color: #fff;
    float: right;
    padding: 12px 14px 0 10px;
    margin-right: 0;
    margin-bottom: -2px;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    font-size: 18px;
}

.container-well {
    margin-top: 15px;
    margin-top: 20px;
}
.well{
    color: inherit;
    border-radius: 0;
    background-color: #fff;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.list-inline{
    margin: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0 0 0; 
}

.list-inline > li{
    text-align: center;
    color: #777;
    font-size: 15px;
    line-height: 20px;
    margin-right: 30px;
}
.list-inline > li a{
	color: #777;
}

.list-inline.secao > li > .link{
    margin: 0;
}
.list-inline.secao.com-padding > li{
    padding: 13px 18px;
}
.list-inline.secao.bordas-inf > li{
    margin-left: -4px;
    border-bottom: 1px solid #ccc;
}
.list-inline.secao.colunas-3 > li{
    width: 33.5%;
}
.list-inline.secao.colunas-4 > li{
    width: 21.5%;
}
.list-inline.secao.colunas-4 > li:last-child{
    width: 200px;
}

/* CONTRATOS
=============================*/
.lista-inline-superior .list-inline{
    margin-top: -12px;
}
.informacoes-do-contrato .input-inf-contrato{
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    padding-left: 15px;
    width: 160px;
}

/* PANEL GROUP
=============================*/
.form-group.has-error .panel-group{
    margin-bottom: 0;
    border-color: #a94442;
}
.form-group.has-error .text-danger{
    font-size: 12px;
}
.form-group.has-error .panel-group label,
.form-group.has-error .panel-group .panel-cabecalho{
    color: #a94442;
}
.panel-default.panel-group{
    text-align: left;
    position: relative;
    border: 1px solid;
    border-radius: 4px;
}
.panel-default.panel-group .panel-cabecalho{
    color: #666;
    background: #fff;
    margin-left: 8px;
    margin-top: -11px;
    position: absolute;
    padding: 0 4px;
}
.panel-default.panel-group .panel-cabecalho.border-radius{
    border: 1px solid #ccc;
    border-radius: 4px;
}
.panel-default.panel-group .panel-body{
    padding: 14px;
}

/* TABLE
=============================*/
.table-listagem{
    color: #777;
}
.table-listagem > thead > tr > th.acao{
    width: 133px !important;
}
.table-listagem.clicavel > tbody > tr:hover{
    cursor: pointer;
}
.table-listagem.clicavel thead > tr > th:first-child,
.table-listagem.clicavel tbody > tr > td:first-child{
    border-left: 6px solid transparent;
}
.table-listagem.clicavel tbody > tr.active > td:first-child{
    border-left: 6px solid #0095D8;
}
.table-listagem.clicavel tbody > tr.active > td{
    background-color: #BFE4F5;
}
.table-listagem tfoot > tr > th,
.table-listagem thead > tr > th{
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
    font-weight: normal;
    line-height: 45px;
}
.table-listagem > tbody > tr > td{
    border-top: none;
    padding: 14px 8px;
}
.table-listagem tfoot > tr > th,
.table-listagem thead > tr > th {
    border-bottom: 1px solid #f5f5f5;
    font-weight: normal;
    line-height: 45px;
}
.table-listagem tfoot select{
    width: 60px;
    float: left;
    border: none;
    height: 45px;
    padding-left: 4px;
    line-height: 45px;
    background-color: #F4F5F9;
    margin: 8px 20px 0 8px;
}
.table-listagem select:focus {
    outline: none;
}
.table-listagem .paginacao{
    padding: 0;
}
.table-listagem .paginacao .botoes{
    width: 50px;
    padding: 0 15px;
    position: relative;
}
.table-listagem .paginacao .botoes a{
    position: absolute;
    font-size: 25px;
    top: 2px;
}
.table-listagem .paginacao .botoes a:nth-child(2){
    right: 15px;
}
.table-listagem .paginacao .botoes a:hover{
    text-decoration: none;
}
.table-listagem .paginacao td{
    line-height: 59px;
}
.table-listagem.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #FCFCFC;
}

.table-border-body.table > tbody > tr > td{
    border-top: 0;
}
.table-border-body.table > thead > tr > th{
    font-weight: normal;
    border-bottom: 0;
}
.table-border-body.table > tbody{
    border: 1px solid #ccc;
}
.table-maquinas .acoes a i{
    font-weight: bold;
}
.table-maquinas .acoes a.text-info{
    margin-right: 15px;
}
.table-listagem.table-maquinas.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #F2F2F2;
}
.table-listagem.table-maquinas.table-striped>tbody>tr.focus{
    background-color: #EAF5D7 !important;
}
.table-listagem.table-maquinas.editavel input{
    border: 0;
    width: 100%;
    padding-left: 8px;
    padding-right: 10px;
    background-color: transparent;
    border-bottom: 2px solid transparent;
}
.table-listagem.table-maquinas.editavel input:focus{
    outline: 0;
    color: #2BA4DD;
    background-color: #fff;
    border-bottom: 2px solid #2BA4DD;
}
.table-listagem.table-maquinas.editavel > tbody > tr> td{
    padding: 0;
    line-height: 37px;
}
.table-listagem.table-maquinas.editavel thead .acoes.sorting_asc:after {
    content: "";
}
.table-listagem.table-maquinas .acoes button,
.table-listagem.table-maquinas .acoes button:focus,
.table-listagem.table-maquinas .acoes button:hover{
    padding: 0 9px;
    background: transparent;
    border: 1px solid transparent;
}
.table-listagem.table-maquinas .acoes button:focus{
    border: 1px solid #ccc;
}

.table-listagem.table-maquinas .acoes button i{
    font-weight: bold;
}

.sem-sombra{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* VISUALIZADOR
=============================*/
.list-inline.secao > li.active,
.panel.panel-default.visualizador .sub-header .list-inline.secao > li.active{
    color: #0034FF;
    padding-bottom: 8px;
    border-bottom: 5px solid #0034FF;
}

.visualizador{
    margin-bottom: 0px;
    display: none;
}
.visualizador .form-group div[class^="col"]{
    margin-bottom: 8px;
}
.visualizador .link{
    padding-bottom: 8px !important;
}
.modal-title .btn-close,
.visualizador .btn-close{
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0;
}
.visualizador-aberto .visualizador{
    position: fixed;
    display: block;
    z-index: 1030;
    height: 100%;
    width: 764px;
    right: 0;
    top: 0;

    webkit-box-shadow:  -30px 0 30px -30px rgba(0,0,0,.2);
    box-shadow: -30px 0 30px -30px rgba(0,0,0,.2);
}
.panel.panel-default.visualizador .header {
    padding: 9px 31px;
}
.visualizador-aberto .visualizador > .body{
    max-height: -webkit-calc(100% - 115px);
    max-height: -moz-calc(100% - 115px);
    max-height: calc(100% - 115px);
    height: 100%;
    overflow: auto;
}
.visualizador .form-horizontal .form-group{
    margin: 0;
}
.visualizador .form-horizontal .form-group .control-label{
    text-align: left;
    padding-top: 11px;
}
.panel.panel-default.visualizador .header{
    border-bottom: 0;
}
.panel.panel-default.visualizador .sub-header{
    padding-top: 9px;
    border-bottom: 1px solid #eaeaea;
}
.panel.panel-default.visualizador .sub-header .list-inline.secao{
    margin-left: 30px;
}
.panel.panel-default.visualizador .sub-header .list-inline.secao > li {
    padding: 12.5px 0;
    margin-right: 30px;
}
/* FIM VISUALIZADOR
=============================*/

.legenda-compromissos > div > div,
.legenda-itens-cobertos > div > div{
    display: inline-block;
    margin-right: 10px;
}
.legenda-compromissos .legenda,
.legenda-itens-cobertos .legenda{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    height: 14px;
    width: 15px;
}
.legenda-itens-cobertos .outros{
    color: #666;
}
.legenda-itens-cobertos .outros .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.outros{
    background-color: #666;
}
.legenda-itens-cobertos .corretivos{
    color: #684B85;
}
.legenda-itens-cobertos .corretivos .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.corretivos {
    background-color: #684B85;
}
.legenda-itens-cobertos .preventivos{
    color: #0D2853;
}
.legenda-itens-cobertos .preventivos .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.preventivos {
    background-color: #0D2853;
}
.legenda-itens-cobertos .treinamento{
    color: #235D8D;
}
.legenda-itens-cobertos .treinamento .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.treinamento {
    background-color: #235D8D;
}
.legenda-itens-cobertos .troca-pecas{
    color: #729C3F;
}
.legenda-itens-cobertos .troca-pecas .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.troca-pecas {
    background-color: #729C3F;
}
.legenda-itens-cobertos .vrs{
    color: #7B7C44;
}
.legenda-itens-cobertos .vrs .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.vrs {
    background-color: #7B7C44;
}
.legenda-itens-cobertos .suporte{
    color: #8F3331;
}
.legenda-itens-cobertos .suporte .legenda,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice.suporte {
    background-color: #8F3331;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .popover{
    color: #666;
}
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 5px;
    min-width: 160px;
}
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select-itens-cobertos .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.select2-dropdown.select2-dropdown--below{
    border-top: 0;
}
.select2-dropdown.select2-dropdown--above{
    border-bottom: 0;
}

/* AGENDA
=============================*/
.agenda,
.agenda .coluna-calendario .compromissos .ferias td,
.agenda .coluna-calendario .compromissos .vazio td{
    color: #666;
}

.datePickerAgenda {
    line-height: 40px;
    background-color: #fff;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}
.datePickerAgenda .linha {
    color: #666666;
}

.agenda .coluna-calendario{
    background-color: #fff;
}
.agenda .coluna-calendario .linha{
    height: 64px;
    line-height: 64px;
    padding: 0 6px;
}
.agenda .coluna-calendario .linha.nome-tecnico{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #fff !important;
}
.agenda .coluna-calendario .linha:nth-child(even),
.agenda .coluna-calendario .linha:nth-child(even) .coluna{
    background-color: #F8F8F8;
}
.agenda .coluna-calendario .linha.compromissos:nth-child(odd) .coluna{
    background-color: #fff;
}
.agenda .coluna-calendario .compromissos{
   padding-top: 0;
   padding-left: 1px;
   padding-right: 1px;
   padding-bottom: 1px;
}
.agenda .coluna-calendario .coluna{
    width: 14.5%;
    display: inline-block;
    position: relative;
    margin-right: -6px;
    margin-left: -1px;
}
.agenda .coluna-calendario .datas .coluna p{
    margin: 0;
    line-height: 1.5;
}
.agenda .coluna-calendario .datas{
    padding: 12px 0;
}
.agenda .coluna-calendario .datas a{
    position: absolute;
    font-size: 18px;
    top: -10px;
}
.agenda .coluna-calendario .datas a.voltar{
    left: 16px;
}
.agenda .coluna-calendario .datas a.avancar{
    right: 16px;
}
.agenda .coluna-calendario .compromissos .coluna{
    height: 64px;
    cursor: pointer;
    border: 1px solid #fff;
}
/*comentado para que cada compromisso
tenha seu tamanho calculado por hora*/
.agenda .coluna-calendario .compromissos table{
    width: 100%;
/*     height: 100%; */
    color: #000 !important;
    line-height: normal;
}
.agenda .coluna-calendario .compromissos td{
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;

    padding-left: 5px;
    padding-right: 5px;

    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #fff !important;
}
.agenda .coluna-calendario .compromissos .vazio td{
    text-align: right;
    padding-right: 15px;
}

.agenda .coluna-calendario .compromissos .cliente,
.agenda .coluna-calendario .compromissos .vazio > div{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.agenda .coluna-calendario .compromissos .ferias{
    color: #333;
    line-height: 64px;
    background-color: #CACACA;
}
.agenda .coluna-calendario .compromissos .coluna.tres-visitas > div{
    line-height: 20px;
    border: 1px solid #fff;
}
.agenda .coluna-calendario .compromissos-contratuais .linha.label-contratual{
    background-color: #fff;
    line-height: inherit;
    padding: 12px 8px 0 8px;
}
.agenda .coluna-calendario .compromissos-contratuais .contratual{
    color: #fff;
    font-size: 12px;
    padding: 8px 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}
.agenda .coluna-calendario .compromissos-contratuais .contratual:last-child{
    border-bottom: 0;
}

.agenda .divisa-regioes{
    background-color: #656565;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.btn-remover,
.btn-adicionar{
    border-radius: 50%;
    padding: 7px 9px 4px 9px;
    margin-top: 27px;
}
.btn-remover,
.btn-remover:hover,
.btn-remover:focus{
    color: #C20808;
    margin-top: 3px;
    border: 2px solid #C20808;
}
.btn-adicionar,
.btn-adicionar:hover,
.btn-adicionar:focus{
    color: #6BA950;
    border: 2px solid #6BA950;
}
.btn-remover i,
.btn-adicionar i{
    font-weight: bold;
}

/*arrastaveis*/
.elemento-compromisso:hover{
    z-index: 1;
    cursor: pointer;
}
.elemento-compromisso.ui-draggable-dragging{
    z-index: 2;
    position: absolute;
}
.drop-area.coluna,
.drop-area.coluna tr{
    background-color: #4c4c4c !important;
}
.drop-area.coluna tr td{
    color: #fff !important;
}
.helper.ferias{
    background-color: #CACACA;
}
.helper.corretivos,
.legenda-compromissos .corretivos .legenda,
.agenda .coluna-calendario .compromissos .corretivos,
.agenda .coluna-calendario .compromissos-contratuais .contratual.corretivos{
    background-color: #EA820A;
}
.select2 .select2-selection__rendered.corretivos,
.legenda-compromissos .corretivos{
    color: #EA820A;
}
.helper.preventivos,
.legenda-compromissos .preventivos .legenda,
.agenda .coluna-calendario .compromissos .preventivos,
.agenda .coluna-calendario .compromissos-contratuais .contratual.preventivos{
    background-color: #55B4E2;
}
.select2 .select2-selection__rendered.preventivos,
.legenda-compromissos .preventivos{
    color: #55B4E2;
}
.helper.instalacoes,
.legenda-compromissos .instalacoes .legenda,
.agenda .coluna-calendario .compromissos .instalacoes,
.agenda .coluna-calendario .compromissos-contratuais .contratual.instalacoes{
    background-color: #51B050;
}
.select2 .select2-selection__rendered.instalacoes,
.legenda-compromissos .instalacoes{
    color: #51B050;
}
.helper.demonstracoes,
.legenda-compromissos .demonstracoes .legenda,
.agenda .coluna-calendario .compromissos .demonstracoes,
.agenda .coluna-calendario .compromissos-contratuais .contratual.demonstracoes{
    background-color: #FA7DFE;
}
.select2 .select2-selection__rendered.demonstracoes,
.legenda-compromissos .demonstracoes{
    color: #FA7DFE;
}
.helper.contratos,
.legenda-compromissos .contratos .legenda,
.agenda .coluna-calendario .compromissos .contratos,
.agenda .coluna-calendario .compromissos-contratuais .contratual.contratos{
    background-color: #92D6A1;
}
.select2 .select2-selection__rendered.contratos,
.legenda-compromissos .contratos{
    color: #92D6A1;
}
.helper.oem,
.legenda-compromissos .oem .legenda,
.agenda .coluna-calendario .compromissos .oem,
.agenda .coluna-calendario .compromissos-contratuais .contratual.oem{
    background-color: #F6B26B;
}
.select2 .select2-selection__rendered.oem,
.legenda-compromissos .oem{
    color: #F6B26B;
}

.coluna .add-novo-compromisso{
    display: none;
}
.coluna:hover .add-novo-compromisso{
    display: block;
}
.coluna .add-novo-compromisso {
    position: absolute;
    right: 1px;
    background-color: #666;
    height: 62px;
    text-align: center;
    color: #fff;
    padding-left: 4px;
    padding-right: 4px;
    z-index: 1;
}

@media (max-width: 1025px) {
    /*menu*/
    .link.menu{
        display: inline-block;
    }
    #menu{
        transition: margin-left .3s;
        margin-left: -235px;
        z-index: 1031;
    }
    .toggled #menu{
        transition: margin-left .3s;
        overflow-y: auto;
        margin-left: 0px;
        width: 232px;
    }
    .toggled #menu .div-logo .dropdown {
        display: inline-block;
    }
    #menu .div-logo .botao-left,
    .toggled #menu .div-logo .botao-left {
        left: initial;
        bottom: 16px;
        right: 20px;
        transform: rotate(0deg);
    }
    .toggled #menu .badge {
        font-size: inherit;
        height: auto;
        width: 35px;
    }
    .toggled #menu .menu-lateral li span {
        display: block;
    }
    .toggled #menu .div-logo {
        height: 170px;
    }
    #menu .div-logo img,
    .toggled #menu .div-logo img {
        height: 130px;
    }
    .toggled .click-menu{
        background: rgba(0,0,0,.7);
        z-index: 1030 !important;
        position: absolute;
        display: block;
        height: 100%;
        z-index: 999;
        width: 100%;
    }
    #corpo,
    .toggled #corpo,
    .navbar.navbar-fixed-top,
    .toggled .navbar.navbar-fixed-top {
        margin-left: 0px;
    }
    /*menu*/
    .hidden-sm {
        display: none !important;
    }
}
@media (max-width: 1450px) {
    .agenda .coluna-calendario .coluna{
        width: 14.58%;
    }
}
.input-icon.pesquisa{
    width: 300px;
    margin-right: 15px;
}
.esconder-label > label{
    display: none;
}
.input-icon.pesquisa:after{
    font-family : 'themify';
    content: '\e610';
    position: absolute;
    right: 11px;
    top: 11px;
}
.input-icon.pesquisa input{
    border: 0;
    border-radius: 0;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}
.sombra {
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}

/**/
.bold{
    font-weight: bold;
}
.bold-400{
    font-weight: 400;
}
.pad-15{
    padding: 15px;
}
.pad-lr-15{
    padding-left: 15px;
    padding-right: 15px;
}
.checkbox label, .radio label{
    font-weight: normal;
}
input[type=checkbox], input[type=radio] {
    margin-top: 2.5px;
}

/* DATAGRID
=============================*/
.dataTables_wrapper {
    position: relative;
}

.datagridtop{
    position: absolute;
    top: -54px;
    right: 0px;
}

.datagridtop .btn{
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}


.datagridbottom > div{
    display: inline-block;
}
.datagridbottom .dataTables_info,
.datagridbottom .dataTables_paginate{
    margin-left: 15px;
}
.datagridbottom .dataTables_length{
	margin-right: 50px;
}
.datagridbottom .dataTables_length label select.input-sm{
    height: 34px !important;
    border-radius: 0;
}
.datagridbottom .dataTables_length label select.input-sm option{
    padding-top: 4px;
    padding-bottom: 4px;
}
.datagridbottom .dataTables_length label{
    margin-bottom: 0 !important;
}

.datagridbottom .dataTables_info{
    padding-right: 10px !important;
}

.datagridbottom .dataTables_info, .datagridbottom .dataTables_length {
    float: right;
}
.datagridbottom .pagination>.active>a,
.datagridbottom .pagination>.active>a:focus,
.datagridbottom .pagination>.active>a:hover,
.datagridbottom .pagination>.active>span,
.datagridbottom .pagination>.active>span:focus,
.datagridbottom .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #31A2D8;
    border-color: #31A2D8;
}
.datagridbottom .select2-container .select2-selection--single,
.datagridbottom .select2-container--default .select2-selection--single .select2-selection__arrow,
.datagridbottom .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 34px;
    line-height: 34px;
    border-radius: 0;
}
.data-table .btn-group .btn{
    text-transform: capitalize;
}
.data-table .btn-group > .btn{
    padding: 0 6px;
    background-color: transparent;
}
.data-table .acao-contrato{
    width: 100px !important;
}
.data-table .btn-group .dropdown-menu .btn{
    width: 100%;
}
td.acao .dropdown-menu{
    min-width: 120px;
    margin-top: 0px;
}
.open>.dropdown-menu{
    border-radius: 7px;
}
.input-taxa-igpm,
.input-desconto-faturamento{
    position: relative;
}
.input-desconto-faturamento input{
    color: #CC0000;
}
.input-taxa-igpm span,
.input-desconto-faturamento span{
    position: absolute;
    right: 21px;
    top: 36px;
}


/* AUTOCOMPLETE JQUERY-UI
======================================*/
.ui-menu .ui-menu {
    margin-top: -3px;
    border-color: #F6F6F6;
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}
.ui-autocomplete .ui-menu-item{
    color: #8d8e8f;
    border-bottom: 1px solid #F6F6F6;
}
.ui-autocomplete .ui-menu-item:hover{
    background-color: #fff;
}
.ui-menu .ui-menu-item .ui-state-hover,
.ui-menu .ui-menu-item .ui-state-active {
    color: #8d8e8f;
    border-color: #52A8DF;
    background-color: #fff;
}
.ui-menu .ui-menu-item-wrapper{
    padding-top: 6px;
    padding-bottom: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    padding-right: 10px;
}
#modal-compromisso .modal-dialog{
    width: 1080px;
}


@media (max-width: 1024px) {

    .header-contato .container.secao .telefone,
    .header-contato .container.secao .balao,
    .header-contato .container.secao .redacao,
    .header-contato .container.secao .assine-ja{
        display: table;
        float: none;
        width: auto;
        clear: both;
        margin: 0 auto;
        margin-bottom: 25px;
        text-align: left;
    }

    .boxAcesso{
        width: 100%;
    }
    .boxAcesso .colAcesso{
        display: inline!important;
        width: 100%
    }

    .boxAcesso .colAcesso .btLink,
    .boxAcesso .colAcesso .btFace{
        width: 100%!important;
        text-align: center!important;
    }
    .boxAcesso .colAcesso .imput373 {
        width: 100%!important;
    }

    .boxAcesso .colAcesso .bt_login{
        width: 100%!important;
    }

    .boxAcesso .colAcesso .textoMeio{
        display: grid!important;
        margin-top: 20px!important;
    }

    .boxAcesso .colAcesso .textoMeio.cadastro{
        display: grid!important;
        margin-top: 90px!important;
    }

    .first-menu{
        visibility: hidden;
    }

    .boxAcesso .colAcesso .input474,
    .boxAcesso .colAcesso .input354{
        width: 100%!important;
    }

    .boxAcesso .colAcesso .numCaracteres{
            max-width: 180px!important;
            margin-top: 5px!important;
    }
    .boxAcesso .colAcesso .boxContaSocial {
        width: 100%!important;
        margin-top: 50px;
    }
    .boxAcesso .colAcesso .titulo2{
        text-align: center;
    }

}

.header-menu{
    text-align: center;
}

.header-menu ul{
    display: inline-block;
}

.header-menu ul.sub-menu{
    position: absolute;
    left: 0;
    top: 40px;
    background: #2788c4;
    width: 160px;
    padding: 10px 20px;
    display: none;
}

.header-menu ul li{
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 15px;
    color: #222;
    margin: 0 15px;
    position: relative;
    z-index: 11;
}

.header-menu ul li a{
    text-decoration: none;
    color: #222;
    padding: 13px 0 12px;
    position: relative;
    display: inline-block;
    transition: none;
    border-bottom: 5px solid transparent;
}

.header-menu ul li a.blue:HOVER{
    border-bottom: 5px solid rgb(39,136,196);
}

.header-menu ul li a.orange:HOVER{
    border-bottom: 5px solid rgb(245,131,32);
}

.header-menu ul li a.green:HOVER{
    border-bottom: 5px solid rgb(125,164,33);
}

.header-menu ul li a.purple:HOVER{
    border-bottom: 5px solid rgb(154,59,111);
}

.header-menu ul li a.red:HOVER{
    border-bottom: 5px solid rgb(226,0,26);
}

.header-menu ul li a.pink:HOVER{
    border-bottom: 5px solid rgb(236,6,117);
}


.dropbtn {
    background-color: white;
    color: white;
    padding: 13px;
    color: #222;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content div{
        background: #2788c4;

}
.dropdown-content div a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: #fff!important;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
   border-bottom: 5px solid rgb(39,136,196);
}


.cadastro-cpf{
    margin-top: 30px;
}

.mrg-top10{
    margin-top: 10%!important;
}
.input-center{
    margin: auto;
}
.margin-top-10{
    margin-top: 10px
}

/*DELOGIC LOGIN*/
.header-menu ul li,
.header-menu ul li a, 
.header-menu div button{
    font-weight: 300;
    font-family: Roboto;
}


.header-menu ul li div.dropdown div{
	text-align: left;
}

.header-menu ul li div.dropdown div a{
	padding-left: 15px;
}

.margb150{
	margin-bottom: 150px;
}

.blocoLogin .boxLogin .btAssine {
    border-radius: 20px;
    color: #fff;
    border: solid 1px #0034FF;
    padding: 5px 15px 5px 0px;
    text-align: center;
    width: 107px !important;
    margin-left: 20px;
}


.btnAssineJa {
	color: #fff !important;
	border: solid 1px !important;
    border-color: #fff !important;
    background: #0034FF !important;
    margin-top: 45px !important;
}

.btnAssineJa:hover {
	color: #0034FF !important;
	border: solid 1px !important;
    border-color: #0034FF !important;
    background: #fff !important;
    margin-top: 45px !important;
}
.input-pesquisa input,
.input-icon.pesquisa input {
    border: 0;
    border-radius: 0;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}
.sombra {
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}

.margin-top10{
    margin-top: 10px;
}

.progress-bar{
	margin-left:10px;
	margin-right:10px;
	padding:0;
}

.admin-podcast .adicionar-podcast{
	position: absolute;
    right: 10px;
    top: 30px;
}
.panel-podcast{
	margin-top:30px;
}
.panel-podcast #formulario label{
	font-size:16px;
}

.float-form span{
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.float-form input {
	text-indent: 5px;
	padding-right: 36px !important;
}

.float-form input:focus {
	background-color: rgb(234,242,255);
	border-color: rgb(49,129,255);
}

.float-form i { 
	position: absolute;
	top: 15px;
	right: 5%;
}

.float-form .fa-exclamation-triangle {
	color: red;
}

.float-form .fa-check {
	color: green;
}

.opaco{
    opacity: 0.7!important;	
}
/** ********************************************** **/
/** Modal recuperação de senha ******************* **/
#email-inexistente.hidden{display: none; margin-top: 15px}
.login-pop label span, .thumbnail *{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.login-pop{position: relative; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: -webkit-box; display: -ms-flexbox; display: contents; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.login-pop .login-container {max-width: 600px; max-height: 95vh; overflow: auto; background: #ffffff; padding: 50px 75px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative}
.login-pop .login-container .close-login{position: absolute;right: 35px;top: 34px;width: 18px;height: 24px;}
.login-pop .login-container .close-login:after,
.login-pop .login-container .close-login:before{content:'';width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px);background: #818181;}
.login-pop .login-container .close-login:hover:after,
.login-pop .login-container .close-login:hover:before{background: #0034FF;}
.login-pop .login-container .close-login:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.login-pop .login-container .close-login:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.login-pop .login-container p{font-size: 15px; font-weight: 400; color: #777777; text-align: center;}
.login-pop a{color: #0034FF; text-decoration: underline}
.login-pop a:hover{text-decoration:none}
.login-pop .login-container .title{font-size: 40px; font-weight: 600; color: #2d8bdc; text-align: center; margin-bottom: 19px}
.login-pop .login-form label{display: block; margin-top: 27px; position: relative}
.login-pop label span{opacity: 1; pointer-events: none; position: absolute; font-size: 9px;font-weight: 300; color: #0034FF; left: 24px; top: 5px}
.login-pop .pass-link{color: #9f9f9f; display: table; margin:3px 0 0 auto; text-decoration: underline; font-size: 13px}
.login-pop .pass-link:hover{text-decoration: none}
.login-pop .button{color: #ffffff; height: 41px; display: table; margin:22px auto; text-decoration: none; border: 1px solid transparent; border-radius: 30px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size: 14px; padding:0 60px; text-transform: uppercase; background: #0034FF; cursor: pointer; outline: none}
.login-pop .login-social{border-top: 1px solid; margin-top: 30px; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.login-pop .login-social a{width: 50px; height: 50px; display: inline-block; float: left; border: solid 1px #1781BF; border-radius: 50%; color: #1781BF; -webkit-transition: none; transition: none; text-align: center; font-size: 24px; line-height: 50px; margin: 0 5px; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box}
.login-pop .login-social a:hover{color: #ffffff; background: #1781BF}
.login-pop .login-social a.fa-facebook{color: #3b5a99; border-color: #3b5a99}
.login-pop .login-social a.fa-facebook:hover{color:#ffffff; background: #3b5a99}
.login-pop .login-social a.fa-linkedin-square{color: #0a66c2; border-color: #0a66c2}
.login-pop .login-social a.fa-linkedin-square:hover{color:#ffffff; background: #0a66c2}
.login-pop .login-container p.login-small{font-size: 12px; line-height: 16px}
.cardEmail{display: none}
@media only screen and (max-width:678px) {
    .login-pop .login-container{max-width: calc(100% - 30px); padding: 50px 15px}
}
@media only screen and (max-width:480px) {
    .login-pop .login-social{-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
    .login-pop .login-logos{margin-top: 15px}
}
/** ********************************************** **/


#popup-cadastrese .modal-dialog{
	margin-top: 15%;
}

#popup-cadastrese .modal-dialog .modal-content{
    height: 250px;
    text-align: center;
    align-items: center;
    background-color: transparent;
    box-shadow: none;
    width: 250px;
    margin: 0 auto;
}

#popup-cadastrese .modal-dialog .modal-content div.dissmiss-popup{
	position: absolute;
    height: 35px;
    width: 149px;
    background-color: transparent;
    bottom: 25px;
    left: 50px;
    pointer: cursor;
    cursor: pointer;
}


/*
	Assinaturas Coorporativas
*/


#corporativo p{
	color: #777;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

#corporativo p span{
	font-weight: 700;
}

#alterar-assinatura .btn-azul,
#alterar-dados-empresa .btn-azul{
	width: 150px;
	display: inline-block!important;
}

#alterar-assinatura .btn-voltar,
#alterar-dados-empresa .btn-voltar{
	font-size: 14px;
    color: #9f9f9f;
    line-height: 41px;
    text-decoration: underline;
    margin-top: 27px;
    margin-right: 20px;
}

#alterar-assinatura .btn-azul,
#alterar-dados-empresa .btn-azul,
#corporativo .btn-azul {
    background: #0034FF;
    color: #fff;
    font-size: 14px;
    line-height: 37px;
    font-weight: 400;
    height: 43px;
    text-align: center;
    border: 1px solid #0034FF;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 27px 0 27px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 40px;
}

#alterar-assinatura .btn-azul:hover,
#alterar-dados-empresa .btn-azul:hover,
#corporativo .btn-azul:hover {
	background: #fff;
	color: #0034FF;

}

.btn-verde {
    background: #2FBA64;
    color: #fff;
    font-size: 14px;
    line-height: 37px;
    font-weight: 400;
    height: 43px;
    text-align: center;
    border: 1px solid #2FBA64;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 0px 0 27px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 40px;
}

.btn-verde:hover {
	background: #fff;
	color: #2FBA64;
}

.title.plano-corporativo{
	text-align: center;
	margin-bottom: 25px;
	font-size: 28px;
	color: #007CC4;
}

.itens-empresa{
	margin-left: 5px;
	margin-bottom: 27px;
}

.table-assinaturas tr:nth-child(even) td{
    background-color: #FFF;
}

.table-assinaturas tr:nth-child(odd) td{
    background-color: #EEE;
}

.btn-alterar-dados{
	background-color: #31A2D8;
    margin-left: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    color: white;
    border-radius: 30px;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    tr:nth-child(even) {background: #FFF};
	tr:nth-child(odd) {background: #EEE};
}

.btn-nova-assinatura{
	background-color: #4AAE4D;
    margin-left: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    color: white;
    border-radius: 30px;
    border-color: transparent;
    border-style: none;
    border-width: 0;
	tr:nth-child(odd) {background: #EEE};
}

.img-corp{
	margin-right: 250px;
}

.icon-editar{
	margin-left: 10px;
}

.icon-remover{
	color: red;
	margin-left: -50px;
	margin-right: 20px;
}

.qtde-assinaturas{
	margin-right: 250px;
	font-size: 32px;
}

.mm-select{
	outline: none;
	display: block;
	border: 1px solid #989898;
	border-radius: 20px;
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    padding-top: 10px;
    padding-left: 25px;
    width: 550px;
}
.mm-select option{
    font-size: 14px;
}
#admin-recursos-dinamicos{
	background-color: #fff;
	padding: 25px;
}

#admin-recursos-dinamicos table {
	width: 100%;
}

#admin-recursos-dinamicos table tr.odd{
    background-color: rgb(150,150,150,0.2);
}


#admin-recursos-dinamicos th{
	text-align: center;
	height: 60px;
	color: #007dc6;
	font-size: 16px;
}

#admin-recursos-dinamicos td.recurso{
	width: 50%;
    height: 70px;
}

#admin-recursos-dinamicos td.editar {
	width: 30px;
	text-align: center;
}

#admin-recursos-dinamicos td.recurso .nome{
    font-weight: 900;
    margin-left: 10px;
    color: #272727;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

#admin-recursos-dinamicos td.recurso .descricao{
    margin-left: 10px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

#admin-recursos-dinamicos td.opcao{
	text-align: center;
}

#admin-recursos-dinamicos td.opcao i {
	border: 1px solid;
    background-color: #0074C4;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 10px;
}

.informacoes.multiplo{
	text-align: left;
}

.informacoes.multiplo p {
	font-size: 18px;
	color: #777;
	line-height: 30px;
}

.informacoes.multiplo p span{
	font-weight: 700;
}

/* STATUS DA ASSINATURA */
.informacoes.multiplo p span.ativa {color:#7da421;}
.informacoes.multiplo p span.inativa {color:#E33C34;}
.informacoes.multiplo p span.aguardando {color:#f58320;}

.informacoes.multiplo p span.codigo{
	font-size: 24px;
    font-weight: 400!important;
    color: #535151;
}

.vincular {
    display: inline-block;
}

.vincular button, 
.vincular input {
    background: #0034FF;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
    height: 43px;
    border: 1px solid #0034FF;
    margin-top: 25px;
    padding:0 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


.nao-vincular {
	margin-top: 10px;
	margin-bottom: 30px;
}

.nao-vincular a{
	font-family: Roboto;
    color: #a0a0a0;
    text-decoration: underline;
}

.btn-exportar-base{
	float: right;
    padding-right: 11%;
    padding-top: 7px;
}

.table-enderecos tr:nth-child(even) td{
    background-color: #FFF;
}

.table-enderecos tr:nth-child(odd) td{
    background-color: #EEE;
}

.text-left{
	text-align: left;
}

.msg-alerta-atualizacao{
	color: red;
	font-size: 14px;
}

.btn.btn-primary.redondo{
	background-color: transparent!important;
    border: 1px solid #3FAFE2;
    border-radius: 25px;
    color: #3FAFE2;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}

.btn.btn-primary.redondo:hover{
	color: #ffffff;
    background-color: #3FAFE2!important;
}

.btn.btn-success.redondo{
	background-color: transparent;
    border: 1px solid #5cb85c;
    border-radius: 25px;
    color: #5cb85c;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}

.btn.btn-success.redondo:hover{
	color: #ffffff;
    background-color: #5cb85c;
}

.pop-up-historico{
	    overflow: auto;
    background: #ffffff;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}



.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: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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


/*area menu*/
.navbar-brand.color-header.dropdown{
	background-color: black;
    color: #fff;
    padding: 12px;
    margin-left: -13px;
    margin-top: -9px;
    margin-right: 5px;
}

.navbar-brand.color-header.dropdown button{
    background-color: black;
    color: #fff;
    font-size: 19px;
    font-family: Roboto, sans-serif;
}

.navbar-brand.color-header.dropdown .dropdown-menu{
	    text-align: center;
    padding: 5px;
    font-size: 14px;
}

.title.confirmacao-dados{
	margin-bottom: 25px;
	background-color: #dbdbdb;
	padding: 5px;
}

.title.confirmacao-dados .text{
	font-size: 24px;
	color: black;
	margin-left: 100px;
}

.informacoes.confirmacao-dados .text{
	color: black;
	margin-left: 100px;
	margin-bottom: 30px;
}

.dados-editar {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.btn-ver-historico {
	background: transparent;
	border: none;
	color: blue;
	margin-right: 20px;
	float: right;
	margin-top: -10px;
}

.badge {
	background-color: #dcd2fc;
    color: #6c5ce7;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 10px;
}

.destacar-label {
	color: #6c5ce7;
}