@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 */
}

/* 
	INICIO GUILHERME
*/
:root {
	--max-container-width: 1366px;
}

/*
* CABEÇALHO ADMIN
*/
@media screen and (max-width: 1440px) {
	.navbar {
		margin-left: 0px;
		position: relative;
		max-width: 100vw;
		width: 100vw;
		left: -5px;
		margin-top: -20px;
	}
	.navbar-nav {
		padding-inline: 5%;
	}
	.navbar-right {
		float: right;
		width: 100%;
		margin-right: unset !important;
		padding-right: 10px;
	}
	.nav-item {
		border-bottom: 1px solid rgb(255 255 255 / .24);
	}
	.menubar-superior {
		max-height: unset;
		text-align: right;
	}
	.menubar-superior .navbar-nav > .dropdown > a,
	.menubar-superior .navbar-nav > .open > a:hover {
		padding-left: unset;
		padding-right: unset;
	}
	#btn-logout-publico {
		float: right !important;
	}
	.dropdown-menu {
		margin-right: 10px !important;
	}
}

/*
* CABEÇALHO PÚBLICO
*/
#template-publico .conteudo {
	max-width: var(--max-container-width);
    margin-inline: auto;
}
#template-publico .navbar {
	margin-bottom: unset;
	padding-block: 12px;
}
#template-publico .navbar-fixed-top div.container-fluid.flutuar {
	max-width: var(--max-container-width);
}
#template-publico .navbar-nomeevento {
	margin-bottom: 5px;
	line-height: 1em;
}
@media screen and (max-width: 1340px) {
	#template-publico .navbar-fixed-top {
		margin-left: 0px;
		display: grid;
		place-items: center;
	}
	#template-publico .navbar-fixed-top div.container-fluid.flutuar {
		width: 100%;
	}
	.navbar-brand {
		display: block !important;
	}
}

/*
* CONTENT PUBLICO
*/
#template-publico .conteudo-corpo {
	padding-top: 68px;
}
#template-publico .page {
	height: unset;
}
#template-publico .nav-internacionalizacao {
	display: flex;
	min-height: 50px !important;
    align-items: center;
	margin-top: unset
}
#template-publico .nav-internacionalizacao > div{
	position: relative !important;
    top: unset !important;
    margin: unset !important;
	font-size: 14px !important;
}
#template-publico .panel a {
	width: 100%;
    height: 100%;
    display: inline;
}

#template-publico .panel label.check-box-termo a {
	width: 100%;
    height: 100%;
    display: inline!important;
}
@media screen and (max-width: 1340px) {
	#template-publico .conteudo-corpo {
		padding-top: unset;
	}
}

/*
	FIM GUILHERME
*/

.badge.badge-success{
	color: #fff;
    background-color: #28a745;
}

.badge.badge-warning{
	color: #212529;
    background-color: #ffc107;
}

.badge.badge-secondary{
    color: #fff;
    background-color: #6c757d;
}

.badge.badge-primary{
    color: #fff;
    background-color: #007bff;
}

.badge.badge-waiting{
    color: #fff;
    background-color: #9900cc;
}

.bar{
	height: 18px;
	background-color: #3EAEE1;
	margin-top: 10px;
}

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;
}
.form-control{
    color: #666;
    height: 40px;
}
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;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
}
.row textarea.form-control{
    line-height: 1.42857143;
}
.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;
}

.has-error .select2-selection{
    border: 1px solid #a94442 !important;
}

.has-error .select2-selection span{
    color: #a94442 !important;
}

.has-error label,
.has-error .aviso,
.form-group.has-error,
.has-error .text-danger,
.has-error .form-control,
.form-group.has-error label,
.has-error .select2-selection,
.has-error .control-label, .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-idioma-link {
	font-size: 20px;
}
.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: 430px;
    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;
}
.login-convite-msg{
    color: #666666;
    font-size: 12px;
    margin-top: 25px;
}
.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 {
    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-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;
}
.navbar-nomeevento,
.navbar-nomeevento:hover,
.navbar-nomeevento:focus {
    color: #fff;
    text-decoration: none;
}

/* 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: #782b90;
    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);
}
.toggled #menu{
    overflow-y: inherit;
}
#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%;
    opacity: .1;
    position: absolute;
}
#menu .table-user{
    margin: auto;
    color: #6264AD;
    margin-top: 25px;
}
#corpo, .navbar.navbar-fixed-top{
    margin-left: 232px;
}
.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:hover 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{
    width: 150px;
}
.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;
}
.nav-pills > li > a{
    color: #fff;
    min-height: 40px;
    border-radius: 8px;
}
.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(108,38,129,.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;
}
.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.no-border{
	border: none;
}

.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 #ee1c25;
}
.panel.panel-danger .title,
.modal.modal-danger .modal-title{
    color: #CC0000;
}
.panel.panel-danger,
.modal.modal-danger .modal-content{
    border-left: 4px solid #CC0000;
}
.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: #6c2681 !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,
a.text-warning,
.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;
}

/* ALINHAMENTO FOOTER
======================================*/
#corpo{
    position: relative;
    min-height: 100%;
}
#layout, .conteudo-layout{
    height:100%;
    min-height: 100%;
}
.conteudo-corpo{
    padding-top: 45px;
    padding-bottom: 45px;
}
.footer{
    border-top: 1px solid #ccc;
    text-align: center;
    position: absolute;
    margin-top: 15px;
    padding: 5px;
    right: 15px;
    left: 15px;
    bottom: 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;
}
.pad5{
    padding: 5px;
}
.padl15{
    padding-left: 15px;
}
.padl10{
    padding-left: 10px;
}
.pad0{
	padding: 0px;
}
.padb0{
	padding-bottom: 0 !important;
}
.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;
}
.marg5{
    margin: 5px;
}
.margl15{
    margin-left: 15px;
}
.margin-sup{
    margin-top: 15px;
}

.margtb10{
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-sup-14{
    margin-top: 14px;
}
.margin-sup-30{
    margin-top: 30px;
}
.margin-inf{
    margin-bottom: 15px !important;
}
.margin-inf-9{
    margin-bottom: 9px;
}
.margin-r0{
    margin-right: 0 !important;
}
.width140{
    width: 140px !important;
}
.width350{
    width: 350px !important;
}
.width470{
    width: 470px !important;
}

.width33{
	width: 33% !important;
}
.width34{
	width: 34% !important;
}

.width100{
	width: 100% !important;
}

.min-width-80{
    min-width: 80px;
}

.min-width-85{
    min-width: 85px;
}

.min-width-90{
    min-width: 90px;
}

.min-width-150{
    min-width: 150px;
}
.min-width-100{
    min-width: 100px;
}
.min-width-180{
    min-width: 180px;
}
.min-width-200{
    min-width: 200px;
}
.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,
input:disabled,
.desabilitar-form input,
.desabilitar-inputs input,

.desabilitar-form .checkbox,
.desabilitar-form .select2-container--default .select2-selection--single,
.desabilitar-form .select2-container--default .select2-selection--multiple,

.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 !important;
}
input:disabled,
.input-disable[disabled=disabled]{
    background-color: transparent !important;
}
.desabilitar-form a,
.desabilitar-form input,
.desabilitar-form button,
.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;
    box-shadow: 0 0;
}
.btn.btn-primary{
    color: #fff;
    background-color: #3FAFE2 !important;
}
.btn.btn-success{
    color: #fff;
    background-color: #34B272;
}
.btn.btn-warning{
    color: #fff;
    background-color: #EA820A !important;
}

.btn-pesquisa{
    text-transform: none;
    line-height: 26.5px;
}

.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: #782b90 !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;
}

.modal.modal-erro .modal-dialog{
    width: 400px;
}
.modal.modal-erro .modal-content.row{
    border-radius: 0px;
}
.modal.modal-erro .modal-body{
    text-align: center;
    font-size: 14px;
}
.modal.modal-erro .modal-footer{
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.modal.modal-erro .modal-footer .btn{
    border-radius: 0px;
}
.modal.modal-exemplo .modal-dialog{
    width: 1200px;
}
.modal.modal-exemplo-mmb .modal-dialog{
    width: 1350px;
}

.modal.modal-sucesso .modal-dialog{
    width: 400px;
}
.modal.modal-sucesso .modal-content.row{
    border-radius: 0px;
}
.modal.modal-sucesso .modal-body{
    text-align: center;
    font-size: 14px;
}
.modal.modal-sucesso .modal-footer{
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.modal.modal-sucesso .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;
    color: #666
}
.output.limitado{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.no-border .select2-container .select2-selection--single,
.no-border .select2-container .select2-selection--multiple{
    border: 0;
}

.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: #222;
    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;
}
.list-inline > li{
    text-align: center;
}
.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;
}
.clicavel .table-listagem > tbody > tr > td:not(.acao):not(.dataTables_empty):hover{
    cursor: pointer;
}
.table-listagem thead > tr > th:first-child,
.table-listagem tbody > tr > td:first-child{
	border-left: 1px solid #959595;
    border-right: 1px solid #959595;
}
.table-listagem thead > tr > th,
.table-listagem tbody > tr > td{
    border-right: 1px solid #959595;
}

.table-listagem tbody > tr.active > td:first-child{
    border-left: 6px solid #0095D8;
}
.table-listagem 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;
    font-size: 11px;
    padding: 2px 5px;
}
.table-listagem tfoot > tr > th,
.table-listagem thead > tr > th {
    border-bottom: 1px solid #f5f5f5;
    font-weight: normal;
    line-height: 15px;
}
.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-striped>tbody>tr:nth-of-type(odd).selected {
    background-color: #ee1c25;
    color: #FFF;
}

.table-striped>tbody>tr:nth-of-type(even).selected {
    background-color: #ee1c25;
    color: #FFF;
}

.table-listagem.table-striped>tbody>tr:nth-of-type(odd).draggable{
    color: #fff;
    background-color: #6c2681;
}
.table-listagem.table-striped>tbody>tr:nth-of-type(even).draggable{
    color: #fff;
    background-color: #6c2681;
}

.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;
}
{
    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%;
    height: 41px;
    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:#F0363E;
}

.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;
    font-family: Roboto;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: underline;
	color:#000;
    
}
/* 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;
}

.select-regiao-agenda select{
    width: 170px;
    border: 0;
    outline: 0;
    color: #666;
    height: 40px;
    border-radius: 0;
    padding-left: 8px;
    line-height: 40px;
    background-color: #fff;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
    letter-spacing: 0.04em;
    font-family: 'Roboto', sans-serif;
}

.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;
}
.dropdown-maq{
    text-align: center;
    font-size: 25px;
    margin-top: 15px;
}

.dropdown-maq .btn-group a.btn.btn-default.text-info{
    font-size: 25px;
}

.dropdown-maq ul.sem-maquina{
    width: 320px;
    text-align: center;
}

.dropdown-maq ul.com-maquina{
    width: 180px;
    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{
    background-color: #92D6A1;
}

.agenda .coluna-calendario .compromissos-contratuais .contratual.contratos-green{
    background-color: #92D6A1;
}

.agenda .coluna-calendario .compromissos-contratuais .contratual.contratos-orange{
    background-color: #FFA500;
}

.agenda .coluna-calendario .compromissos-contratuais .contratual.contratos-red{
    background-color: #FF0000;
}

.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: 63px;
    text-align: center;
    color: #fff;
    padding-left: 4px;
    padding-right: 4px;
    z-index: 1;
}

/* eventos Categorias */
.evento-categoria .bandeira,
.evento-subcategoria .bandeira{
    text-align: center;
}
.evento-categoria .titulo-categoria,
.evento-subcategoria .titulo-subcategoria{
    margin-bottom: 5px;
}

.evento-categoria .bandeira img{
    width: 100px;
}

.evento-subcategoria .bandeira img{
    width: 80px;
    margin-left: 12px;
}

.separador-subcategoria .titulo{
    color: white;
    background-color: #5bc0de;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700;
}

.separador-subcategoria .botao{
    text-align: center;
    border: 1px solid #5bc0de;
    color: white;
}

.max-width40{
    max-width: 40px!important;
}


.frame-pdf{
	width: 100%;
	min-height: 550px;
}

@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;
}
.input-icon.dashboard input{
    width: 165px;
    cursor: pointer;
    text-indent: 10px;
    margin-right: 15px;
    background-color: #fff;
}
.input-icon.dashboard input,
.dashboard .select-pesquisa .select2-selection__rendered{
    font-size: 17px;
}

.input-icon.dashboard label{
    display: block;
    margin-bottom: 0px;
}
.input-icon.dashboard i{
    position: absolute;
    cursor : pointer;
    font-size: 16px;
    right: 25px;
    color: #666;
    top: 11px;
}

.esconder-label > label{
    display: none;
}
.input-icon.pesquisa:after{
    font-family : 'themify';
    content: '\e610';
    position: absolute;
    right: 11px;
    top: 11px;
}
.input-icon.dashboard 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);
}

/**/
.bold{
    font-weight: bold;
}
.bold-400{
    font-weight: 400;
}
.pad-15{
    padding: 15px;
}

.pad-5{
    padding: 5px;
}
.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
=============================*/
.datagridbottom > div{
    display: inline-block;
}
.datagridbottom .dataTables_info,
.datagridbottom .dataTables_paginate{
    margin-left: 15px;
}
.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;
}
.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 .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: #ee1c25;
    border-color: #ee1c25;
}
.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-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: #6c2681;
    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: 97%;
}
.select2-dropdown [aria-multiselectable=true] [aria-selected=true]{
    display: none;
}

/* 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;
}
.agenda .elemento-fixo-topo{
    position: fixed;
    top: 65px;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, .14);
}

.labelimage {
    display: block;
}

.imagem-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: 174px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.imagemlista-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: 100px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.imagemlista-row {
   padding-top: 30px
}

.imagemlista-row {
    padding-top: 30px
}
.div-trab {
    background-color: #ededed;
    border-radius: 10px;
    padding: 10px;
}
.div-fase{
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

.esp-sup.lateral-direita{
   background: #fff;
   position: absolute;
   display: block;
   height: 80%;
   width: 300px;
   right: 0px;
   top: 65px;
   border: 0;
   border-radius: 0;
   box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}

.lateral-direita .conteudo{
/* 	overflow: scroll; */
    height: 81%;
    overflow-x:hidden;
/*     -webkit-scrollbar-display: none;  */
}



.notificacao{
    margin: 15px;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 8px;
    background-color: #F2F2F2;
    border: 1px solid #f1f1f1;

}
.notificacao:hover{
    border: 1px solid #999;
}

.bt-excluir-sala{
    float: right;
    margin-top: -16px;
}

.btn-add-sala{
    margin-left: 80px;
}


.grid-resumo{
    width: 100%!important;
}

.btn.btn-pesquisa.text-info.vencedores-button:hover,
.btn.btn-pesquisa.text-danger.excluir-button:hover,
.btn.btn-pesquisa.text-info.btn-add-sala:hover,
.btn.btn-pesquisa.text-info.upload-button:hover{
    text-transform: none;
}
th.sorting_disabled,
th.sorting,
th.sorting_asc,
th.sorting_desc{
	background-color: #B7B7B7!important;
	font-weight: bold!important;
	font-size: 11px!important;
	color: #444444!important;
	font-family: 'Arial'!important;
}

.sorting_asc, .sorting_desc{
    font-weight: 800!important;
    color: #222;
}

.panelcolapse .body{
    display: none;

}
.panelcolapse.open > .body{
    display: block;
}
.panelcolapse .iconopen{
    position: absolute;
    right: 15px;
    transition: all .2s;
    line-height: 40px;
    cursor: pointer;
}
.panelcolapse.open > .panel > .header > .title .iconopen{
    transform: rotate(180deg);
}

.panelcolapse .left-iconopen{
	transform: rotate(270deg);
    position: absolute;
    transition: all .2s;
    line-height: 40px;
    cursor: pointer;
}
.panelcolapse.open .left-iconopen{
    transform: rotate(360deg);
}


.fasesevento{
    border:1px solid white;
    background-color: #f0f5f5;
    border-radius:15px;
}
.removerCategoriaSubCategoria{
    color:white;
    background:red;
    margin-right: 40px;
    border-radius: 10px;

}
.botaoRemover{
    top: 10px;
    position: absolute;
    right: 15px;
    transition: all .2s;
    line-height: 40px;
    cursor: pointer;
}

.remover-Preco, remover-Tabela{
	color:white; 
	background:red; 
	margin-right: 40px;
	border-radius: 10px;
}

.tabela-preco-item .odd, .tabela-preco-item .even{
	padding-top: 15px;
    padding-bottom: 15px;
}

.tabela-preco-item .categoria label{
	font-size: 20px;
    margin-top: 5px;
}

.tabela-preco-item .categoria.primeira label{
	font-size: 20px;
    margin-top: 28px;
}


.botao-Remover{
	top: 10px;
	position: absolute;
	right: 15px;
	transition: all .2s;
	line-height: 40px;
	cursor: pointer;
}
.vermelho{
	color: red;
}
.vermelho-img-pagamaneto-mouse{
	color: #EF252E !important;
}
.preto{
	color: #333 !important;
}
.label-sem-input label{
    margin-top: 33px;
    margin-bottom: 15px;
}
.data-table .icone-grid{
    font-size: 20px;
/*     padding-left: 25%; */
}
.data-table .icone-grid.fa.fa-check{
    font-size: 22px;
}
.bandeira-verde{
    color: #1fcd5e;
}
.bandeira-roxa{
    color: #9944AA;
}
.bandeira-amarela{
    color: #FFB20D;
}
.bandeira-vermelha{
    color: #D75B46;
}
.grid-legenda .datagridtop{
    top: -91px;
}
.legenda-listagem{
    margin-top: 15px;
}
.legenda-listagem td{
    padding-right: 7px;
    border-right: 1px solid;
    padding-left: 7px;
}
.legenda-listagem td:first-child{
    padding-left: 14px;
}
.legenda-listagem td:first-child,
.legenda-listagem td:last-child{
    border-right: none;
}
.ficha-tecnica,
.ficha-tecnica .output,
.ficha-tecnica .form-control.resposta{
    color: #666;
}
.ficha-tecnica .titulo{
    margin: 0;
    padding-bottom: 0px;
}
.ficha-tecnica .cabecalho{
    font-size: 15px;
    margin-top: 40px;
}
.ficha-tecnica .opcoes p,
.ficha-tecnica .cabecalho p,
.ficha-tecnica .nome{
    margin-bottom: 5px;
}
.ficha-tecnica .etapa{
    font-size: 25px;
    margin-bottom: 0px;
}
.ficha-tecnica .nome{
    line-height: 25px;
    font-size: 15px;
}
.ficha-tecnica .etapa,
.ficha-tecnica .nome{
    margin-top: 40px;
}
.ficha-tenica .opcoes,
.ficha-tecnica.edicao .opcoes,
.ficha-tecnica.edicao .etapa{
    margin-bottom: 10px;
}
.ficha-tecnica .opcoes p{
    margin-left: 15px;
}
.ficha-tecnica.edicao p{
    color: #999;
    font-size: 13px;
}
.ficha-tecnica.edicao strong{
    font-weight: 100;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 13px;
    color: #666666;
}

.ficha-tecnica.edicao .etapa strong{
    font-weight: bold;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 15px;
    color: #666666;
}
.ficha-tecnica.edicao .etapa{
    margin-top: 15px;
}
.ficha-tecnica.edicao .nome{
    margin-top: 10px;
}
.ficha-tecnica.edicao .form-control.resposta{
    margin-bottom: 15px;
}
.ficha-tecnica.edicao .titulo,
.ficha-tecnica.edicao .cabecalho{
    display: none;
}
.ficha-tecnica.edicao .eac-titulo.has-error .text-danger{
	margin-top: 0px!important;
}

.ficha-tecnica.edicao .has-error .text-danger{
    margin-top: -29px;
}

.ficha-tecnica.edicao .has-error.periodoApuracao .text-danger{
    margin-top: -25px;
}

.inline{
	display: inline;
}

.inline-block{
	display: inline-block;
}

.periodoApuracao input {
	width: 115px;
    text-align: center;
    margin-right: 30px;
}

.periodoApuracao label{
	min-width: 75px;
}

.helper{
    background-color: #ddd;
    border-radius: 50px;
    padding: 0px 6px;
    font-size: 13px;
    cursor: default;
}
.display-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.upload-button {
    text-align: center;
    color: #FFFFFF;
    width:150px;
    line-height: 34px;
    background-color: #3EAEE1;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .14);
}
.upload-button.disabled{
    pointer-events: none;
    opacity: .7;
}
.paginaCategorias .panel {
	margin-bottom: 0px;
}
.destacar-categoria-subCategoria{
    background-color: #673ab74f;
}

.text-white {
    color: #fff;
}

.modal-arquivo-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.modal-arquivo-content {
    height: 100%;
    min-height: 100%;
    border-radius: 0;
}

.modal-header .arquivo{
    background: #FFFFFF;
}

.barra-idiomas{
	position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: right;
    padding-top: 5px;
    padding-right: 15px;
}

.header.inscricao-publica .panel.panel-default .title{
	position: inherit;
}
.header.inscricao-publica .title .left-iconopen {	
	line-height: 1;
    bottom: 37%;
}
.table-cabecalho-insc-publica{
	width: 97.5%;
	margin-left: 30px;
}
.table-cabecalho-insc-publica .titulo{
	width: 34%;
}
.table-cabecalho-insc-publica .anexo{
	width: 23%;
	padding: 0 15px;
}

.table-cabecalho-insc-publica .anexo .aprovacao{
	max-width: 132px;
    padding-right: 0px;
}

.table-cabecalho-insc-publica .campanha{
    width: 18%;
}
.table-cabecalho-insc-publica .acao{
    width: 27%;
    text-align: right;
}
.table-cabecalho-insc-publica .dropdown a{
	font-size: 14px;
}
#btn-logout-publico ul > li > a,
#btn-logout-publico ul > li > a:active,
#btn-logout-publico ul > li > a:hover{
	color: #fff;
    font-size: 14px;    
	padding: 10px 11px;
    text-align: right;
	background-color: transparent;
}
#btn-logout-publico span,
#btn-logout-publico ul > li > a > i{
	margin-left: 5px;
}
#btn-logout-publico ul > li > a > i{
    margin-right: 4px;
}
#btn-logout-publico .dropdown-menu{
    border-radius: 0;
    right: -1px;
}
#btn-logout-publico,
#btn-logout-publico .dropdown-menu{
	background-color: #000;
	text-transform: capitalize;
	list-style-type: none;
}
.linha-anexo-edicao-peca{
	margin-bottom: 15px;
    position: relative;
    float: left;
    width: 33%;
}
.linha-anexo-edicao-peca img{
	width: 115px;
	height: 115px;
	cursor: pointer;
}
.linha-anexo-edicao-peca > div{
	margin-right: 10px;
	float: left;
}
.linha-anexo-edicao-peca .imagem{
	min-width: 115px;	
}
.linha-anexo-edicao-peca .label-nome{
	width: calc(100% - 175px);
	word-break: break-all;
    font-size: 13px;
	padding: 6px 0;
}
.linha-anexo-edicao-peca .btn.btn-remover-anexo{
	background-color: #CC0000;
    border-color: #fff;
    position: absolute;
    color: #fff;
    left: 1px;
    top: 75px;
    padding-top: 11px;
    height: 40px!important;
    width: 40px!important;
}

.linha-anexo-edicao-peca .btn.btn-download-anexo{
	background-color: #34B272;
    border-color: #fff;
    position: absolute;
    color: #fff;
    left: 75px;
    top: 75px;
    padding-top: 11px;
    height: 40px!important;
    width: 40px!important;
}

.linha-anexo-edicao-peca .progress {
    height: 15px;
    margin-bottom: 15px;
}
.linha-anexo-edicao-peca audio{
	height: 40px;
    width: 112%;
    margin-top: 10px;
}
.viewbox-container {
    z-index: 9999 !important;
    background: rgba(0,0,0,.8) !important;
}
.viewbox-button-default {
    fill: #fff !important;
}


.listainscricoes.box-desconto{
	border-radius: 15px;
    border: 1px solid;
    width: 90%;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
	
}
.box-desconto .div-botao{
	text-align: right;
	padding-right: 0px;
}
.box-desconto .div-label{
	padding-left: 0px;
}
.box-desconto .div-botao,
.box-desconto .div-label{
	line-height: 40px;
	margin-bottom: 0;
}

.listainscricoes.box-desconto .msg-desconto{
    text-align: center;
    font-size: 14px;	
} 

.dropdown-menu-publico {
	min-width: 205px;
	left: unset;
}

.dropdown-toggle-public {
	min-width: 127px;
}

.retorno-pagamento i {
	font-size: 128px;
}

.retorno-pagamento.sucesso {
    color: #34B272;
}

.retorno-pagamento.analisando {
    color: #4097FB;
}

.retorno-pagamento.error {
    color: red;
}

.retorno-pagamento .mensagem {
	font-family: Roboto;
	font-weight: 400;
	color: #444444;
	font-size: 19px;	
}
.retorno-pagamento .mensagem2 {
	font-family: Roboto;
	font-weight: normal;
	color: #222222;
	font-size: 12px;	
}

.retorno-pagamento .mensagem {
    padding-top: 30px;
    font-size: 32px;
}

.retorno-pagamento .redirecionar {
    padding-top: 100px;
    font-size: 24px;
}

.retorno-pagamento .redirecionar a {
	text-decoration: underline;
}

.redgoogle{
	margin-top: 10px;
	color: #d50000;
}

.ficha-botao-absoluto{
	position: absolute;
    top: 5px;
    right: 45px;
    font-size: 25px;
}


.inscricoes-titulo{
	font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-transform: none;
}

.inscricoes-opcoes{
    font-size: 16px;
    color: #fff;
}

.inscricoes-botao-menu{
    font-size: 16px;
    color: #333333;
}

.inscricoes-botao-menu:hover{
    color: #ee1c25;
}

.header.inscricao-publica .id{
	font-family: Roboto;
	font-size: 14px;
		font-weight: 400; 
	color: #333333;
	line-height: 10px;
	padding-top: 12px;
}


.header.inscricao-publica .titulo{
	font-family: Roboto;
	font-weight: 800; 
	font-size: 24px;
	color: #333333;
		line-height: 37px;
}

.header.inscricao-publica .titulo-seminario{
	font-family: Roboto;
	font-weight: 800; 
	font-size: 20px;
	color: #333333;
		line-height: 37px;
}

.header.inscricao-publica .categoria{
	font-family: Roboto;
	font-size: 12px;
	color: #666666;
	font-weight: 400; 
	text-transform: uppercase;
		line-height: 15px;
		padding-bottom: 12px;
		word-break: break-all; 
}
.header.inscricao-publica .nome{
	font-family: Roboto;
	font-weight: 800; 
	font-size: 20px;
	color: #333333;
		line-height: 37px;
}

.header.inscricao-publica .arquivos,
.header.inscricao-publica .pecas{
	font-family: Roboto;
	font-size: 10px;
	color: #666666;
	font-weight: 400; 
	text-transform: uppercase;
	line-height: 12px;

    text-align: right;
}

.header.inscricao-publica .qtd-arquivos,
.header.inscricao-publica .qtd-pecas{
	font-family: Roboto;
	font-size: 24px;
	color: #666666;
	font-weight: bold; 
	text-transform: uppercase;
    padding-left: 0px;
}
.header.inscricao-publica .arquivos{
	    margin-top: 10px;
}

.header.inscricao-publica .pecas{
    margin-top: 16px;	
}
.panel.panel-default.wave-festial,
.panel.panel-info.wave-festial{
	    border-left: 4px solid #ee1c25;
}

.middle-item{
	margin-left: 10px;
    margin-right: 10px;
}

.sub-nav .middle-item{
	margin-left: 15px;
    margin-right: 15px;
}

.sub-nav .custom-icon-image{
	margin-top: -3px;
}

.nav-internacionalizacao{
	padding: 0 15px;
    background-color: #fff;
}

.badge.badge-inscricao{
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
}

.badge.badge-inscricao.pronta{
	background-color: #e3ca5f;
}

.badge.badge-inscricao.expirado{
	background-color: #f36464;
}

.badge.badge-inscricao.em-preparacao{
	background-color: #4097fb;
}

.badge.badge-inscricao.aguardando-pagamento{
	background-color: #28c9dc;
}

.badge.badge-inscricao.pago{
	background-color: #57ce5c;
}


.dropdown a.usuario-autenticado:hover{
	color: #ee1c25;
}

.badge.badge-inscricao.saldo-antecipado{
	background-color: #333333;
}

.badge.badge-inscricao.saldo-antecipado .valor{
		font-weight: bold;
}

.custom-icon-image.seta{
    top: 35px;
    position: absolute;
    left: 10px;
}

.btn-group:hover .custom-icon-image.three-dots,
.btn-group.open .custom-icon-image.three-dots,
.custom-icon-image.three-dots:active,
.custom-icon-image.three-dots:hover{
	filter: invert(1);
}

.wave-festival .panel .header .title {
	font-family: Roboto;
	font-weight: 800;
	font-size: 24px;
	color: #ee1c25;
}

.wave-festival .panel .body label,
.wave-festival .panel .body p.nome{
	text-transform: uppercase;
	font-family: Roboto;
	font-size: 13px;
	color: #666666;
	
}
.wave-festival .panel .header label.descricao,
.wave-festival .panel .header div.descricao,
.wave-festival .panel .body p.descricao,
.wave-festival label.descricao.linha-fina{
	font-family: Roboto;
	font-size: 11px;
	color: #666666;
	font-style: italic; 
	
}
.wave-festival .padrao,
.wave-festival input.text, .wave-festival label.texto, .wave-festival button.btn-cadastre-se, 
.wave-festival a.esqueceu-senha, .wave-festival label.select-categoria-tipo, .wave-festival .padrao,
.wave-festival .panel .body .categoria .select2-selection__rendered{
	font-family: Roboto;
	color: #333333;
	font-size: 16px;
	font-weight: 500;
}

.titiloLabel {
    color: rgb(151,105,41);
    font-size: 12px;
    font-weight: bold;
}

.wave-festival label.select-categoria-tipo{
	font-size: 13px;
	color: #666;
	text-transform: uppercase
}

.modal-title.text-info.vermelho{
	color: #ee1c25 !important;
	border: none;
}

.wave-festival input.text{
	color: #000 !important;
}

.wave-festival label.texto, .wave-festival div.texto{
	font-size: 16px;
	color: #444;
}

.wave-festival button.btn-cadastre-se{
	font-size: 12px;
	color: #666;
	font-weight: bold;

}

.wave-festival .div-login label{
	font-family: Roboto;
	font-weight: 400;
	font-size: 13px;
	color: #444444;
}

.wave-festival .div-login input{
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.wave-festival a.esqueceu-senha{
	font-size: 12px;
	color: #000 !important;
	font-family: Roboto;
}

.mb12{
	margin-bottom: 12px;
}

.wave-festival .panel .body .upload-button-peca{
	background-color: transparent;
    border: 1px solid #444444;
    border-radius: 25px;
    color: #444444;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}

.wave-festival .panel .body .upload-button-peca:hover{
	color: #ee1c25;
	border-color: #ee1c25;
}

.wave-festival .panel .body .row,
.wave-festival .panel .body .empresas div,
.wave-festival .panel .body .profissionais div{
	margin-bottom: 12px;
}

.wave-festival .panel .body label.regulamento{
	font-size: 14px;
	text-transform: none;
}

.wave-festival .btn.btn-default.cancel{
    font-family: Roboto;
    font-weight: bold;
    font-size: 12px;
	color: #999999; 
	text-decoration: none;
    text-decoration-color: #363636;
}

.wave-festival .btn.btn-default.cancel:hover { background-color: #ededed }
.wave-festival .btn.btn-default.cancel:active { background-color: #ededed; border-color: #d3d3d3; }

.wave-festival .btn.btn-success.submit{
    background-color: transparent;
    border: 1px solid #ee1c25;
    border-radius: 25px;
    color: #ee1c25;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
	line-height: 20px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}
.wave-festival .btn.btn-success.submit.active,
.wave-festival .btn.btn-success.submit.hover-event,
.wave-festival .btn.btn-success.submit:hover {
	color: #ffffff;
	background-color: #ee1c25;     
}

.wave-festival .panel .body label.regulamento-erro{
	font-family: Roboto;
    font-size: 11px;
    font-style: italic;
    color: #ee1c25;
}

.wave-festival .cursor.link-abas {
	border: 1px solid #e4e3e3;
    margin-left: -5px;
    padding-left: 25px;
    padding-right: 25px;
}

.wave-festival .cursor.link-abas.active {
	background-color: #e4e3e3;
}

.wave-festival .cursor.link-abas:hover {
	background-color: #e4e3e3;
}

.mgt5{
	margin-top: 5px;
}

.mgt15{
	margin-top: 15px;
}

.mgt30{
	margin-top: 30px;
}

.mgt20{
	margin-top: 20px;
}

.mgb15{
	margin-bottom: 15px;
}

.mgb40{
	margin-bottom: 40px;
}

.mgb20{
	margin-bottom: 20px;
}

.wave-festival .card-corpo.inscricao-publica label{
	font-family: Roboto;
	font-weight: 800; 
	font-size: 14px;
	color: #333333;
	line-height: 15px;
}

.wave-festival .card-corpo.inscricao-publica span{
	font-family: Roboto;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 10px;
    padding-bottom: 12px;
}

.height44{
	height: 44px;
}
.icon-vermelho-center-grande{
    left: 45%;
    top: 35%;
    position: absolute;
    font-size: 70px;
    color: #ee1c25;
}
.ajustar-modal{
    width: auto !important;
    display: table;
}
.width90{
	width: 90%;
}

.max-width100{
	width: 90%;
}
.wave-festial .saldo-antecipado{
	top: 9px;
	text-align: right;
    margin-right: 55px;
}

.wave-festial .datagridtop.ajustes{
	top: -43px !important;
}
.wave-festial .btn.btn-default.btn-primary.export-excel.ajustes{
	font-family: Roboto !important;
	font-weight: normal !important;
	font-size: 13px !important;
}
.wave-festial .ajustes-saldo-antecipado{
    font-family: Roboto !important;
    font-weight: normal !important;
    font-size: 13px !important;
    height: 31px;
    border-radius: 0;
    padding-top: 9px;
}
.wave-festival .bordrad0{
	border-radius: 0px !important;
}

.retorno-pagamento.error .mensagem,
.retorno-pagamento.sucesso .mensagem{
	font-family: Roboto;
	font-size: 19px;
	font-weight: 400;
	color: #444444;
}

.retorno-pagamento.sucesso .mensagem2{
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	color: #222222;
}

span.label-required{
    color: red!important;
}

.visualizar-transacao .pagamento-inscricao .chave{
	text-align: right;
	font-family: Roboto;
	font-weight: 400;
	font-size: 13px;
	color: #555555;
}

.visualizar-transacao .pagamento-inscricao .valor{
	text-align: left;
	font-family: Roboto;
	font-weight: 400;
	font-size: 13px;
	color: #000000;
	text-transform: uppercase;
}

.visualizar-transacao .inscricao-responsavel .chave,
.visualizar-transacao .agencia-inscricao .chave{
	font-family: Roboto;
	font-weight: 400;
	font-size: 11px;
	color: #777777;
}
.visualizar-transacao .inscricao-responsavel .valor,
.visualizar-transacao .agencia-inscricao .valor{
	font-family: Roboto;
	font-weight: 400;
	font-size: 13px;
	color: #222222;
}

.min-width-72{
	min-width: 72px!important;
}

.dropdown-menu.dropdown-menu-right.fundo-escuro-drop div{
	border-bottom: 1px solid;
}

.fundo-escuro{
	background-color: #414141;
	color: #DAD9D9 !important;
	text-align: left;
}

.btn.btn-default.fundo-escuro:hover{
	color: #000!important;
}
.btn-group .btn.btn-default.dropdown-toggle:hover,
.btn-group.open .btn.btn-default.dropdown-toggle{
	color: #DAD9D9 !important;
	background-color: #414141;
    border-color: #414141;
}

.fundo-escuro-drop>li>a:hover {
    background-color: #DAD9D9 !important;
	color: #414141 !important;	
}


.fundo-escuro-drop{
	background-color: #414141 !important;
	margin-top: -1 !important;
	border:0px !important;
	border-radius: 0 !important;
	padding-bottom: 0;
    padding-top: 0;
}

 .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default {
    background-color: #414141;
    border-color: #414141;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background-color: #414141;
    border-color: #414141;
}

 .select2-results .fa {
    float: right;
    position: relative;
    line-height: 20px;
}

.limitar-cliente {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    width: 200px;
}

.bloqueado{
	text-align: center;
	font-size: 15px;
}

.padding-top-15{
	padding-top: 15px;
}

.odd2 {
	background-color: #f0f0f0;
}

.even2 {
	background-color: #fff;
}

.even{
    background-color: #E4E4E4;
}

.mensagem-login{
	margin-top: 50px;
}

.mensagem-login p{
    color: black;
    text-align: center;
    margin: 0px;
}

.question-modal{
	color: black;
	font-size: 12px;
}

#corpo .has-error ~ div[class^="col-"]{
    margin-bottom: 20px;
}

.padding-top-55 {
    padding-top: 55px;
}

.padding-top-30 {
    padding-top: 30px;
}

.input-table{
	border: none;
	background: none;
}

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

/* AREA NEUTRA */

.panel.panel-info, .modal.modal-info .modal-content {
    border-left: 4px solid #666666;
}

.panel.panel-default.area-neutra,
.panel.panel-info.area-neutra{
	border-left: 4px solid #999999;
}

.area-neutra .panel .body label,
.area-neutra .panel .body p.nome{
	text-transform: uppercase;
	font-family: Roboto;
	font-size: 13px;
	color: #666666;
	
}
.area-neutra .panel .header label.descricao,
.area-neutra .panel .header div.descricao,
.area-neutra .panel .body p.descricao{
	font-family: Roboto;
	font-size: 11px;
	color: #666666;
	font-style: italic; 
	
}
.area-neutra .padrao,
.area-neutra input.text, .area-neutra label.texto, .area-neutra button.btn-cadastre-se, 
.area-neutra a.esqueceu-senha, .area-neutra label.select-categoria-tipo, .area-neutra .padrao,
.area-neutra .panel .body .categoria .select2-selection__rendered{
	font-family: Roboto;
	color: #333333;
	font-size: 16px;
	font-weight: 500;
}

.area-neutra label.select-categoria-tipo{
	font-size: 13px;
	color: #666;
	text-transform: uppercase
}

.area-neutra input.text{
	color: #000 !important;
}

.area-neutra label.texto, .area-neutra div.texto{
	font-size: 16px;
	color: #444;
}

.area-neutra button.btn-cadastre-se{
	font-size: 12px;
	color: #666;
	font-weight: bold;

}

.area-neutra .div-login label{
	font-family: Roboto;
	font-weight: 400;
	font-size: 13px;
	color: #444444;
}

.area-neutra .div-login input{
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.area-neutra a.esqueceu-senha{
	font-size: 12px;
	color: #000 !important;
	font-family: Roboto;
}

.area-neutra .panel .body .upload-button-peca{
	background-color: transparent;
    border: 1px solid #444444;
    border-radius: 25px;
    color: #444444;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}

.area-neutra .panel .body .upload-button-peca:hover{
	color: #999999;
	border-color: #999999;
}

.area-neutra .panel .body .row,
.area-neutra .panel .body .empresas div,
.area-neutra .panel .body .profissionais div{
	margin-bottom: 12px;
}

.area-neutra .panel .body label.regulamento{
	font-size: 14px;
	text-transform: none;
}

.area-neutra .btn.btn-default.cancel{
    font-family: Roboto;
    font-weight: bold;
    font-size: 12px;
    color: #666666;
    text-decoration: underline;
    text-decoration-color: #363636;
}

.area-neutra .btn.btn-success.submit{
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 25px;
    color: #999999;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
	line-height: 20px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}
.area-neutra .btn.btn-success.submit.hover-event,
.area-neutra .btn.btn-success.submit:hover {
	color: #ffffff;
	background-color: #999999;     
}

.area-neutra .panel .body label.regulamento-erro{
	font-family: Roboto;
    font-size: 11px;
    font-style: italic;
    color: #999999;
}

.area-neutra .card-corpo.inscricao-publica label{
	font-family: Roboto;
	font-weight: 800; 
	font-size: 14px;
	color: #333333;
	line-height: 15px;
}

.area-neutra .card-corpo.inscricao-publica span{
	font-family: Roboto;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 10px;
    padding-bottom: 12px;
}

.area-neutra .saldo-antecipado{
	top: 9px;
	text-align: right;
    margin-right: 55px;
}


.area-neutra .btn.btn-default.btn-primary.export-excel.ajustes{
	font-family: Roboto !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.area-neutra .bordrad0{
	border-radius: 0px !important;
}

.area-neutra .panel .header .title {
	font-family: Roboto;
	font-weight: 800;
	font-size: 24px;
	color: #999999;
}

.area-neutra .panel .body label,
.area-neutra .panel .body p.nome{
	text-transform: uppercase;
	font-family: Roboto;
	font-size: 13px;
	color: #666666;
	
}
.area-neutra .panel .header label.descricao,
.area-neutra .panel .header div.descricao,
.area-neutra .panel .body p.descricao{
	font-family: Roboto;
	font-size: 11px;
	color: #666666;
	font-style: italic; 
	
}

.font-desconto {
	font-size: 10px !important;;
}

.check-box-termo{
    font-family: roboto!important;
    font-size: 13px!important;
    color: #373737!important;
    word-break: break-all!important;
    display: inline!important;
}

.check-box-termo-descricao{
    font-family: roboto!important;
    font-style: italic!important;
    font-size: 10px!important;
    color: #777777!important;
}

.inline-flex{
/*     display: inline-flex; */
}

.noticacao-termo{
    font-size: 13px;
	color: #d50000;
	margin-bottom: 10px;
}
.btn-group-toggle input[type="radio"]{
	position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

@media (max-width: 992px) {
	.modal-dialog.modal-lg{
		width: 96%;
	}		
}



/* modal imagens */
/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  #myImg:hover {opacity: 0.7;}
  
  /* The Modal (background) */
  .modal-imagem {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1030; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (Image) */
  .modal-imagem-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }
  
  /* Add Animation - Zoom in the Modal */
  .modal-imagem-content, #caption { 
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close-modal-imagem {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close-modal-imagem:hover,
  .close-modal-imagem:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-imagem-content {
      width: 100%;
    }
    .conteudo-corpo{
      padding-bottom: 90px;
    }
    .footer{
    	font-size: 11px;
    	bottom: 10px;
    }
    .footer span{
    	bottom: -25px;
    }
  }
  
/*   C A B O R É   V E N D A S   -   I N I C I O   */
.btn.btn-warning {
    color: #fff;
    background-color: #EA820A !important;
}

.btn.btn-danger {
	color: #fff;
}

div.tabela-vendas, div.tabela-mesas {
	margin-top: 25px;
}
div.tabela-vendas table {
	width: 100%;
}
div.tabela-vendas table {
	color: black;
}
div.backgrund-mapa {
	background-image: url(../imagens/mapaCabore2020.png);
	width: 915px;
	height: 570px;
	margin-left: 15%;
}
div.backgrund-mapa-publico {
	background-image: url(../imagens/mapaCabore2020.png);
	width: 915px;
	height: 570px;
	margin-left: 15%;
}
.mapa-botoes {
	margin-left: 15px;
	margin-top: 5px;
}
.mesa {
	cursor: pointer;
}
.texto-assento-LIBERADA {
	color: green !important;
}
.texto-assento-RESERVADA {
	color: yellow !important;
}
.texto-assento-VENDIDA {
	color: orange !important;
}
.background-assento-LIBERADA {
	fill: rgb(11, 221, 127);
	stroke-width: 2;
	stroke: rgb(0, 0, 0);
}
.background-assento-RESERVADA {
	fill: rgb(255, 255, 0);
	stroke-width: 2;
	stroke: rgb(0, 0, 0);
}
.background-assento-VENDIDA{
	fill: rgb(238, 60, 0);
	stroke-width: 2;
	stroke: rgb(0, 0, 0);
}
.background-mesa-disponivel {
	stroke: black;
	stroke-width: 1;
	fill: rgb(11, 221, 127);
}
.background-mesa-avulso {
	stroke: black;
	stroke-width: 1;
	fill: rgb(162, 162, 162);
}
.background-mesa-finalizada {
	stroke: black;
	stroke-width: 1;
	fill: rgb(238, 60, 0);
}
text.background-mesa-disponivel {
	stroke: black;
	stroke-width: 1px;
}
text.background-mesa-avulso {
	stroke: #FFF;
	stroke-width: 1px;
}
text.background-mesa-finalizada {
	stroke: #FFF;
	stroke-width: 1px;
}
div.tabela-vendas, div.tabela-mesas {
	margin-top: 25px;
}
div.tabela-vendas table {
	width: 100%;
}
background-mesa-disponivel
div.tabela-mesas table {
	width: 50%;
	margin-left: 30%;
}
div.tabela-mesas table tbody td {
	border: 3px solid white;
}
.link {
	cursor: pointer;
}
.white-text {
	color: #fff;;
}
.black-text {
	color: black;;
}
.background-cinza {
	/*background-color: rgb(162, 162, 162);*/
	stroke: black;
	stroke-width: 1;
	fill: rgb(162, 162, 162);
}
.background-verde {
	/*background-color: rgb(11, 221, 127);*/
	stroke: black;
	stroke-width: 1;
	fill: rgb(11, 221, 127);
}
.background-amarelo {
	/*background-color: rgb(255, 255, 0);*/
	stroke: black;
	stroke-width: 1;
	fill: rgb(255, 255, 0);
}
.background-vermelho {
	/*background-color: rgb(238, 60, 0);*/
	stroke: black;
	stroke-width: 1;
	fill: rgb(238, 60, 0);
}
text.background-cinza {
	stroke: #FFF;
	stroke-width: 1px;
}
text.background-vermelho {
	stroke: #FFF;
	stroke-width: 1px;
}
.width100 {
	width: 100%;
}
tr.remover-linha{
	background-color: red;
    color: #FFF;
    font-weight: 700;
}
.carrinho-mesas{
	padding-top: 5px;
	font-size: 18px;
    font-weight: bold;
}
.row-cortesia{
	color: #EA820A;
}
.totalizadorcolunas {
	color: #fff;
	font-size: 12px;;
}
/*   C A B O R É   V E N D A S   -   F I M   */


  /* MENU-SUPERIOR
======================================*/
.menubar-superior .dropdown-toggle{
	margin-right: 30px;
    text-transform: capitalize;
}

#navbar-logo{
	height: 100px;
	width: 180px;
	margin-top:	-38px;
	margin-left: -60px;
	margin-right: 29px;
}

.menubar-superior li > a{
	color: #fff;
    text-align: left;
}

.menubar-superior #btn-logout-publico .dropdown-menu a:hover,
.menubar-superior #menus .dropdown-menu li > a:hover,
.menubar-superior #menus .dropdown-menu li > a:focus{
	color: #000;
	background-color: #DAD9D9;
}

.menubar-superior .navbar-nav .nav-item .dropdown-menu{
	background-color: #414141;
	text-transform: capitalize;
	border-radius: 0;
    min-width: 170px;
    padding: 10px 0px;
    margin: -7px -1px;
    border: none;
}

.menubar-superior .menu-logout{
	background-color: #414141 !important;
	margin-right: 28px;
}

.menubar-superior .dropdown-submenu{
  position: relative;
}

.menubar-superior .dropdown-submenu .dropdown-menu{
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.menubar-superior .navbar-nav > li > a{
	padding-top: 10px !important;
	padding-bottom: 25px !important;
	line-height: 63px;
	font-weight: 800;
}

.menubar-superior .navbar-nav > .dropdown > a{
	padding: 19px;
}


.menubar-superior .navbar-nav > .open > a, 
.menubar-superior .navbar-nav > .open > a:focus, 
.menubar-superior .navbar-nav > .open > a:hover{
	padding: 19px;
}

div.codigo-barras{
	font-size: 16px;
    font-weight: 900;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}



.jquery-waiting-base-container {
	position: absolute;
	left: 0px;
	top:0px;
	margin:0px;
	width: 100%;
	height: 100%;
	display:block;
	z-index: 9999997;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity = 65);
	background: black;
	background-repeat: no-repeat;
	background-position:50% 50%;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	color: white;
	padding-top: 25%;
}

div.background-mapa-2019 {
	background-image: url(../imagens/mapaCabore2021.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:20px;
	width: 915px;
	height: 570px;
	margin-left: 15%;
}


.editar-convite-cabore .fundo-cabore{
	width: 100%;
    position: absolute;
}

.editar-convite-cabore .primeiro-card{
	margin-top: 20%;
}

.wave-festival .panel .header .title.inativo{
	text-decoration: line-through;
}

.ficha-tecnica-prox-ant{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 99%;
}

.ficha-tecnica-prox-ant{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 99%;
}

.mnb-cliente div.title{
	color:#333;
	font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.mnb-cliente label{
	color:#333;
	font-size: 14px;
    font-weight: 700;
}

.mnb-cliente .btn.btn-success{
    color: #007bff;
    border-color: #007bff;
    background-color: transparent;
	border: 1px solid #007bff;
    border-radius: 25px;
    font-weight: bold;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}

.mnb-cliente .btn.btn-danger{
    color: #ee1c25;
    border-color: #ee1c25;
    background-color: transparent;
	border: 1px solid #ee1c25;
    border-radius: 25px;
    font-weight: bold;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}

.mnb-cliente .btn.btn-danger:hover{
    color: #fff;
    background-color: #ee1c25;
}

.mnb-cliente .form-control-checkbox {
	display: block;
    width: 100%;
    height: 40px;
    padding: 9px 0px;
}

.mnb-cliente .btn-participacao{
    text-align: center;
    margin-top: 35px;
}


.mnb-cliente .form-control-checkbox label{
	padding-right: 2%;
}

#mnb-navbar-logo {
	height:70px;
	margin-top:-25px;
	width: auto;
	margin-left: -60px;
	margin-right: 29px;
}

.mnb-dropdown-menu {
	width: 300px;
	text-align: -webkit-center;
}

.mnb-dropdown-btn {
	width: 136px;
}

.mnb-cliente label.mnb-termos-descricao {
	font-size: 12px;
	font-weight: 100;
	font-style: italic;
}

.mnb-cliente .exemplos-minibio {
    text-decoration: underline;
    font-style: italic;
    font-weight: 600;
    font-size: 11px;
    display: inline!important;
}

.mnb-cliente label.mnb-termos-descricao.msg-informacoes {
	width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.mnb-principal .msg-informativo{
	font-size: 12px;
	font-weight: 100;
	font-style: italic;
	text-align: right;
}

.mnb-cliente label.mnb-termos-titulo {
	font-size: 14px;
	font-weight: 100;
}

.mnb-cliente label.linha-fina{
	font-family: Roboto;
    font-size: 11px;
}


.mnb-cliente .div-upload{
	margin-top: 10px;
    margin-bottom: 15px;
}

.mnb-inserir-codigo input{
	outline: none;
    border: 1px solid;
    border-radius: 25px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}
.mnb-cliente .cancelar,
.mnb-cliente .btn.btn-default.cancel.cancelar{
	color: #007bff!important;    
    background-color: transparent;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 6px;
}

.mnb-cliente .cancelar{
/* 	color: #007bff!important; */
/*     background-color: transparent; */
/*     padding-top: 10px; */
/*     text-decoration: underline; */
}

.mnb-cliente .logistica{
	padding-bottom: 10px;
}
.mnb-cliente .logistica-volta,
.mnb-cliente .logistica-ida{
	margin-left: 10px;
}
.mnb-cliente label.partida-volda,
.mnb-cliente label.partida-ida{
	min-width: 40px;
	text-align: right;
}

.mnb-cliente .conjuge{
	margin-left: 10px;
}

.usuario-autenticado img.icon{
	max-width: 30px;
	max-height: 30px;
    object-fit: cover;
    width: 100%;
}

select[readonly].select2 + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2 + .select2-container .select2-selection{
	background-color: #eee;
    opacity: 1;
}
select[readonly].select2 + .select2-container .select2-selection__arrow,
select[readonly].select2 + .select2-container .select2-selection__clear{
	display: none;
}

.panel.panel-default.panel-participante .header table{
	width: 100%;
}

.panel.panel-default.panel-participante .header{
	height: 100px;
	font-size: 12px;
	color: #333333;
	font-family: 'ROBOTO';
}

.panel.panel-default.panel-participante .header img.foto-participante{
	width: 85px;
	height: 85px;
	object-fit:cover;
}

.panel.panel-default.panel-participante .header .ordenacao{
	width: 100%;
    position: absolute;
    top: -30px;
    margin: 0px;
}

.panel.panel-default.panel-participante .header .ordenacao.ordenado{
	font-weight: 800;
}

.panel.panel-default.panel-participante .header td{
	position: relative;
}

.panel.panel-default.panel-participante .header .secao-foto{
	width: 27%;
}

.panel.panel-default.panel-participante .header .secao-foto .foto{
    max-width: 150px;
    display: inline-block;
    padding-right: 10px;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario .block{
    display: block;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario .block.tipo{
    padding-top: 25px;
}

.panel.panel-default.panel-participante .header .secao-foto .foto canvas{
	width: 85px;
	height: 85px;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario{
	display: inline-block;
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario{
	height: 85px;
	vertical-align: middle;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario .t1{
	font-weight: bold;
    font-size: 20px;
    color: #333;
    text-transform: none;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario .t3{
 	color: #666666;
}

.panel.panel-default.panel-participante .header .secao-foto .usuario .t2{
	text-transform: uppercase;
}

.panel.panel-default.panel-participante .header .acompanhante{
	width: 20%;
}

.panel.panel-default.panel-participante .header .empresa{
	width: 20%;
}

.panel.panel-default.panel-participante .header .minibio{
    text-align: justify;
    width: 24%;
}

.panel.panel-default.panel-participante .header .linkedin{
	width: 9%;
}

.margb50{
	margin-bottom: 50px;
}

.select-pesquisa-participante .select2-selection.select2-selection--single{
	outline: none;
    border: 1px solid;
    border-radius: 25px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    color: #999;
    border-color: #999;
    margin-bottom: 25px;
}

.select-pesquisa-participante .select2-selection.select2-selection--single .select2-selection__rendered{
	color: #999;
}

.mgl40{
	margin-left: 40px;
}

.pointer{
	cursor: pointer!important;
}

#executivoFoto.imagem-thumbnail{
	width: 200px;
    height: 200px;
    object-fit: cover;
}

@media screen and (min-width: 1601px) and (max-width: 1768px){
	#executivoFoto.imagem-thumbnail{
		width: 175px;
	    height: 175px;
	    object-fit: cover;
	}
}

@media screen and (min-width: 1434px) and (max-width: 1600px){
	#executivoFoto.imagem-thumbnail{
		width: 150px;
	    height: 150px;
	    object-fit: cover;
	}
}

@media screen and (min-width: 1290px) and (max-width: 1433px){
	#executivoFoto.imagem-thumbnail{
		width: 130px;
	    height: 130px;
	    object-fit: cover;
	}
}

@media screen and (min-width: 1171px) and (max-width: 1289px){
	#executivoFoto.imagem-thumbnail{
		width: 115px;
	    height: 115px;
	    object-fit: cover;
	}
}

@media screen and (min-width: 992px) and (max-width: 1171px){
	#executivoFoto.imagem-thumbnail{
		width: 89px;
	    height: 89px;
	    object-fit: cover;
	}
}

@media (max-width: 940px) { 
	.navbar-brand{
		display: none;
	}
	
	.menubar-superior .dropdown-toggle{
		margin-right: 10px!important;
		font-size: 12px;
	}
}

@media (max-width: 767.98px) { 

	.mnb-cliente .secao-botoes a,	
	.mnb-cliente .secao-botoes button{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.div-login{
		width: 300px;
	}
	.div-login button{
		width: 100%;
		margin-bottom: 5px;
	}
	.panel.panel-default.panel-participante .header .secao-foto .usuario .elipsis{
		max-width: 110px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.panel.panel-default.panel-participante .header .secao-foto .usuario .t1,
	.panel.panel-default.panel-participante .header .secao-foto .usuario .t2,
	.panel.panel-default.panel-participante .header .secao-foto .usuario .t3{
		font-size: 12px;
		text-overflow: ellipsis;
	}
	
	.panel.panel-default.panel-participante .header .secao-foto .usuario .block.tipo{
	    padding-top: 35px;
	}
	
	.panel.panel-default.panel-participante .header img.foto-participante {
	    width: 40px;
	    height: 60px;
	    object-fit: cover;
	}
	
	.modal.modal-exemplo-mmb .modal-dialog{
	    width: 96%;
	}
	
	.modal.modal-exemplo-mmb .modal-dialog img{
		width: 100%;
	}
	
	#template-publico nav.navbar table td:nth-child(2){
		text-align: center;
		width: 90% !important;
	}
	#template-publico nav.navbar table td:nth-child(1),
	#template-publico nav.navbar table td:nth-child(3){
		width: 5% !important;
	}
	#template-publico nav.navbar #icone-home{
	    margin-top: -4px;
	}
	#template-publico nav.navbar .inscricoes-titulo a{
		margin-top: 5px;
	}
	#template-publico nav.navbar .inscricoes-titulo .nome-do-evento{
		font-size: 18px;
	}
	#template-publico .nav-internacionalizacao div:first-child{
		font-size: 12px;
	}
	#template-publico .nav-internacionalizacao div:last-child{
		font-size: 10px;
	}
	#template-publico .inverter-div-idiomas-mobile .nav-internacionalizacao div:first-child{
	    margin-top: 23px;
        margin-bottom: 15px;
	}
	#template-publico .inverter-div-idiomas-mobile .nav-internacionalizacao div:last-child{
	    float: inherit;
	    position: absolute;
	    top: 39px;
	    right: 0;
	    width: 100%;
	    background: #fff;
	    height: 28px;	    
	}
	#template-publico .header.inscricao-publica .nome,
	#template-publico .header.inscricao-publica .titulo-seminario{
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 12px;
	}
	#template-publico .table-cabecalho-insc-publica{
	    line-height: 23px;	    
	}
	#template-publico .header.inscricao-publica .categoria{
		font-size: 10px;
	}
	#template-publico .table-cabecalho-insc-publica .titulo {
	    width: 64%;
	}
	#template-publico .table-cabecalho-insc-publica .acao .dropdown,
	#template-publico .table-cabecalho-insc-publica .campanha > div{
		margin-top: -40px;
		text-align: center;
	}
	#template-publico .table-cabecalho-insc-publica a.btn.dropdown-toggle{
		padding-right: 20px;
	}
	#template-publico .header.inscricao-publica .pecas {
	    margin-top: 0px;
	}
	#template-publico .header.inscricao-publica .card-corpo,
	#template-publico .wave-festival .card-corpo.inscricao-publica label {
		font-size: 12px;
	}
	#template-publico .sub-nav .link {
	    margin: 0;
	    font-size: 13px;
	}	
	#template-publico #form-ingressos .wave-festial label,
	#template-publico #form-pagamento .wave-festial label{
		display: inline;
	}
	#template-publico #form-ingressos .painel-seminario-item{
		width: 100%;
	}
	#template-publico #form-pagamento .wave-festial .btn.btn-success.submit{
		margin-bottom: 15px;
	}
	#template-publico .badge.badge-inscricao {
	    display: inline-block;
	    white-space: normal;
	}
}


/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #CCCCCC; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; 
}

/* The navigation menu links */
.sidenav a {
  padding: 10px;
  text-decoration: none;
  font-size: 20px;
  color: #333333;
  display: block;
  transition: 0.3s;
  text-align: center;
  text-transform: uppercase;
  font-family: Roboto;
}

.sidenav a.option{
	  background-color: #D7D7D7;
	  font-size: 20px;
}


.sidenav a.option img.foto{
	width: 100px;
    height: 100px;
    object-fit: cover;
}


.inscricoes-titulo-mobile{
	font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-transform: none;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.inscricoes-titulo.header-mobile div.brand,
.inscricoes-titulo-mobile div.brand{
    display: inline-block;
    margin-top: 15px;
}

.inscricoes-titulo-mobile div.menu{
	position: absolute;
    top: 17px;
    cursor:pointer;
}

.sidenav div.header-mobile{
	position: absolute;
    width: 100%;
    top: 0;
    background-color: #000;
    min-height: 62px;
}

.sidenav div.header-mobile .closebtn{
	font-size: 30px;
	font-weight: bold;
    color: #fff;
    text-transform: none;
    top: -3px;
}

.sidenav div.header-mobile a.titulo-mobile{
    padding-left: 0px;
    padding-top: 17px;
	font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-transform: none;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  font-size: 36px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#layout {
  transition: margin-left .5s;
  padding: 20px 20px 0;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.inscricoes-titulo.header-mobile{
	vertical-align: middle;
    text-align: center;
}

.inscricoes-titulo .nome-do-evento{
	display: block;
}

.inscricoes-titulo .acesse-site{
	display: block;
	color: #a9a8a8;
	font-size: 10px;
	font-family: Roboto;
}


.inscricoes-titulo-mobile .nome-do-evento,
.inscricoes-titulo.header-mobile  div.brand .nome-do-evento{
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	display: block;
	font-size: 19px;
}
.inscricoes-titulo-mobile .acesse-site,
.inscricoes-titulo.header-mobile  div.brand .acesse-site{
	display: block;
	color: #a9a8a8; 
	font-size: 10px; 
	font-family: Roboto;
}



.inscricoes-titulo.header-mobile div.brand a{
	padding: 0px;
}

.modal-titulo-codigo{
    font-size: 20px;
    margin-bottom: 20px;
}

.cropper-espacamento {
	margin-top: -20px;
	margin-bottom: -15px;
}

.loading-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8); 
	z-index: 9999;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 20px;
}

.wave-festival .informativo-cadastro-empresa {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    margin-top: 15px;
    margin-left: 5px;
}

.width150{
	width: 150px!important;
}


div.has-error .checkbutton-ficha{
	margin-top: 20px!important;
}

.table-ingresso{
	width: 97.5%;
	margin-left: 30px;
	margin-top: 10px;
}
.table-ingresso .titulo{
	width: 40%;
	font-weight: bold;
}
.table-ingresso .quantidade{
	width: 60%;
	display: inline;
}
.table-ingresso .botao{
	margin: 5px;
	margin-top: 8px;
	background-color: #0080ff;
	color: #ffffff;
	padding: 5px;
	height: 20px;
	width: 20px;
	border-radius: 15px;
}
.table-ingresso .qtde{
	margin-top: 8px;
}
.table-ingresso .icon-botao{
	margin-left: -5px;
	margin-bottom: 15px;
}

.modal-convite-seminario{
	font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.modal-convite-seminario .tipo-escolha{
    line-height: 50px;
    margin-bottom: 15px;
}

.modal-convite-seminario .card-compra {
	display: flex;
	column-gap: 36px;
	row-gap: 8px;
	margin-left: 15px;
	padding: unset;
	flex-flow: row wrap;
	width: 100%;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item {
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 20%);
    padding: 18px 18px 54px 18px;
    margin-left: 0px;
    max-width: 280px;
    min-width: 280px;
    position: relative!important;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .descricoes-tabela{
	min-height: 70px;
	padding-left: 0px;
	padding-right: 0px;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .titulo-seminario{
    font-family: Roboto;
    font-weight: 800;
    font-size: 14px;
    color: #333333;
    line-height: 1.2em;
    margin-bottom: 12px;
    font-size: 16px;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .categoria{
	font-size: 16px;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .categoria span.valor-bruto{
	text-decoration: line-through;
    color: #BBBBBB;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .categoria  span.valor-com-desconto{
    color: #4DB56E;
    font-weight: 800;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .secao-botao{
    padding: 0;
    margin: 0;	
    border-top: 1px solid #ccc;
    position: absolute;
    width: 244px;
    left: 18px;
    bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .secao-botao .div-btn{
    padding: 0;
    margin: 0;	
	width: 100%;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .secao-botao .div-btn .btn-add-diminuir{
	padding: 0!important;
    display: inline;
    padding: 4px;
    font-size: 24px;
    cursor: pointer;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .secao-botao .div-btn .btn-add-diminuir:hover{
	background-color: #eee;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item  .btn-add-diminuir{
    text-align: center;
    width: 18px;
    padding: 0;
    font-size: 20px;
    line-height: 50px;
    color: #54B4FF;
}

.modal-convite-seminario .panel.panel-default.painel-seminario-item .qtd-seminarios{
    width: 25px;
    text-align: center;
    border: none;
    padding: 0;
    font-size: 17px;
}

.tabela-jurado-vaga{
    font-size: 16px;    
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.vaga a{
	margin-left: -15px;
	margin-top: 25px;
}

.vaga .icon{
    background-color: gray;
    color: white;
    padding: 5px;
    border-radius: 50%;
}

.datepicker-days .day:not(.disabled){
	color: #b6985a!important;
	font-weight: 700;
}


table.table-listagem .linha-selecionada{
	background-color: green!important;
    color: #fff!important;
}

.btn.btn-default.to-clipboard-redirect:active{
	background-color: #d4d4d4!important;
    border-color: #8c8c8c!important;
}

.tabela-valores-dinamicos td {
	padding: 11px 8px 9px 8px;
	line-height: 1.2em;
}

.desabilitar-compra-ingresso {
	pointer-events: none;
	background-color: #F6F7F7;
	color: #8C8F94!important;
	border-left-color: #DCDCDE!important;
	opacity: .45;
}

.desabilitar-compra-ingresso .panel.panel-default.panel-info.wave-festial {
	pointer-events: none;
	background-color: #F6F7F7;
	color: #8C8F94;
	border-left-color: #DCDCDE!important;	
	opacity: .45;
}

@media (max-width: 767px) {
	#imagemDesktop {
		display: none;
	}
}

@media (min-width: 768px) {
	#imagemMobile {
		display: none;
	}
}