@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:1rem;
	background:#FFF;
	height:100vh;
	padding-top:43px;
    /*background-size:cover*/
}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:#3e9dd4;border-radius:5px;}
::-webkit-scrollbar-track{background:#292b40;}

input:focus,select:focus,textarea:focus,button:focus{outline:none}

	a{color:#46afef;text-decoration:none}

.base-login{
    background:linear-gradient(34deg, #000046 37%, #1CB5E0);
    background:-webkit-linear-gradient(34deg, #000046 37%, #1CB5E0);
    background:-moz-linear-gradient(34deg, #000046 37%, #1CB5E0);
    background:-o-linear-gradient(34deg, #000046 37%, #1CB5E0);

}
.site{
	position:relative;
	width:100%;
	float:left;
}
.site:before,
.site:after
{
	content:"";
	display:table;
	clear:both;
}


.base-topo{
	background:linear-gradient(34deg, #000046 37%, #4FB4D2);
	background:-webkit-linear-gradient(34deg, #000046 37%, #4FB4D2);
	background:-moz-linear-gradient(34deg, #000046 37%, #4FB4D2);
	background:-o-linear-gradient(34deg, #000046 37%, #4FB4D2);
	height:57px;
	padding:0 10px;
	width:100%;
	top:0;
	z-index:4;
	position:fixed;
	box-shadow: 0px 3px 3px 0 #25232352;
}
.base-topo .conteudo{
    display:flex;
	width:100%;
	left:0;
	padding:0 4rem
}
.base-topo .logo{
	display:inline-block;
	background:url(../img/bom-bordo-logo.svg) no-repeat;
	background-size: cover;
    width: 112px;
    height: 35px;
    margin-top: 10px;
	fill:#fff;
	stroke:#fff
}
.base-topo .m-user{
	display:inline-block;margin-top:1rem
}

.base-topo .m-user li{
	display:inline-block;
}
.base-topo .m-user li a.logoff{
	background:#0770d0;
	color:#FFF;
	padding:.3rem .5rem;
	border-radius:4px;
	padding-right:1.4rem;
	position:relative
}
.base-topo .m-user .sub .logoff:before{
	    position: absolute;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
    content: "";
    right: 4px;
    top: 14px;
    border-radius: 3px;
	}

.base-topo .m-user .sub a{color:#00bcd4;}
.base-topo .m-user .sub ul{
	width: 200px;
	right:0;
	position:absolute;
	background:#ffffff;
	border:solid 1px #0f5ea8;
	border-radius:2px;
	/*display:none;*/
	opacity:0;
	transition:all .5s linear;
	margin-top:-300px;
	z-index:1;
    box-shadow: 0 0 5px 0 #00000024;
}
.base-topo .m-user .sub:hover ul{
	opacity:1;
	transition:all .5s linear;
	margin-top:6px;
	z-index: 2;
}

.base-topo .m-user .sub li{
	display:block
}
.base-topo .m-user .sub li a{
	display:block;padding:.5rem;
	color:#1e6fba;
}


/*menutopo*/


#principal{

}
 .menutopo{
	height:100%;
    position: inherit;
    margin-top: 12px;
    background:none;
	z-index:2;
	transition:all .4s
}


#chx:checked ~ #principal{transform: translateX(-225px)}

.mostrarHome{width:100%}
.encolherHome{width:100%}

.base-topo ul{display:block;}
.menutopo li{display:inline-block!important;}
.menutopo ul li a,
.menutopo .ui-accordion-header
{
	color:#fff!important;
	text-decoration:none;
	font-size:1rem;
	transition:all .5s linear;
	padding:.4rem 1rem;
	display:block;
	font-weight:300;
	cursor:pointer;
	position:relative
}
.menutopo ul li a:hover,
.menutopo .ui-accordion-header:hover
{
	background:#27598b
}
.menutopo ul li a:hover{
	color:#46afef;
	transition:all .3s linear;
}
#accordion{
	padding-top:1rem
}

#accordion .ui-state-active{
	outline:none;
	background:#a7a7a7
}
.menutopo .ui-accordion-content li a{padding-left: 2rem;font-size: .9rem;opacity: .8;}

.menutopo ul>li a.sub{
	background:#0770d0;
	color:#FFF;
	padding:.3rem .5rem;
	border-radius:4px;
	padding-right:1.4rem;
	position:relative
}
.menutopo ul>.sub:before,
.base-topo ul>.sub.submenu ul>li.op_sub:before
{
	    position: absolute;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
    content: "";
    right: 3px;
    top: 14px;
    border-radius: 3px;
}

.menutopo ul>.sub {position:relative}
.menutopo ul>.sub a{color:#00bcd4;}
.menutopo ul>.sub ul{
	width: 155px;
	right:0;
	position:absolute;
	background:#3c88b0;
	border:solid 1px #0f5ea8;
	border-radius:2px;
	/*display:none;*/
	opacity:0;
	transition:all .5s linear;
	margin-top:0px;
	z-index:1;
    box-shadow: 0 0 5px 0 #00000024;
	visibility:hidden;
}
.menutopo ul>.sub:hover ul{
	opacity:1;
	transition:all .5s linear;
	margin-top:0px;
	visibility:visible
}

.menutopo ul> .sub li{
	display:block!important
}
.menutopo ul> .sub li a{
	display:block;padding:.5rem;
	color:#1e6fba;
}


.base-topo ul>.sub.submenu ul>li.op_sub>ul{
	visibility:hidden;
	opacity:0;
	right:-155px;
	top:0;
}

.base-topo ul>.sub.submenu ul>li.op_sub{
	position:relative;
}
.base-topo ul>.sub.submenu ul>li.op_sub:hover ul{
	opacity:1;
	transition:all .5s linear;
	margin-top:0px;
	visibility:visible
}

.ui-accordion-header:before{
	position: absolute;
    content: "+";
    right: 12px;
    top: 7px;
    border-radius: 3px;
}

.conteudo{
	width: 1027px;
    margin: 0 auto;
    display:block;
}
.base-viagem{
	position:relative;
	height: calc(100vh - 54px);
	background:url(../img/ferryboat.jpg) no-repeat;
	background-position-y: -174px;
	background-size:cover;
	width:100%;
	top:-3px
}
.base-viagem .caixa-viagem{
	padding-top:1rem;position:relative;width:100%
}
.base-viagem .col-6.alt{
	max-width: 46%;
    ms-flex: 0 0 46%;
    flex: 0 0 46%;
}
.selecao{min-height: 252px;}
.selecao .btn-azul{font-size: 1.2rem;}
.base-viagem .caixa-viagem .selecao input[type=radio]{display:none}
.base-viagem .caixa-viagem .selecao label{display:inline-block;padding:.4rem 1.2rem;background:#fff;border-radius:5px;font-size:.9rem;font-weight:600;color:#5888de}
.base-viagem .caixa-viagem .selecao label:nth-of-type(2){margin-left:1.2rem}
.base-viagem .caixa-viagem .selecao input:checked + label{background:#5888de;color:#fff;box-shadow:0 3px 1px #00000038;}

.base-viagem .caixa-viagem .selecao input + label + div.aba {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 58px;
    left: 0;
    min-height: 300px;
    padding:0px;
    z-index: -1;
    transition: opacity ease-in-out .3s;
}
.base-viagem .caixa-viagem .selecao input:checked + label + div.aba {
    opacity: 1;
    z-index: 0;
}
.base-viagem .caixa-viagem .selecao select,
.base-viagem .caixa-viagem .selecao input[type=date]
 {
    background: none;
    font-size: .9rem;
    color: #0057a6;
    padding: .5rem 0;
    width: 80%;
    border: 0;
    font-weight: 600;
}

.base-viagem i.ico-ida {float:left;width:32px;height:36px;content:url(../img/navio-ida.svg);margin-top: 8px;margin-right: 6px;}
.base-viagem i.ico-vinda {float:left;width:32px;height:36px;content:url(../img/navio-vinda.svg);margin-top: 8px;margin-right: 6px;}
.base-viagem i.ico-data {float:left;width:32px;height:36px;content:url(../img/ico-calendario.svg);margin-top: 8px;margin-right: 6px;}
.base-viagem i.ico-users {width: 35px;height: 35px;content: url(../img/passageiros.svg);margin-top: 0px;margin:0 auto;}
.base-viagem .h2 {font-size: 1.8rem!important}
.base-viagem .h4 {font-size: 1.1rem!important;}
.base-viagem .ico-pass{display:flex;}
.base-viagem .ico-pass li small{font-size:.5rem;font-weight:600}
.base-viagem .ico-pass li{color:#477ad6;display:grid;margin:0 .3rem;background:#fff;border-radius:5px;width: 60px;height: 45px;padding: .2rem;font-size:1.3rem;text-align:center;align-items: center;}
.base-viagem .ico-pass li.ativo {box-shadow: 0 4px 2px #00000054;background:#477ad6;color:#fff}
.base-viagem .a,
.base-viagem .b
{
	position: absolute;
    color: #0057a6;
    top: 0;
    font-size: 1rem;
    padding: 0rem .2rem;
    line-height: 0rem;
    border: solid 1px #0057a6;
    border-radius: 4px;
    width: 20px;
    height: 20px;
}
.base-viagem .a{left:0}
.base-viagem .b{right:0; background: #0057a6; color: #fff;}
.colunas{grid-template-columns: 1.5fr  3fr;
    grid-gap: 10px;
    padding: 6px 4px;
}
.colunas.dois{
	grid-template-columns: 3fr 2fr;
    grid-gap: 10px;
    padding: 0px 5px;
}
.colunas strong{text-align:left;    font-size: .9rem;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.base-viagem input[type=number]{text-align:center;width:100%;background: none;font-size: 1rem;color: #0057a6;border:0}
.base-viagem .seta{top: -10px;position:relative}

.mobmenu{
	display: none;
    position: absolute;
    left: 2rem;
    top: 12px;
    z-index: 2;
    font-size: 2rem;
    color: #a4dafb;
}
.caixa{
	display:inline-block;
	background:#FFF;
	width:100%;
	    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    padding:15px;
   /* box-shadow: 0 0 4px 0 #95949429;*/
}
.caixa .text-label{font-weight:600;color:#9c9c9c}

.caixa.azul{background:#0057a6!important;color:#fff}
.caixa.azul .hora{padding: .4rem .3rem;font-size: .8rem;width:100%;text-align:center;background: #98ceff;color: #004482;}
.caixa.azul .col-2.alt{padding:0 .2rem;}
.caixa.azul .paradas ul li span {
    width: 35px;
    height: 35px;
	    font-size: 1rem;
		top: 1px;
    left: 1px;
}

.caixa.azul .paradas ul li .ico-fechar {
    width: 35px;
    height: 35px;
    font-size: 1rem;
}
.caixa.azul .paradas ul li {
    margin: 6px 0;
    padding: .7rem;
    font-size: .78rem;
    padding-left: 43px;
}

.titulo{
    display: block;
    color: #959494;
    text-align: left;
    font-size: 2.2rem;
    line-height: 3.4rem;
}
.subtitulo{
    display: block;
    color: #444;
    text-align: left;
    font-size: .75rem;
    letter-spacing: 0;
}

.base-config{
	width:100%;
	margin-top:2rem
}

.base-config .hora{
    display: inline-block;
    padding: .4rem .5rem;
    font-size: .89rem;
    border-radius: 4px;
        background: #3589d6;
    position: relative;
    border: solid 2px #1e6fba;
	color:#fff;
	text-transform:uppercase
}
.base-config .hora a,
.base-config .hora .closed
 {
    position: absolute;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    top: -10px;
    background:#D0352A;
    color: #fff;
    padding: .1rem;
    text-align: center;
    box-shadow: -2px 1px 1px 0 #00000073;
	z-index:3;
	transition:all .3s linear
}
.base-config .hora .closed
 {
    width: 15px;
    height: 15px;
    background:#D0352A;
    padding:.12rem .1rem;
	font-size: .6rem;
}

.base-config .hora a:hover,
.base-config .hora .closed:hover{background:#c3c3c3;transition:all .3s linear}
.base-config.confg-2 .hora.marcado {  background:#C4C4C4; border: solid 1px #c1c1c1;}
.base-config.confg-2 .cx-sem { margin:0 .3rem}
.base-config.confg-2 .ico-viagem {
	width: 19px;
    height: 17px;
    background: url(../img/ico-navio-frente.svg) no-repeat center;
    display: inline-block;
    float: left;
    background-size: contain;
}
.base-config.confg-2 .ico-cifrao {
	width: 19px;
    height: 17px;
    background: url(../img/ico-dollar.svg) no-repeat center;
    display: inline-block;
    float: left;
    background-size: contain;
}
.base-config.confg-2 .ico-config1 {
	width: 19px;
    height: 17px;
    background: url(../img/ico-configuracao.svg) no-repeat center;
    display: inline-flex;
    background-size: contain;
}
.base-config.confg-2 .ico-config2 {
	width: 19px;
    height: 17px;
    background: url(../img/ico-configuracao2.svg) no-repeat;
    display: inline-flex;
    background-size: contain;
}
.base-config.confg-2 .col-4.alt {
	max-width: 40.333333%;
    ms-flex: 0 0 40.333333%;
    flex: 0 0 46.333333%;
}

.base-config.confg-2 .btn-azul,
.base-config.confg-2 .btn-cinza
 {
	    justify-content: center;
		display:flex!important;
		align-items: center;

}


.base-config.confg-2 .hora {background: #1CB5E0;border: solid 1px #12a4ce;}

.paradas ul{display:block;}
.paradas ul li{
	display:block;
	margin: 15px 0;
    background: #1e6fba;
    color: #fff;
    padding: .7rem;
    font-size: 1rem;
    text-transform: uppercase;
    position: relative;
    padding-left: 60px;
    border-radius: 50px;
	}
.paradas ul li .ico-fechar{
	    position: absolute;
    border-radius: 50px;
    width: 37px;
    height: 37px;
    top:2px;
    right: 2px;
    background:none;
    color: #fff;
    padding: .5rem;
    text-align: center;
    /*box-shadow: -2px 1px 1px 0 #00000073;*/
    font-size: 1.3rem;
	}
.paradas ul li span{
	    position: absolute;
    border-radius: 50px;
   width: 50px;
    height: 50px;
    top: -4px;
    left: 0;
    background: #fff;
    color: #1e6fba;
    padding: .5rem;
    text-align: center;
    /* box-shadow: -2px 1px 1px 0 #00000073; */
    font-size: 1.6rem;
    font-weight: 700;
    border: solid 2px #1e6fba;
	transition:all .5s linear
	}
.paradas ul li .ico-fechar:hover{background: #f57878;transition:all .5s linear}

.base-config .caixa{
	width:100%;
	background:#fff;
	margin-bottom:1rem
}
.base-config .colunas-5{
	grid-template-columns: .85fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}
.base-config .colunas-5 small{font-size:.6rem}
.base-config .colunas-5 .detalhes{position:relative;display:block}
.base-config .colunas-5 .detalhes:after{content: url(../img/seta-dow-1.svg); position: absolute;right: -2px;top: 3px;}

.base-config .mostraDetalhes{
	width:100%;
	border-top:solid 1px #ddd;
	min-height:100px;
	display:none
}
.base-config .mostraDetalhes .text-azul{color:#2588e1!important;text-transform:uppercase;font-size:.75rem!important}
.base-config .mostraDetalhes ul li{
	display:block;
	color:#8e8d96;
	font-size:.7rem;
	text-transform:uppercase;
	padding:.3rem 0;
	position:relative
}
.base-config .mostraDetalhes ul li span{display:inline-block;margin-left:2rem;width:100px;font-weight:600}
.base-config .mostraDetalhes ul li span:nth-of-type(1){margin-left:0rem;width:94px;font-weight:inherit}
.base-config .mostraDetalhes hr{width:44px;position:absolute;left:23%;top:50%}

.base-config .ativo{box-shadow: inset 8px 0 0 0 #5888de, 0 0 0px 2px #5888de;}
.base-config .ativo .text-cinza{color:#0057a6!important}

.base-config .semanas input{display:none}
.base-config .semanas input + label{
	display:block;
	width:50px;
	height:50px;
	background:#c3c3c3;
	color:#fff;
	text-align:center;
	border-radius:50px;
	margin:0 5px;
	align-items:center;
	padding:13px;
	font-size:1.1rem
}
.base-config .semanas input:checked + label{
	background:#4d96d8;
	color:#fff;
}


.base-config.quadro-viagens .caixa.alt{
	box-shadow:0 2px 4px 0 #9594948a;
	border:solid 1px #ddd;
	-webkit-border-radius: 5px;
	padding:10px
}

.base-config.quadro-viagens .icoCadeira{
	width: 16px;
    height: 19px;
    display: inline-flex;
    background: url(../img/ico-cadeira-cinza.svg);
    background-size: cover;
    position: relative;
    top: 4px;
}
.base-config.quadro-viagens .icoCadeira.azul{
    background: url(../img/ico-cadeira-azul.svg);
    background-size: cover;
}
.base-config.quadro-viagens .icoCadeira.verde{
    background: url(../img/ico-cadeira-verde.svg);
    background-size: cover;
}
.base-config.quadro-viagens .icoCadeira.vermelho{
    background: url(../img/ico-cadeira-vermelho.svg);
    background-size: cover;
}
.base-config.quadro-viagens .check input[type=checkbox] {border-radius: 3px;border-width:1px;}

.base-config.quadro-viagens .ocupacao {
	padding: 5px 8px;
    background: #ccc;
    color: #fff;
    border-radius: 6px;
	margin:0 3px
}
.base-config.quadro-viagens .ocupacao.verde { background:#03B5AA;}
.base-config.quadro-viagens .ocupacao.vermelho { background:#D0352A;}
.base-config.quadro-viagens .text-vermelho { color:#D0352A!important;}

.caixa-filtro{
	width:28%;
	float:right;
	background:#e8e8e8;
	border-radius:5px;
	height:83px;
	position:absolute;
	right:0;
	top:0
}
.detalhe-pagamento small{font-size:.6rem}
.detalhe-pagamento .btn.btn-azul {
    border: solid 1px #0057a6;
    background: #0057a6;
    color: #FFF!important;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 1.2rem;
	width:100%;
}
.base-calendario .lSSlideOuter .lSPager.lSpg{display:none}
.base-calendario .lSAction > a.lSPrev {
	background: #c3c3c3 url(../img/seta-left.png) no-repeat center!important;
    background-size: 100%;
    width: 23px;
    top: 78%;
    height: 62px;
    margin-top: -49px;
    left: 0px;
    opacity: 1;
    bottom: 0;
}
.base-calendario .lSAction > a.lSNext {
	background: #c3c3c3 url(../img/seta-right.png) no-repeat center!important;

	background-size:100%;
	width: 23px;
    top: 78%;
	 height: 62px;
    margin-top: -49px;
    right: 0px;
    opacity: 1;
    bottom: 0;
}
.base-calendario .item{
	background: #c3c3c3;
    border-radius: 5px;
    padding:.1rem .5rem;
}
.base-calendario .lslide,
.base-calendario .clone
{width:80px!important;background:#fff;    margin-right: 1px!important;text-align:center;padding:.2rem .4rem}

.base-calendario .lslide span,
.base-calendario .clone span
{display:block;font-size:1.4rem;font-weight:700}

.base-calendario .lslide small,
.base-calendario .clone small
{display:block;text-transform:uppercase;font-size:.6rem}

.base-calendario .lslide a,
.base-calendario .clone a
{color:#0057a6}

.base-calendario .content-slider {height:56px!important;padding: 0 10%;}

.calendario{
	padding:10px 20px;
}
.calendario .col-7,
.calendario .col-7-2{
	text-align:center;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	position:relative;
	    background: #ffffffab;
    font-size: .9rem;
	font-weight:bold;
	margin-bottom:-1px;
	margin-right:-1px;
	padding: .4rem;
}
.calendario .col-7-2{font-weight:400}

.calendario .col-7.limpo,
.calendario .col-7-2.limpo{
	background:#e6e6e6
}
.calendario .col-7:hover,
.calendario .col-7-2:hover{
	background:#eee
}
.calendario .col-7.alt,
.calendario .col-7-2.alt{
    border: 0;
    background: #1073bb87;
    font-size: .8rem;
    padding: 10px;
	font-weight:inherit;
	text-transform:uppercase
}

.calendario .col-7-2.alt{
	background:#cacaca;
}
.calendario .rows{
	border-top:0;
}
.bg-cal{
	background: #424458;
    text-align: center;
    padding: .3rem .5rem;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.caixa_B{
	width:25px;
	height:25px;
	display:inline-block;
	background:#eee;
	margin-right:5px;
	border-radius:50%;
	    border: solid 1px #444;
}
.caixa_B.Bms_um,
.calendario .col-7.Bms_um,
.calendario .col-7-2.alt.Bms_um,
.calendario .col-7-2.Bms_um
{
	background:#00B2B2;color:#fff
}
.caixa_B.Bms_dois,.calendario .col-7.Bms_dois{
	background:#F8E354;color:#333
}
.caixa_B.Bms_tres,.calendario .col-7.Bms_tres{
	background:#85B200;color:#fff
}
.caixa_B.Bms_quatro,.calendario .col-7.Bms_quatro{
	background:#ffa500;color:#333
}
.caixa_B.Bms_msg,.calendario .col-7.Bms_msg{
	background:#ec5454;color:#fff
}


/*caixa-login*/
.caixa-login{
	background:#fff;
	border-radius:30px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	padding-right:40px;
	position:relative
}
.caixa-login h1{
	text-align:center;
	text-transform:uppercase;
	 color: #1977ad;
    font-size: 1.5rem;
    font-weight: 400;
}
.caixa-login a.senha{
	color:#5d3273
}
.caixa-login .label{
	display:block;
	padding-top:.2rem;
	padding-bottom:.4rem;
	color:#1977ad;
}
.caixa-login .esquecisenha{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	padding:20px 40px;
	background:#eee;
	border-radius:5px;
	display:none
}
.caixa-login .esquecisenha .senha{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer
}
.caixa-login .esquecisenha h1,
.caixa-login .esquecisenha .label
{
	color:#333;

}
.caixa-login .esquecisenha h1
{
	font-size: 1.5rem;
	text-transform:uppercase;
	font-weight:600

}

.check input[type=checkbox]{
	background: #c4c4c4;
    appearance: none;
    border: solid 2px #929292;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: relative;
    top: 3px;
}
.check input:checked[type=checkbox]{
	background: #368fe0;
    appearance: none;
    border: solid 2px #2877bf;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: relative;
    top: 3px;
}
.check input:checked[type=checkbox]:before{
	content:url(../img/check.svg);
	color: #fff;
    font-weight: 600;
    position: absolute;
    top: 2px;
    left: 3px;
}
.check.min input[type=checkbox]{
	 width:15px;
    height:15px;
}
.check.min input:checked[type=checkbox]:before{
	 width:15px;
    height:15px;
	top: 0px;
    left: 0px;
}

/*area-camorote*/
.base-camorote{
	width:100%;
	display:inline-block;
	padding-top:1rem;
	padding-bottom:1rem;
}
.base-camorote .col-10.m-auto{

	height:450px;overflow-y:auto
}
.base-camorote .area-camorote{
	display:grid;
	grid-template-columns: 28% 34% 28%;
    grid-gap: 44px;
	padding:5px;
	border-radius:4px
}
.base-camorote .area-camorote .areas_C .col-4,
.acomodacao .area-camorote .areas_C .col-4
{
	max-width: 32.48%;
	ms-flex: 0 0 32.48%;
    flex: 0 0 32.48%;
	text-align:center;
	align-items:center
}
.base-camorote .area-camorote .areas_C .col-3
{
	max-width: 24.28%;
	ms-flex: 0 0 24.28%;
    flex: 0 0 24.28%;
	text-align:center;
	align-items:center
}
.acomodacao .area-camorote .areas_C .col-3
{
	max-width: 18.28%;
	ms-flex: 0 0 18.28%;
    flex: 0 0 18.28%;
	text-align:center;
	align-items:center
}
.acomodacao .area-camorote .areas_C.alt4 .col-3
{
	max-width: 22.28%;
	ms-flex: 0 0 22.28%;
    flex: 0 0 22.28%;
}

.base-camorote .area-camorote .areas_C .col-4:hover,
.base-camorote .area-camorote .areas_C .col-3:hover{opacity:.6}

.acomodacao  .areas_C .col-4:hover,
.acomodacao  .areas_C .col-3:hover{opacity:.6}

.base-camorote .area-camorote .areas_C .col-4,
.base-camorote .area-camorote .areas_C .col-3,

.acomodacao .area-camorote .areas_C .col-4,
.acomodacao .area-camorote .areas_C .col-3
{
	padding:5px;
	margin-left:1px;
	margin-right:1px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:1.2px;
	background:#ddd;
	color:#444;
	border:solid 1px #cac8c8
}
.base-camorote .area-camorote .areas_C .col-3.livre,
.base-camorote .area-camorote .areas_C .col-4.livre
{
	background:#1aa9d5;color:#FFF;border-color:#168ebf
}

.base-camorote .area-camorote .areas_C .col-3.selecione,
.base-camorote .area-camorote .areas_C .col-4.selecione
{
	    background: #f78e8e; color: #FFF; border-color: #c65e5e;
}
.base-camorote .area-camorote .areas_C .col-3.naoDisp,
.base-camorote .area-camorote .areas_C .col-4.naoDisp
{
	    background: #fff; color: #FFF; border-color: #fff;
}

.base-camorote .area-camorote .areas_C,
.acomodacao .area-camorote .areas_C
{
	/*padding-left:15px;
	padding-right:15px;*/
	display: flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	padding-top:1px
}
.base-camorote fieldset{
	border-radius:4px;
	border:solid 1px #2dacda;
	padding:.4rem .4rem;
}
.base-camorote fieldset legend{
	padding:0rem .4rem;font-weight:600;color:#444;
	text-align:center
}
.base-camorote fieldset .quadro{
	font-weight:400;color:#444;
	padding:0 8px;
	font-size:.85rem
}
.base-camorote fieldset .quadro:first-child{
	padding-left:8px
}
.base-camorote fieldset .quadro:last-child{
	padding-right:0rem
}
.base-camorote fieldset .quadro.livre:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #1aa9d5;
    display: inline-block;
    position: relative;
    top: 4px;
}
.base-camorote fieldset .quadro.selecionado:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #f78e8e;
    display: inline-block;
    position: relative;
    top: 4px;
}
.base-camorote fieldset .quadro.naoDisp:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    display: inline-block;
    position: relative;
    top: 4px;
	border:solid 1px #ddd
}

/*cadeiras*/
.base-camorote.cadeira{
	width: 75%;
    display: block;
	margin: 0 auto;
	background:url(../img/catamarã.svg) no-repeat top center;
	background-size:cover;
	height:1421px;
	    background-position-y: 10px;
	padding-top:13rem;
	margin-bottom: 3rem;
}
.base-camorote.cadeira .quadro{
	font-weight:400;
	color:#444;
	padding:0 8px;
	font-size:.85rem;
	margin:.3rem 0;
	font-weight:700
}
.base-camorote.cadeira .quadro:first-child{
	padding-left:8px
}
.base-camorote.cadeira .quadro:last-child{
	padding-right:0rem
}
.base-camorote.cadeira .quadro.disponivel{
	color:#12c7ae
}
.base-camorote.cadeira .quadro.disponivel:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #12c7ae;
    display: inline-block;
    position: relative;
    top: 4px;
	border-radius:3px
}
.base-camorote.cadeira .quadro.ocupado{
	color:#a2a2a2
}
.base-camorote.cadeira .quadro.ocupado:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #a2a2a2;
    display: inline-block;
    position: relative;
    top: 4px;
	border-radius:3px
}
.base-camorote.cadeira .quadro.selecionado{
	color:#0057a6
}
.base-camorote.cadeira .quadro.selecionado:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #0057a6;
    display: inline-block;
    position: relative;
    top: 4px;
	border-radius:3px
}
.base-camorote.cadeira .quadro.especial{
	color:#111
}
.base-camorote.cadeira .quadro.especial:before{
	content: "";
    width: 15px;
    height: 15px;
    background: #111;
    display: inline-block;
    position: relative;
    top: 4px;
	border-radius:3px
}

.base-camorote.cadeira .area-camorote,
.acomodacao .area-camorote
 {
    display: grid;
    grid-template-columns: 29% 41% 29%;
    grid-gap: 12px;
    padding: 0;
    border: 0!important;
}
.base-camorote.cadeira .area-camorote .areas_C .col-4,
.acomodacao .area-camorote .areas_C .col-4
 {
    max-width: 28.59%;
    ms-flex: 0 0 28.59%;
    flex: 0 0 28.59%;
}
.base-camorote.cadeira .area-camorote .areas_C .col-3
.acomodacao .area-camorote .areas_C .col-3
{
    max-width: 18.85%;
    ms-flex: 0 0 18.85%;
    flex: 0 0 18.85%;
}
.base-camorote.cadeira .area-camorote .areas_C .col-3,
.base-camorote.cadeira .area-camorote .areas_C .col-4,

.acomodacao .area-camorote .areas_C .col-3,
.acomodacao .area-camorote .areas_C .col-4
{
    background:url(../img/poltrona.svg) no-repeat center;
	background-size:contain;
	    height: 45px;
		border:0!important;
		display: grid;
    align-items: center;
	font-weight:700;
	margin-bottom:8px;
	font-size:.65rem;
	color:#000
}
.base-camorote.cadeira .area-camorote .areas_C .col-3.disponivel,
.base-camorote.cadeira .area-camorote .areas_C .col-4.disponivel,

.acomodacao .area-camorote .areas_C .col-3.disponivel,
.acomodacao .area-camorote .areas_C .col-4.disponivel
{
    background:url(../img/poltrona-disponivel.svg) no-repeat center;
	background-size:contain;
	color:#12c7ae
}
.base-camorote.cadeira .area-camorote .areas_C .col-3.ocupado,
.base-camorote.cadeira .area-camorote .areas_C .col-4.ocupado,

/* reservado manualmente */
.acomodacao .area-camorote .areas_C .col-3.reservadomanual,
.acomodacao .area-camorote .areas_C .col-4.reservadomanual
{
    background:url(../img/poltrona-bloqueado.svg) no-repeat center;
	background-size:contain;
	color:red;
}
.base-camorote.cadeira .area-camorote .areas_C .col-3.reservadomanual,
.base-camorote.cadeira .area-camorote .areas_C .col-4.reservadomanual,
/* fim reservado manualmente */

/* reservado em processo de compra */
.acomodacao .area-camorote .areas_C .col-3.emcompra,
.acomodacao .area-camorote .areas_C .col-4.emcompra
{
    background:url(../img/poltrona-emcompra.svg) no-repeat center;
	background-size:contain;
	color:#C43BB6;
}

.base-camorote.cadeira .area-camorote .areas_C .col-3.emcompra,
.base-camorote.cadeira .area-camorote .areas_C .col-4.emcompra,
/* fim reservado em processo de compra */


.acomodacao .area-camorote .areas_C .col-3.ocupado,
.acomodacao .area-camorote .areas_C .col-4.ocupado
{
    background:url(../img/poltrona-ocupado.svg) no-repeat center;
	background-size:contain;
	color:#a2a2a2ff
}
.base-camorote.cadeira .area-camorote .areas_C .col-3.selecionado,
.base-camorote.cadeira .area-camorote .areas_C .col-4.selecionado,

.acomodacao .area-camorote .areas_C .col-3.selecionado,
.acomodacao .area-camorote .areas_C .col-4.selecionado
{
    background:url(../img/poltrona-selecionado.svg) no-repeat center;
	background-size:contain;
	color:#0057a6
}
.base-camorote.cadeira .col-9.m-auto
{
   height:856px;
   overflow-y:auto;
}
.acomodacao .col-9.m-auto
{
   height:auto;
   overflow-y:initial;
}



.base-camorote.cadeira .area-camorote .areas_C .col-3.cadeirante,
.base-camorote.cadeira .area-camorote .areas_C .col-4.cadeirante,

.acomodacao .area-camorote .areas_C .col-3.cadeirante,
.acomodacao .area-camorote .areas_C .col-4.cadeirante
{
    background:url(../img/ico-cadeirante.svg) no-repeat center;
	background-size:contain;
	color:#0057a6
}

.col-3.cadeirante.unico,
.col-4.cadeirante.unico
{
	flex: auto!important;
    max-width: 100%!important;
    background-position: left!important;
}


.base-camorote.cadeira .area-camorote .areas_C .col-3.esp,
.base-camorote.cadeira .area-camorote .areas_C .col-4.esp,

.acomodacao .area-camorote .areas_C .col-3.esp,
.acomodacao .area-camorote .areas_C .col-4.esp
{
    background:url(../img/poltrona-espera.svg) no-repeat center;
	background-size:contain;
	color:#848484;
	max-width: 64%;
    flex: 0 0 68.59%;
    height: 41px;
}


.base-camorote.cadeira .area-camorote .areas_C .col-3.cadeirante.ocupado,
.base-camorote.cadeira .area-camorote .areas_C .col-4.cadeirante.ocupado,

.acomodacao .area-camorote .areas_C .col-3.cadeirante.ocupado,
.acomodacao .area-camorote .areas_C .col-4.cadeirante.ocupado
{
    background:url(../img/ico-cadeirante-ocupado.svg) no-repeat center;
	background-size:contain;
	color:#0057a6
}

.base-camorote.cadeira .area-camorote .areas_C .col-3.cadeirante.selecionado,
.base-camorote.cadeira .area-camorote .areas_C .col-4.cadeirante.selecionado,

.acomodacao .area-camorote .areas_C .col-3.cadeirante.selecionado,
.acomodacao .area-camorote .areas_C .col-4.cadeirante.selecionado
{
    background:url(../img/ico-cadeirante-selecionado.svg) no-repeat center;
	background-size:contain;
	color:#0057a6
}

.acomodacao .area-camorote .areas_C .col-3.limpo,
.acomodacao .area-camorote .areas_C .col-4.limpo
{
    background:none;
	background-size:contain;
	color:#ffffff00;
	    cursor: default;
}



/*acomodacao*/
.acomodacao{
	background:url(../img/navio.svg) no-repeat top;
	background-size: contain;
    width: 100%;
    height: 305vh;
	background-position-y: 10px;
	padding:4rem 9rem;
    padding-top: 16rem;
    margin-bottom: 3rem;
	display:block;
	margin:0 auto;
}
.acomodacao .scroll-acom{overflow-y:auto;height: 1277px; padding: 0 .5rem;}
.acomodacao.alt{padding-top: 11rem;}

.acomodacao.mapa-embarcao.alt {
    background: url(../img/catamara_2.svg) no-repeat center top;
    width: 100%;
    background-position-x: 0px;
    background-size: contain;
    padding: 13rem 7.8em;
    height: 223vh;
    margin-bottom: 25rem;
}
/**/
.acomodacao.mapa-embarcao{
	 background: url(../img/catamara_2.svg) no-repeat center top;
	width: 100%;
    background-position-x: 0px;
    background-size: contain;
    padding: 11rem 4.8em;
    height: 173vh;
    margin-bottom: 25rem;
}
.area-fixa .col-3.position-fixed {
    right: 126px;
    max-width: 17%;
}
.acomodacao.mapa-embarcao .quadro {
    padding: 0 4px;
    font-size: .75rem;
    margin: .4rem 0;
}
.acomodacao.mapa-embarcao .quadro:before {
        content: "";
    width: 15px;
    height: 15px;
}
.acomodacao .quadro.disponivel:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #12c7ae;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}
.acomodacao .quadro.ocupado:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #a2a2a2;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}
.acomodacao .quadro.selecionado:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #0057a6;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}

 .acomodacao .quadro.disponivel {
    color: #12c7ae;
}

.acomodacao .quadro.bloqueado:before {
    content: "";
    width: 15px;
    height: 15px;
    background: red;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}

.acomodacao .quadro.reservado:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #292b40;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}

.acomodacao .quadro.emcompra:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #C43BB6;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}
 .acomodacao .quadro.disponivel {
    color: #12c7ae;
}

.acomodacao .quadro.bloqueado {
    color: red;
}

.acomodacao .quadro.reservado {
    color:#292b40;
}

.acomodacao .quadro.emcompra {
    color:#C43BB6;
}




 .acomodacao .quadro.ocupado {
    color: #a2a2a2;
}

 .acomodacao .quadro.selecionado {
    color: #0057a6;
}


.cadeira-3{
    flex: 0 0 calc(95% / 3);
  }
.cadeira-4{
    flex: 0 0 calc(95% / 4);
  }
.cadeira-5{
    flex: 0 0 calc(95% / 5);
}

/*camorote*/
.base-camorote.camorote{
	width: 95%;
    display: block;
	margin: 0 auto;
	background:url(../img/navio.svg) no-repeat top center;
	background-size:cover;
	height:1480px;
	    background-position-y: 10px;
	padding-top:11rem;
	margin-bottom: 3rem;
}
.base-camorote.camorote .g-camarote,
.acomodacao .g-camarote
{
	width: 100%;
    display: inline-block;
	border: solid 2px #cecece;
    border-radius: 5px;
    background: #e1e1e1;
	padding:.6rem;
}
.base-camorote.camorote .g-camarote p,
.acomodacao  .g-camarote p
{
	font-size:.8rem;color:#0057a6
}
.base-camorote.camorote .g-camarote .cama,
.acomodacao  .g-camarote .cama
{
	width: 60px;
    height: 39px;
    display: inline-block;
	background:url(../img/hotel-left-side-bed.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.ocupado,
.acomodacao  .g-camarote .cama.ocupado
{
	background:url(../img/hotel-left-side-bed-ocupado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.disponivel{
	background:url(../img/hotel-left-side-bed-disp.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.especial{
	background:url(../img/hotel-left-side-bed.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.selecionado{
	background:url(../img/hotel-left-side-bed-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .col-6:hover,
.acomodacao  .g-camarote .col-6:hover
{
	opacity:.6
}

.suite-alt.g-camarote .col-6:hover{opacity:1}
.suite-alt.g-camarote .op_hover:hover{opacity:.6}

/*suite*/
.base-camorote.suite{
	width: 75%;
    display: block;
	margin: 0 auto;
	background:url(../img/navio.svg) no-repeat top center;
	background-size:cover;
	height:1421px;
	    background-position-y: 10px;
	padding-top:11rem;
	margin-bottom: 3rem;
}
.base-camorote.suite .g-camarote{
	width: 100%;
    display: inline-block;
	border: solid 2px #cecece;
    border-radius: 5px;
    background: #e1e1e1;
	padding:.6rem;
}

.base-camorote.suite .g-camarote .cama{
	width: 60px;
    height: 39px;
    display: inline-block;
	background:url(../img/hotel-left-side-bed.svg) no-repeat center;
	background-size:contain;
}

/*base rede*/
.base-camorote .g-camarote.base-rede:hover ,
.acomodacao  .g-camarote.base-rede:hover
{opacity:.6}
.base-camorote .g-camarote.base-rede p ,
.acomodacao  .g-camarote.base-rede p
{color:#000}

.base-camorote .g-camarote.base-rede ,
.acomodacao  .g-camarote.base-rede
{margin:0 .31rem}

.base-camorote .g-camarote.base-rede p,
.acomodacao  .g-camarote.base-rede  p
{font-size:.8rem}

.base-camorote .g-camarote.base-rede  i.rede,
.acomodacao .g-camarote.base-rede  i.rede
{
	width: 30px;
    height: 28px;
    display: inline-block;
	background:url(../img/rede.svg) no-repeat center;
	background-size:contain;
}

.base-camorote .g-camarote.base-rede.selecionado  i.rede,
.acomodacao .g-camarote.base-rede.selecionado  i.rede
{
	width: 30px;
    height: 28px;
    display: inline-block;
	background:url(../img/rede-selecionado.svg) no-repeat center;
	background-size:contain;
}


.base-camorote .g-camarote.base-rede.ocupado  i.rede,
.acomodacao .g-camarote.base-rede.ocupado  i.rede
{
	width: 30px;
    height: 28px;
    display: inline-block;
	background:url(../img/rede-ocupado.svg) no-repeat center;
	background-size:contain;
}

.base-camorote .g-camarote.base-rede.disponivel  i.rede,
.acomodacao .g-camarote.base-rede.disponivel  i.rede
{
	width: 30px;
    height: 28px;
    display: inline-block;
	background:url(../img/rede-disponivel.svg) no-repeat center;
	background-size:contain;
}


.rede
{
    width: 40px;
    height: 38px;
    display: inline-block;
    background:url(../img/rede.svg) no-repeat center;
    background-size:contain;
}
.rede.disponivel
{
    width: 40px;
    height: 38px;
    display: inline-block;
    background:url(../img/rede-disponivel.svg) no-repeat center;
    background-size:contain;
}

.rede.selecionado
{
    width: 40px;
    height: 38px;
    display: inline-block;
    background:url(../img/rede-selecionado.svg) no-repeat center;
    background-size:contain;
}

.rede.ocupado
{
    width: 40px;
    height: 38px;
    display: inline-block;
    background:url(../img/rede-ocupado.svg) no-repeat center;
    background-size:contain;
}


.base-camorote.suite .g-camarote .banheiro,
.acomodacao .g-camarote .banheiro
{
	width: 60px;
    height: 60px;
    display: inline-block;
	background:url(../img/toilet.svg) no-repeat center;
	background-size:contain;
}

/*duisponivel*/
.base-camorote.suite .g-camarote.disponivel .cama{
	background:url(../img/hotel-left-side-bed-disp.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.disponivel .banheiro{
	background:url(../img/toilet-disp.svg) no-repeat center;
	background-size:contain;
}

/*reservado*/
.base-camorote.suite .g-camarote.reservado{
	border-color:#ff0000;
}
.base-camorote.suite .g-camarote.reservado .cama{
	background:url(../img/hotel-left-side-bed-reservado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.reservado .banheiro
{
	background:url(../img/toilet-reservado.svg) no-repeat center;
	background-size:contain;
}

.base-camorote.suite .g-camarote.reservado p,
.base-camorote.suite .g-camarote.reservado strong
{
	border-color: #ff0000;
}


/*ocupado*/
.base-camorote.suite .g-camarote.ocupado{
	border-color:#a2a2a2
}
.base-camorote.suite .g-camarote.ocupado .cama{
	background:url(../img/hotel-left-side-bed-ocupado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.ocupado .banheiro
{
	background:url(../img/toilet-ocupado.svg) no-repeat center;
	background-size:contain;
}

.base-camorote.suite .g-camarote.ocupado p,
.base-camorote.suite .g-camarote.ocupado strong
{
	color:#a2a2a2ff
}

/*selecionado*/
.base-camorote.suite .g-camarote.selecionado{
	border-color:#0057a6
}
.base-camorote.suite .g-camarote.selecionado .cama{
	background:url(../img/hotel-left-side-bed-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.selecionado .banheiro{
	background:url(../img/toilet-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.selecionado p,
.base-camorote.suite .g-camarote.selecionado strong
{
	color:#0057a6
}

.base-camorote.suite .g-camarote:hover
{
	opacity:.6
}

.base-camorote.suite .g-camarote p{
	font-size:.8rem;color:#0057a6;text-transform:uppercase
}
.base-camorote.suite .g-camarote.especial strong,
.base-camorote.suite .g-camarote.especial p,

.acomodacao .g-camarote.especial strong,
.acomodacao .g-camarote.especial p
{
	color:#000
}


.acomodacao .consulta{
	    border-radius: 5px;
    border: solid 2px #1e6fba;
    margin-bottom: 1.3rem;
    padding: .4rem 1rem;
    background: #4aa9c9;
    padding-bottom: 1rem;
}
.acomodacao .consulta .text-label{ color:#fff!important;font-size: .78rem;}
.acomodacao .consulta .form-campo{ border-color:#1860a2!important}

.base-camorote.suite .g-camarote.especial{
	border-color:#000
}

.base-camorote.suite .g-camarote.disponivel{
	border: solid 2px #12c7ae;
	color:#12c7ae!important
}
.base-camorote.suite .g-camarote.disponivel p{
	color:#12c7aeff!important
}

.base-camorote.suite .quadro.disponivel:before {
    content: "";
    width: 15px;
    height: 15px;
    background:#12c7ae;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}
.base-camorote.suite .quadro.disponivel {color:#12c7ae;}

.base-camorote.suite .quadro.selecionado:before {
    content: "";
    width: 15px;
    height: 15px;
    background:#0057a6;
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 3px;
}
.base-camorote.suite .quadro.selecionado {color:#0057a6;}



/*paginacao*/
.paginacao{
	width:100%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

.btn-blue{
    background-color: #000046;
    border:none;
    height: 40px;
    padding: 0 20px;
}
.btn-blue:hover{
    background-color: #00001f;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
.titulo-detalhe{
    font-size: 1em;
    color:#4FB4D2;
    font-weight: 300;
    font-weight: bold;
}

.textarea{
    width: 100%;
    background: #f9f9f9;
    border: 2px solid #cacfd5;
    border-radius: 6px;
}
.text-blue-one{
    color: #000046;

}
.paginacao span p{
	color:#4f4f4f;
	margin-top: 10px;
}
.paginacao ul{
	float:right;
}
.paginacao ul li{
	display:inline-block;
	margin:0;
	float:left;
	border:solid 1px #fff;
    background: #0057a6;
	padding: 10px 5px;
	    height: 44px;
}
.paginacao ul li a{
	display:inline-block;
	color: #ffffff;
}
.paginacao ul li:hover{
	background:#30A9E5;
	border:solid 1px #30A9E5;
}
.paginacao ul li:first-child{
	border-radius:5px 0 0 5px;
}
.paginacao ul li:last-child{
	border-radius:0 5px 5px 0;
}
.paginacao ul .pgativo{
	display:inline-block;
	color: #8e8e8e;
    background: #ffffff;
    border: solid 1px #ffffff;
}
.paginacao ul .pgativo:hover{
	border:solid 1px #fff;
    background:none
}
.paginacao .pagination .page-link {  padding: 0 14px!important;  background:none!important;  border: 0!important;}

.paginacao .primeiro:before{
	content:url(../img/ico-primeiro.png);
	padding-right:8px;
	position:relative;
	top:2px;
}
.paginacao .ultimo:after{
	content:url(../img/ico-ultimo.png);
	padding-left:8px;
	position:relative;
	top:2px;
}
.paginacao .anterior:before{
	content:url(../img/ico-anterior.png);
	padding-right:8px;
	position:relative;
	top:2px;
}
.paginacao .proximo:after{
	content:url(../img/ico-proximo.png);
	padding-left:8px;
	position:relative;
	top:2px;
}

/*ADCIONADO NOVO*/

.acomodacao.mapa-embarcao.embarcacao-navio {
    background: url(../img/navio-linha.svg) no-repeat center top;
    width: 100%;
    background-position-x: center;
    background-size: contain;
    padding: 11rem 6.8em;
    height: 186vh;
    margin-bottom: 9rem;
}
.acomodacao.mapa-embarcao.embarcacao-navio .scroll-acom {
    overflow-y: auto;
    height: 635px;
    padding: 0 20px;
}
.titulo-r {
    font-size: 6rem;
    color: #989898;
    text-align: center;
    font-weight: 700;
}
.base-camorote.camorote .g-camarote .cama.ocupado,
.acomodacao .cama.ocupado
{
	background:url(../img/hotel-left-side-bed-ocupado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.disponivel,
.acomodacao .g-camarote .cama.disponivel
{
	background:url(../img/hotel-left-side-bed-disp.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.especial,
.acomodacao  .g-camarote .cama.especial
{
	background:url(../img/hotel-left-side-bed.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .cama.selecionado,
.acomodacao  .g-camarote .cama.selecionado
{
	background:url(../img/hotel-left-side-bed-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.camorote .g-camarote .col-6:hover{
	opacity:.6
}
.acomodacao.mapa-embarcao.embarcacao-navio .g-camarote .tripulacao {
    width: 87%;
    height: 110px;
    display: block;
    background: url(../img/no-trip.svg) no-repeat center;
    background-size: cover;
    margin: 0 auto;
}

/*disponivel*/
.base-camorote.suite .g-camarote.disponivel .cama,
.acomodacao .g-camarote.disponivel .cama{
	background:url(../img/hotel-left-side-bed-disp.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.disponivel .banheiro,
.acomodacao .g-camarote.disponivel .banheiro
{
	background:url(../img/toilet-disp.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.disponivel p,
.base-camorote.suite .g-camarote.disponivel .h6.text-azul,
.acomodacao .g-camarote.disponivel .h6.text-azul,
.acomodacao .g-camarote.disponivel  p
{
    color: #12c7ae!important;
}

/*ocupado*/
.base-camorote.suite .g-camarote.ocupado .cama,
.acomodacao .g-camarote.ocupado .cama{
	background:url(../img/hotel-left-side-bed-ocupado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.ocupado .banheiro,
.acomodacao .g-camarote.ocupado .banheiro
{
	background:url(../img/toilet-ocupado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.ocupado p,
.base-camorote.suite .g-camarote.ocupado .h6.text-azul,
.acomodacao .g-camarote.ocupado .h6.text-azul,
.acomodacao .g-camarote.ocupado  p
{
    color: #a2a2a2!important;
}

/*selecionado*/
.base-camorote.suite .g-camarote.selecionado .cama,
.acomodacao .g-camarote.selecionado .cama{
	background:url(../img/hotel-left-side-bed-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.selecionado .banheiro,
.acomodacao .g-camarote.selecionado .banheiro
{
	background:url(../img/toilet-selecionado.svg) no-repeat center;
	background-size:contain;
}



/*ocupado*/
.base-camorote.suite .g-camarote.ocupado{
	border-color:#a2a2a2
}
.base-camorote.suite .g-camarote.ocupado .cama{
	background:url(../img/hotel-left-side-bed-ocupado.svg) no-repeat center;
	background-size:contain;
}

.base-camorote.suite .g-camarote .ocupado.banheiro,
.acomodacao .g-camarote .ocupado.banheiro
{
	background:url(../img/toilet-ocupado.svg) no-repeat center;
	background-size:contain;
}

.base-camorote.suite .g-camarote .banheiro.disponivel,
.acomodacao .g-camarote .banheiro.disponivel
{
	background:url(../img/toilet-disp.svg) no-repeat center;
	background-size:contain;
}

.base-camorote.suite .g-camarote .banheiro.selecionado,
.acomodacao .g-camarote .banheiro.selecionado
{
	background:url(../img/toilet-selecionado.svg) no-repeat center;
	background-size:contain;
}

.base-camorote.suite .g-camarote.ocupado p,
.base-camorote.suite .g-camarote.ocupado strong
{
	color:#a2a2a2ff
}

/*selecionado*/
.base-camorote.suite .g-camarote.selecionado{
	border-color:#0057a6
}
.base-camorote.suite .g-camarote.selecionado .cama{
	background:url(../img/hotel-left-side-bed-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.selecionado .banheiro{
	background:url(../img/toilet-selecionado.svg) no-repeat center;
	background-size:contain;
}
.base-camorote.suite .g-camarote.selecionado p,
.base-camorote.suite .g-camarote.selecionado strong
{
	color:#0057a6
}

.base-camorote.suite .g-camarote:hover{
	opacity:.6
}

.base-camorote.suite .g-camarote p{
	font-size:.8rem;color:#0057a6;text-transform:uppercase
}
.base-camorote.suite .g-camarote.especial strong,
.base-camorote.suite .g-camarote.especial p
{
	color:#000
}

.btn-action{
    width: 40px;
    height: 40px;
    padding:  10px;
    margin: 2px;
}
.btn-action i{
    padding-top: 8px;
}

.question-wiki{
    color:#30A9E5;
    font-size: 1.3em !important;
    padding-top: 22px;
    padding-left: 5px;
}
.bg-azul{background:#000046!important;}
.tabela.alt {
	border-radius: 5px;
    box-shadow: 0 0 8px #00000052;
}
.tabela.alt .dataTables_wrapper{
	border:0!important
}
.tabela.alt table.dataTable thead th,
.tabela.alt table.dataTable tfoot th {
    border-bottom: 1px solid #598ead57;
    background: #3e647900;
    border-top: solid 1px #598ead57;
	color: #000046;
}
.tabela.alt table.dataTable tbody th,
.tabela.alt table.dataTable tbody td {
    padding: 10px 10px;
    font-size: .8rem;
    text-transform: uppercase;
	border-bottom: solid 1px #c6d8e3;
}
.tabela.alt .dataTable { border: 0!important;}
.tabela.alt table.dataTable tbody tr:nth-of-type(2n+0) {
    background-color: #eeeeee7d!important;
}
.titulo small{display: block;font-size: small;color: #b3b3b3;font-weight: 400;}

.pagination {
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

.pagination .page-item{
    justify-items: end;
    background-color: #000046;
    list-style: none;
    padding:10px ​5px;
    margin: 5px;
    border-radius: 100px;
    color: #FFF!important;
}
.pagination .page-link{
    color: #FFF;
}

.pagination .page-item.active {
    background-color: #1CB5E0;
    color: white;
    font-weight: bold;
}
.mapa .col-8.alt,.mapa .col-9.alt{margin:0 auto}
.mapa .acomodacao.mapa-embarcao {
    background: url(../img/catamara_2_2.svg) no-repeat center top;
    background-position-x: center;
    background-size: contain;
    height: 250vh;
	    margin-bottom: 9rem;
}
.mapa .base-camorote .area-camorote .areas_C,
.mapa .acomodacao .area-camorote .areas_C{    justify-content: center!important;}

.mapa.alt .acomodacao .area-camorote .areas_C .col-4{margin-bottom: -2px;}
.mapa.alt .acomodacao .area-camorote .areas_C .col-3{height:35px;}
.mapa.alt .acomodacao .area-camorote { grid-template-columns: 25% 43% 25%;}
.mapa.alt .areas_C.mt-5{margin-top:8.3rem!important}
.mapa.alt .area-camorote .areas_C.meio{margin-top:3rem!important;justify-content: start!important;}


.mapa .acomodacao.mapa-embarcao.embarcacao-navio{
	 background: url(../img/navio-linha.svg) no-repeat center top;
    background-position-x: center;
    background-size: contain;
    height: 193vh;
	    padding: 11rem 3.8em;
	margin-top:2rem!important
}
.mapa #cadeiras .rows .col-6.d-flex .rows .col-6
{
	width:50%
}

 .flt{
	 position:absolute;
	 right: 30px;
    top: 72px;
 }


 /*Bilhete */

.base-horarios.bilhetes .col-4.alt{padding-right: 4rem;}
.base-horarios.bilhetes .col-4.alt2{padding-right: 2rem;}
.base-horarios.bilhetes .text-azul.h6{font-size: .93rem!important;}
.base-horarios.bilhetes .text-azul2{color:#06adec;}
.base-horarios.bilhetes .text-azul{color:#000046!important;}
.base-horarios.bilhetes .tt3{
	display:block;
	color:#000046;
	font-size:.68rem;
	text-transform: capitalize;
	margin-top:.7rem;
}
.base-horarios.bilhetes .cx{
	min-height: 83px;
    margin-bottom: 14px;
}
.base-horarios.bilhetes .col-img{
	text-align: center;
	vertical-align: middle;
	background: url(https://mjailton.com.br/testes/bombordo2021/img/barco-bilete.svg) no-repeat left;
	height: 219px;
	background-size: 82%;
	top:20px
}
.base-horarios.bilhetes .data{
	width:100%;
	display:inline-block;
	padding:8px 10px;
	border-radius:10px;
	background:#000046;
	color:#fff;
	margin-bottom:1rem
}
.base-horarios.bilhetes .data small{ font-size:.68rem;text-transform:uppercase}
.base-horarios.bilhetes .data span{ font-weight:bold;font-size:1.1rem}
.base-horarios.bilhetes .data img{width:100%}
.base-horarios.bilhetes .min{font-size: .63rem; color: #000046; display: block; margin-top: .5rem;text-align: center;}

.base-horarios.bilhetes .caixa p{ font-size: .88rem;}
.historico {
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 2px 6px 3px rgba(0, 0, 0, 0.25)!important;
    color: #000046;
    padding: .5em;
}
.caixa .text-label,
.historico .text-label { font-weight: 600;}
.historico.p-4.texto p{    font-size: .8rem;margin-bottom: 16px;}
/**/
.ico-group{
	width: 25px;
    height: 18px;
    background: url(../img/del-ship.svg) no-repeat;
    display: block;
    margin: 3px auto;
    background-size: contain;
}

.acao-viagem .inativo td{color:#ccc;}
.acao-viagem .ativo{
	box-shadow: 0 0px 9px 0 #b5b5b5, inset 0 0 0px 2px #5888de;
    border-radius: 4px;
}
.acao-viagem .ativo td{ padding: .8rem;position:relative;color:#0057a6}
.acao-viagem .ativo td .cod{
	color: #ffffff;
    font-size: 1.3rem;
    background: #0057a6;
    padding: 0 .8rem;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.acao-viagem td,
.acao-viagem th{font-size:.88rem!important;color: #464646;}
.acao-viagem td .tabela th{font-size:.7rem!important;padding:.4rem}
.acao-viagem td .tabela.insert {height:150px;overflow-y:auto; border: solid 1px #cccccc!important;}
.acao-viagem td .tabela.insert td{padding:.2rem}
.acao-viagem td .tabela.insert .btn-action {width: 34px; height: 34px;}
.acao-viagem td .tabela.insert .btn-action i {padding-top: 5px;}
.acao-viagem td .tabela.insert .status { padding: .3rem .5rem; font-size: .7rem;}
.acao-viagem .inativo .tabela.insert th { background: rgb(236 235 235);color: #ccc;	}
.acao-viagem .inativo .tabela.insert .btn{ background: rgb(236 235 235)!important;color: #ccc!important;border-color:#ccc!important	}
.acao-viagem .inativo .btn{ background: rgb(236 235 235)!important;color: #ccc!important;border-color:#ccc!important	}
.acao-viagem .inativo .tabela.insert .status{ background: rgb(236 235 235)!important;color: #ccc!important;border-color:#ccc!important	}
/**/
.cronograma-viagem .rows.botoes .btn-azul{position:relative;width:100%;background: #000046!important;  border: 0;font-size: .65rem; padding: 0.4rem;text-align:left;padding-left:30px}
.cronograma-viagem .rows.botoes .btn-azul:hover{background: #235084!important;}
.cronograma-viagem .rows.botoes .btn-azul .ico{
	width: 16px;
    height: 16px;
    position: absolute;
    left: 8px;
    top: 4px;
}
.cronograma-viagem .rows.botoes .btn-azul.desativar .ico{	background:url(../img/si-glyph_button-remove.svg) no-repeat;	background-size:cover}
.cronograma-viagem .rows.botoes .btn-azul.ativar .ico{	background:url(../img/line-md_confirm-circle.svg) no-repeat;background-size:cover}
.cronograma-viagem .rows.botoes .btn-azul.excluir .ico{	background:url(../img/feather_trash-2.svg) no-repeat;background-size:cover}

.cronograma-viagem .rows.botoes .btn-azul.desativar.marcado .ico{	background:url(../img/si-glyph_button-remove-ativo.svg) no-repeat;	background-size:cover}
.cronograma-viagem .rows.botoes .btn-azul.ativar.marcado .ico{	background:url(../img/line-md_confirm-circle-ativo.svg) no-repeat;background-size:cover}
.cronograma-viagem .rows.botoes .btn-azul.excluir.marcado .ico{	background:url(../img/feather_trash-ativo.svg) no-repeat;background-size:cover}

.cronograma-viagem .rows.botoes .btn-azul.desativar.marcado{color: #34c9f3!important;}
.cronograma-viagem .rows.botoes .btn-azul.ativar.marcado{color: #34c9f3!important;}
.cronograma-viagem .rows.botoes .btn-azul.excluir.marcado{color: #34c9f3!important;}

.cronograma-viagem .g-viagem {opacity: .85;}
.cronograma-viagem .g-viagem .col-2{border-right:solid 1px #959494;border-top:solid 1px #959494;}
.cronograma-viagem .g-viagem .col-2:nth-of-type(6n+0){border-right:0!important;}

.cronograma-viagem .status_checked{background:#28285630; opacity: 1;}


/**/
.hierarquia{display:block}
.hierarquia li{display:block}
.hierarquia li strong{display:block;border-bottom:solid 1px #ddd;padding-bottom:.3rem;margin-bottom:.4rem;}
.hierarquia li ul{margin-left:1rem;border-left: solid 1px #2e91d8;padding-left: 13px;position:relative}
.hierarquia li ul li:before{border-bottom: solid 1px #2e91d8; position: absolute;  width: 14px; left: -14px; top: 14px; content: "";}
.hierarquia li ul li ~ li{margin-left:1rem;}
.hierarquia li ul li {font-size: .95rem;line-height:1.8rem;color: #9baab5;position:relative}
.hierarquia li ul li small{font-size: .6rem;color: #9baab5;}
.hierarquia li i{ background:#fff;font-size: .76rem;border-radius: 4px; border: solid 1px; padding: .2rem; color: #3c444a;}

.hierarquia li a{color: #3c444a;}
.hierarquia li.desativado a,
.hierarquia li.desativado small,
.hierarquia li.desativado i
{color: #cdcfd0;}
.hierarquia li.ativado a,
.hierarquia li.ativado small,
.hierarquia li.ativado i
{color: #2e91d8;}

.hierarquia li ul li ~ li:before{border-bottom: solid 1px #2e91d8; position: absolute;  width: 30px; left: -29px; top: 16px; content: "";}
.hierarquia li ul li.ativado:before{border-bottom: solid 1px #2e91d8; position: absolute;  width: 30px; left: -29px;top: 16px;content: "";}

.hierarquia li ul li:first-child:before{border-bottom: solid 1px #2e91d8; position: absolute;  width: 14px!important; left: -14px!important; top: 14px!important; content: "";}

.menutopo li.user-mobile{display:none!important;}


.quadroViagem .chart {
      display: grid;
      border: 0;
      position: relative;
      overflow: hidden;
	  border-left:0;
	  border-bottom:0;
  }
.quadroViagem  .chart-row {
    display: grid;
	  grid-template-columns: 150px 1fr;
	  background-color: #fff;
  }
.quadroViagem  .chart-row.open { min-height: 260px; }
.quadroViagem  .chart-row.open li .caixa{
    width: 156px;
	position:absolute;
	left: 55%;
 }
.quadroViagem  .chart-row.open li .caixa.bottom{
    top: 37%;
 }
.quadroViagem  .chart-row.open li .caixa.top{
    top:3%;
	left: 52%;
 }
.quadroViagem  .chart-row:nth-child(odd) {
    background-color: #fff;
  }
.quadroViagem  .chart-period {
    color:  #444;
    background-color:  #fff !important;
    border-bottom: 1px solid #444;
    grid-template-columns: 150px repeat(5, 1fr);
  }
.quadroViagem  .chart-lines {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffff00;
    grid-template-columns: 150px repeat(5, 1fr);
  }
.quadroViagem  .chart-period > span {
		text-align: center;
		font-size: 13px;
		align-self: center;
		font-weight: 300;
		padding: 15px 0;
		text-transform: uppercase;
		    color: #028ac7;
  }
.quadroViagem  .chart-lines > span {
    display: block;
    border-right: 1px solid #444;
  }
.quadroViagem  .chart-lines > span:last-child() {
    border-right:0;
  }

.quadroViagem  .chart-row-item {
    background-color:#ffffff;
    border: 1px solid  #444;
    border-top: 0;
    border-left: 0;
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	display: grid;
    align-items: center;
  }

.quadroViagem  .chart-row-bars {
    list-style: none;
		display: grid;
		padding: 0;
		margin: 0;
		grid-template-columns: repeat(5, 1fr);
		grid-gap:0;
		border-bottom: 1px solid  #444;
  }
.quadroViagem  .chart-row-bars .caixa{
	box-shadow:none;
	border: 1px solid  #ccc;
	font-size:.6rem;
	color:#01054a;
	margin-top:10px;
	font-weight:400;
	border-radius:5px;
	-webikit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
	overflow:hidden;
	overflow-y:auto;
	height:130px;
	z-index:1
  }
.quadroViagem  .chart-row-bars .caixa::-webkit-scrollbar-thumb {
    background: #ccc;
}
.quadroViagem  .chart-row-bars .caixa::-webkit-scrollbar-track {
    background: #ddd;
	border-radius:40px
}
.quadroViagem  .chart-row-bars .caixa .list{
	display:flex;
	justify-content:space-between;
	padding:.2rem 0
  }
.quadroViagem  .chart-row-bars .caixa .list b{
	color:#06dbf1
  }
.quadroViagem  li {
		padding:35px 15px;
		border-right: 1px solid  #444;
		display: grid;
		align-items: center;
		position:relative
  }
.quadroViagem .float.chart-li-one {
		position: absolute;
		width: 150px;
		left: 55%;
  }
.quadroViagem .float.chart-li-one.bottom{
		bottom: 20%;
  }
.quadroViagem .float.chart-li-one.top{
		top: 20%;
  }
.quadroViagem ul .chart-li-one {
		font-weight: 300;
		text-align: left;
		font-size: 15px;
		height: 45px;
		border:solid 2px #708090;
		padding: 3px 20px;
		color: #01054a;
		position: relative;
		cursor: pointer;
		border-radius: 30px;
		background: #fff;
  }
.quadroViagem ul .chart-li-one.verde {border:solid 2px #03b5aa;}
.quadroViagem ul .chart-li-one.verde span{background:#03b5aa;color:#fff}

.quadroViagem ul .chart-li-one.cinza {border:solid 2px #8b8c8d; color:#b9b9b9}
.quadroViagem ul .chart-li-one.cinza span{background:#8b8c8d;color:#fff}

.quadroViagem ul .chart-li-one.laranja {border:solid 2px #ffab37;}
.quadroViagem ul .chart-li-one.laranja span{background:#ffab37;color:#fff}

.quadroViagem ul .chart-li-one.vermelho {border:solid 2px #ef767a;}
.quadroViagem ul .chart-li-one.vermelho span{background:#ef767a;color:#fff}

.quadroViagem ul .chart-li-one.azul {border:solid 2px #1cb5e0;}
.quadroViagem ul .chart-li-one.azul span{background:#1cb5e0;color:#fff}

.quadroViagem ul .chart-li-one small{
		font-size: .7rem;
  }
.quadroViagem ul .chart-li-one span{
		position:absolute;
		background:#ccc;
		color:#444;
		text-align:center;
		display:grid;
		align-items: center;
		font-size: .9rem;
		border-radius:50px;
		top: -1px;
		right: -1px;
		padding: 9px;
		width: 44px;
		height: 44px;
		font-weight: 600;
  }

.quadroViagem .bs-btn .col-6{justify-content: space-evenly; align-items: flex-end;}
.quadroViagem .bs-btn .btn{border-radius:30px; padding:10px 30px}
.quadroViagem .bs-btn .btn-outline-azul{border-color:#0057a6!important;color:#0057a6!important}
.quadroViagem .bs-btn .btn.selecionado{background:#0057a6!important;color:#FFF!important}
.quadroViagem .bs-btn .form-campo{border-color:#0057a6!important;color:#0057a6!important}
.quadroViagem .bs-btn .text-label{font-weight:700;color:#0057a6!important}
.quadroViagem .bs-btn .check ~ label:before{
	position:absolute;
	content:"";
	width:18px;
	height:18px;
	display:block;
	border-radius:3px;
	background:#ccc;
	top:0;
	border:solid 1px #ccc
}
.quadroViagem .bs-btn .check:checked ~ label:before{
	position:absolute;
    content: "✓";
    width: 18px;
    height: 18px;
    display: grid;
    border-radius: 3px;
    background: #0057a6;
    top: 0;
    border: solid 1px #0057a6;
    color: #fff;
    padding: 0px;
    font-size: .74rem;
    text-align: center;
}
.grupo-btn .icone.alt{width: 38px; height: 38px;}
.grupo-btn .icone{
	    width: 44px;
    height: 44px;
    background: #0057a6;
    border-radius: 44px;
    display: inline-block;
	transition:all linear .4s;
}
.grupo-btn .icone:hover{
	opacity:.6;
	transition:all linear .4s;
}
.grupo-btn .icone.lst{
	background:#0057a6 url(../img/fluent_list-24-filled.svg) center no-repeat;
}
.grupo-btn .icone.bote{
	background:#0057a6 url(../img/fa-solid_ship.svg) center no-repeat;
}
.grupo-btn .icone.bote-grupo{
	background:#0057a6 url(../img/del-ship1.svg) center no-repeat;
}
.grupo-btn .icone.reservado{
	background: white url(../img/ico-cadeira-vermelho-reservado.svg) center no-repeat ;
}
.grupo-btn .icone.cadeira{
	background: #0057a6 url(../img/Group38.svg) center no-repeat ;
}


.my-min{
	margin-top:4.3px!important;
	margin-bottom:4.3px!important;
}
.g-viagem a.h6{font-weight:700}
.g-viagem .col-12,
.g-viagem .col-2{transition:all .4s linear}
.g-viagem .col-12:hover,
.g-viagem .col-2:hover{box-shadow: 0 0 5px 1px #0000469e;transition:all .4s linear; background: #00004614;}
.g-viagem .col-12:hover{border-radius:10px 10px 0 0}

.g-viagem .selecionado:hover{background: #1cb5e0}
.g-viagem .selecionado a.h6{
	background: #1cb5e0;
    color: #fff!important;
    border-radius: 6px;
    padding: .2rem;
}
.g-viagem .selecionado span,
.g-viagem .selecionado small
{
    color: #fff!important;
}
.ico-pdf{
	    width: 18px;
    height: 21px;
    background: url(../img/pdf.svg) no-repeat;
    display: inline-block;
    background-size: cover;
}

.conf-recorrencia .cx{
	border:solid 2px #ccc;
	border-radius:6px;
}
.conf-recorrencia .cx .atv{
	color: #1cb5e0;
	text-align:right
}
.conf-recorrencia .cx small{
	font-size:.65rem;
	padding:0 .6rem;
	font-weight:bold
}
.conf-recorrencia .cx-rodape{
	border-radius:0 0 4px 4px;
	background:#cacfd5;
	padding:.5rem;
	font-size:.5rem;
	color:#fff;
	margin-top: 1rem;
}
.conf-recorrencia .cx-rodape .section1{
	display:grid;
	grid-template-columns: 2.7rem 2.3rem;
	column-gap: 3px;
}
.conf-recorrencia .cx-rodape .br-dashed{
	border-bottom:dashed 1px #fff;margin-bottom:6px;padding-bottom:3px
}
.conf-recorrencia .cx-rodape .ico-conf{
	 width: 37px;
    height: 40px;
    display: block;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding: .4rem .1rem;
    margin: 0 1px;
}
.conf-recorrencia .cx-rodape .ico-conf:hover{
    background: #1cb5e2;
}
.conf-recorrencia .cx-rodape .ico-conf img{display: block;margin:0 auto;width:18px}
.conf-recorrencia .cx-rodape .ico-conf span{font-size: .45rem;}

.conf-recorrencia .cx.desativa{
	border:solid 2px #8b8c8d;
}
.conf-recorrencia .cx.desativa .text-azul,
.conf-recorrencia .cx.desativa small
{
	color:#8b8c8d!important
}
.conf-recorrencia .cx.desativa .cx-rodape{
	background:#8b8c8d;
}
.conf-recorrencia .cx.ativa{
	border:solid 2px #0057a6;
}
.conf-recorrencia .cx.ativa .cx-rodape{
	background:#0057a6;
}

/* Ferry boat */
.ferry-layer{
	width: 500px ;
	height: 1215px;
	fill:none;

}
.main-layer{
	position:relative;
	width: 500px ;
	display: flex;
   justify-content: center;
   font-family: 'Open Sans', sans-serif;
}
.text-layer{
  position: absolute;
  width: 80%;
  height: auto;
  margin: auto;
  
  display: flex; 
  align-self: center;  
  flex-direction: column;
}

.item-layer{
	margin: 10px ;
	display: block;
	background-color: #1CB5E0;
	text-align: center;
	display: flex;
	justify-content: center;
	border-radius: 10px;
	padding: 20px;
}

.item-layer p{
margin: 20px;


}
.item-layer button{
 margin: 20px;
 padding: 0px 15px;
}
.class-layer span, .class-layer h6{
  display: block;
  padding: 0;
  margin: 0;
  text-align: left;
  color: #FFF;
}

.class-layer h6{    
font-size: 1.2em;
}

.class-layer span{    
font-size: .7em;
}

.class-layer{
padding:0 20px;
border-right: 2px solid #FFF;
align-self: center;
}

.button-layer button{
border-radius: 8px;
padding: 6px 12px;
font-family: 'Open Sans', sans-serif;
background-color: #FFF;
color:#1CB5E0;
border:none;
font-weight: bold;
text-transform: uppercase;
}

.button-layer button:hover{
border-radius: 8px;
padding: 6px 12px;
font-family: 'Open Sans', sans-serif;
background-color: #184274;
color:#1CB5E0;
border:none;
font-weight: bold;
text-transform: uppercase;
}