.group-discount{z-index:1;margin-top: 54px;right:8px;position:absolute;transform:rotate(-8deg)}
button,.w3-button, .w3-btn {outline-style: none}
.w3-badge {height:13px;width:13px;padding:0}
.m-gradient{
background: rgb(127,21,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(127,21,250,1) 0%, rgba(86,14,169,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(127,21,250,1) 0%,rgba(86,14,169,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(127,21,250,1) 0%,rgba(86,14,169,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f15fa', endColorstr='#560ea9',GradientType=0 )}
.opacity{opacity:0;height:0px}
input[readonly]{background-color:white}
::-webkit-input-placeholder {color:#DAD7D7;font-size: 15px}
::-moz-placeholder {color:#DAD7D7;font-size: 15px}
:-ms-input-placeholder {color:#DAD7D7;font-size: 15px}
:-moz-placeholder {color:#DAD7D7;font-size: 15px}
.w3-modal-content{min-width: 330px!important}
.dataTables_info,.dataTables_paginate{padding: 0px 8px}
.bootstrap-select>.dropdown-toggle {border: 1px solid #ccc!important}
.bootstrap-select>.dropdown-toggle.bs-placeholder {color:#000!important;border: 1px solid #ccc!important}
.fc-button { display: inline-block;padding: 8px 16px!important;vertical-align: middle; overflow: hidden;text-decoration: none;color: inherit;border-radius: 0px!important;background-color: inherit;text-align: center;cursor: pointer!important;height: auto!important;white-space: nowrap;font-size: 18px!important}
input[type=radio]{height:20px;width:20px}
.tick{width:calc(100% - 80px);margin-left:52px;margin-top:-42px}
.padding-input-select{padding:8px; width:30%}
.event-warning{cursor:pointer;position:fixed;top:16px;left:calc(50% - 90px);z-index:9999;width:260px}
input[type=range] {-webkit-appearance: none;margin: 18px 0;width: 100%}
input[type=range]:focus {outline: none}
table{font-size: 15px!important}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

.disabled{cursor: not-allowed!important; opacity: 0.3}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.w3-container, .w3-panel {padding: 0}
.my-tool {z-index:2;width:300px;position:absolute;left:-40px;bottom:18px;font-family:'Roboto'!important}
.w3-tooltip{cursor:pointer}
.material-icons{margin-bottom: 6px}


.dt-button{ border: 1px solid #ccc!important; padding: 8px 16px;vertical-align: middle;overflow: hidden;text-decoration: none;color: inherit;background-color: inherit;text-align: center;cursor: pointer;white-space: nowrap}
/*AVISOS CLIENTE LOGIN*/
.client-warning{position: fixed;width: 90%;z-index: 9;left: 5%;bottom: 5%}

/*INICIO LOGIN*/
.bgimg {min-height: 100%;background-color: #2689FB}
.img-mascot{position: absolute;left: 0;margin-left: -118px;margin-top: 68px;width: 200px}
.w3-input {border-bottom:0px}
.form-login{padding: 0px 20px}
.form-container{padding:140px}
.pass-recover{padding:4px}
body,html{height: 100%}


@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {animation:fade 3000ms infinite;-webkit-animation:fade 3000ms infinite; -moz-animation:fade 3000ms infinite; -ms-animation:fade 3000ms infinite}


#login{

	background-image: url("http://experienceware.eu/demo/img/login-bg1.jpg");

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-color: #2689FB;

	min-height: -webkit-fill-available;

}

.login-top{

	margin-top: 20%;

	height: auto;

}

.bg-trans{	background-color:rgba(0,102,255,0.15);border: 0}
.wh-tx{	color: white !important}

/*FIM LOGIN*/


/*INICIO NAVBAR E SIDEBAR DOS OPERADORES*/
.transform-45{margin-left: -75px;width: 320px;height: 38px; -ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg); position: fixed; z-index: 999; top: -40px; opacity: 0.7}
@media (max-width:1300px){
.container-log{position:absolute;top:1%;z-index:99;width:90%!important;left:5%;cursor:pointer;padding-bottom:32px;overflow-y:auto}
.w3-custom-hide{display:none!important}
.w3-custom-show{display:block!important}
.custom-w{width:100%!important}
.container-log > div {background-color: #fdf5e6!important}
}

#show-my-circuits > div > label, #show-my-circuits >label {border:0px!important}
.date-button{z-index:100;position:fixed;bottom:5px;left:calc(50% - 25px)}
.cart-button{z-index:100; position:fixed;bottom:5px;left:5px}
.next-button{z-index:100;position:fixed;bottom:5px;right:5px}
.w3-light-grey-aq{background-color: #BBC4EF;color:#333}
.dropdown-menu{border-radius: 0px!important}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0,0);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)}
.btn-default, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,.btn-default:hover,.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #FFF;border-color: transparent}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #333}
.actions-btn{color:#555;border-radius:0px!important;border:1px solid #CCC !important;font-size: 18px!important;padding: 8px 0px!important}
.actions-btn:hover{color:#000!important; background-color: #f1f1f1!important}
.form-control {height: 44px; padding: 0px 12px;font-size: 18px;background-color: #fff;border: 1px solid #ccc;border-radius: 0px}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important}
.btn {padding: 7px 8px;margin-bottom: 0;font-size: 18px;border-radius: 0px}
.dropdown-menu > li > a, .no-results {padding: 8px 20px!important;font-size: 18px}
.check-mark{color:#4CAF50!important}
.caret {border-right: 3px solid transparent;border-left: 3px solid transparent}
.dropup .caret{border-bottom: 6px dashed}
.caret {border-top: 6px dashed}

body{padding-top:124px;min-width:350px!important; font-family: "Roboto" !important;font-size: 20px !important}
.w3-bar{min-width:350px!important}

.sidebar{width:118px;z-index:98;padding-top:160px}

.w3-blueish-gray{background:#BBC4EF;color:#FFF}
.w3-blue-light-aq-btn{background: #62BCFA!important;color: #FFF!important}
div.dataTables_paginate{text-align:left!important}
.material-icons{vertical-align: middle}
.l-m-pd-l-8{padding-left: 8px}
.container-btn{width:64px;margin:0 auto;height:64px;border:2px solid #FFF;margin-bottom:26px}
.padding-16{padding:16px}
.padding-8{padding:8px!important}
.uppercase {text-transform: uppercase}
.bold{font-weight: bold}
.w3-padding-14{padding-top:14px!important;padding-bottom:14px!important}
.w3-sidebar{width: 118px;padding-top: 140px;top: 0px;z-index: 1}
.w3-light-blue-aq,.w3-light-blue-aq:hover{background:rgba(0,109,233,0.23)!important;color:#FFF!important}
.w3-blue-dark-aq,.w3-blue-dark-aq:hover{background:#006DE9!important;color:#FFF!important}
.w3-blue-medium-aq,.w3-blue-medium-aq:hover{background: #2689FB!important;color:#FFF!important}
.w3-blue-light-aq,.w3-blue-light-aq:hover{background: #62BCFA!important;color:#FFF!important}
.w3-bar-item-my {padding: 8px 8px}
.sub-menu-icon{margin-top:3px;margin-left: -3px;text-shadow: 2px 2px 2px #888}
.brd-btt-blue-aq-3{border-bottom:3px solid rgba(0,109,233,0.23)!important}
.square-25-25{height:25px;width:25px}
.mainmenu-btn-pos{ margin-left: 2px;margin-top: 12px;font-size: 34px!important}
.w-h-50{width:50px;height:50px}
.input-sm, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 0px!important}
select.input-sm,.input-sm{padding: 8px!important;font-size: 18px;height:41px}
#dataTables-produtos_wrapper > .row{margin-left:0px!important;margin-right: 0px!important}
div.dataTables_filter {text-align:center}
.col-sm-6,.col-sm-12{padding-right:0px!important;padding-left:0px!important}
.container-btn-top {width: 64px;margin: 0 auto;height: 64px; margin-bottom: 26px;background: #FFF}
.txt-shadow{text-shadow: 1px 2px 2px #888;font-weight:bold!important;margin-top: 11px}
.container-btn-top:hover{color:#FFF!important;background: #006DE9}
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {padding: 0px 16px}
a{text-decoration: none!important}
.chart-group-4{height:280px}
.chart-group-2{height:280px}
/*input[type=checkbox]{width:20px;height:20px;margin: 16px 0px 0 4px}*/
label{font-size: 14px}
.rot-180{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);transform: rotate(180deg)}
.padding-10-0{padding:10px 0px}
.btn-group, .btn-group-vertical { display: block}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
input[type=number] {-moz-appearance:textfield}
.container-sub{margin-left:127px; height:100%}
.container-sub-pad{padding-top:110px}

@media (max-width: 992px) {
.w3-container{padding:0}	
.form-container {padding: 80px 8px}
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0px 8px;}


.padding-r-8{padding-right: 0px!important}
.padding-l-8{padding-left: 0px!important}

}

@media (max-width: 599px) {
	body {padding-top: 32px!important}
	.w3-sidebar{padding-top:60px}
	.container-sub-pad{padding-top:20px}
	.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 8px}
}

.br-op{
	border: solid;
	border-width: 1px;
	max-height: 117px;
	padding: 4px
}

.ml0{

	margin-left: 0px !important;

}

.shadow-logo{

	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.39), 0 3px 6px 0 rgba(0, 0, 0, 0.39);

}
.shadow-navbar{

	box-shadow: 0 3px 6px 0 rgba(80, 96, 96, 0.38);

}
.extra{

	display:inline-block !important;

	margin-left: -2px;

	margin-right: -2px;

}

#op.navbar-default{

	height: 117px;

}

#op.navbar-header{

	height: 117px;

}
/*Titulo*/
#op.navbar-brand p{

	padding-top: 50px;

	display: block;

	color: #ffffff;

	font-size: 25px;

	text-align: center;
	
	width: 200px;

}
#wrapper-op{

	/*padding-left: 117px;*/

	transition: all 0.1s ease-in-out 0s;

}

#wrapper-op.active{

/*	padding-left: 117px;*/

}

#wrapper-op.active #sidebar-wrapper-op{

	height: 0;

}

#sidebar-wrapper-op{

	margin-left: -117px;

	top:117px;

	left:117px;

	width: 117px;

	position: fixed;

	height: 100%;

	overflow-y: hidden;

	z-index:1000;

	transition: all 0.1s ease-in-out 0s;

}

#page-content-wrapper-op{

	width: 100%;

	padding-top: 117px;

	transition: all 0.1s ease-in-out 0s;

}

.page-content{

	padding-top: 3%;
}

#menu-toggle-op {

    text-decoration: none;

	color: #fff;

}

#op.sidebar-nav {

	position: absolute;

	top: 0;

	width: 117px;

	list-style: none;

	margin: 0;

	padding: 0;

}



#op.sidebar-nav li {

	line-height: 40px;

	padding-top: 40px;

}



#op.sidebar-nav li a {

	color: #999999;
	
	display: block;
	
	text-decoration: none;
	
	padding: 0 0 0 0;

}

#op.sidebar-nav li a img{

	width: 100%;

}

#op.sidebar-nav li a:hover,
#op.sidebar-nav li.active,
#op.sidebar-nav li a:active,
#op.sidebar-nav li a:focus {

	color: #ffffff;

	text-decoration: none;

}

.t-btn-op{

	color: white;

	text-align: center;

	line-height: 20px;

	margin-top: -15px
}

#rightNav-op.nav li a{

	padding: 0 0 0 0;

}

/*INICIO CORES OPERADORES*/

.bg-bd-op{

	background-color: #006DE9 !important;

	border-color: #006DE9 !important;

}

.bg-op, 
.bg-op:hover, 
.bg-op:focus{

	background-color: #006DE9 !important;

	border-color: #006DE9 !important;

}

.bg-lb-op, 
.bg-lb-op:hover, 
.bg-lb-op:focus{

	background-color: #2689FB !important;

	color: #2689FB !important;

	border-color: #BBC4EF !important; 

}

.bd-op{

	border-color: #2689FB!important

}

#sidebar-wrapper-op.bg-swop{

	background-color: #006DE9 !important;

}

/*FIM CORES OPERADORES*/
/*
@media (min-width: 1400px) {
*/
	/*INICIO NAV MENU*/
	#sidebar-wrapper-op{
    	width: 125px
	}
	
	#op.sidebar-nav {

		width: 117px;

	}

	.t-btn-op{

		color: white;

		text-align: center;

		font-size: 14px;

		max-width: 117px;

		line-height: 20px;
		
		margin-top: -15px;

	}

	#op.navbar-brand{

		min-height: 117px !important;

		height: 117px !important;

		padding: 0 0 0 0;

	}

	#menu-toggle-op.glyphicon.glyphicon-menu-hamburger {

		font-size: 30px;

		display: block;

		text-align: center;

		padding-top: 43px;

		width:117px;

	}
	
	/*FIM NAV MENU*/
/*
}

@media (min-width: 992px) and (max-width: 1400px) {

	#wrapper-op{

		padding-left:80px;

	}

	#wrapper-op.active{

		padding-left:80px;

	}

	#wrapper-op.active #sidebar-wrapper-op{

		height: 0;

	}

	#sidebar-wrapper-op{

		margin-left: -80px;

		top:80px;

		left:80px;

		width: 80px;

		position: fixed;

		height: 100%;

		overflow-y: hidden;

		z-index:1000;

		transition: all 0.1s ease-in-out 0s;

	}

	#sidebar-wrapper-op{

		width: 80px;

	}

	#page-content-wrapper-op{

		padding-top: 95px;
	
		padding-left: 20px;
	
		padding-right: 30px;

	}
	
	#op.navbar-default{

		min-height: 80px !important;

		height: 80px !important;

	}

	#op.navbar-header{

		min-height: 80px !important;

		height: 80px !important;

		float: left;

	}

	#op.navbar-brand{

		min-height: 80px !important;

		height: 80px !important;

		padding: 0 0 0 0;

	}

	#op.navbar-brand p{

		padding-top: 33px;

		font-size: 17px;

		width: 135px;

	}

	#op.nav>li>a{

		padding: 5px 8px;

	}
	
	#op.sidebar-nav li {

		line-height: 27px;

		padding-top: 27px;

	}
	
	#op.sidebar-nav {

		width: 80px;

	}

	.t-btn-op{

		color: white;

		text-align: center;

		font-size: 10px;

		max-width: 80px;

		line-height: 15px;
		
		margin-top: -10px

	}

	#menu-toggle-op.glyphicon.glyphicon-menu-hamburger {

		font-size: 21px;

		display: block;

		text-align: center;

		padding-top: 29px;

		width:80px;

	}

	.br-op{

		max-height: 80px;

		line-height: 10px;

	}

	#rightNav-op.navbar-right {

		float: right !important;

		margin-left: auto;

		margin-right: -15px;

	}

}

@media (min-width: 480px) and (max-width: 992px) {

	#wrapper-op{

		padding-left:50px;

	}

	#wrapper-op.active{

		padding-left:50px;

	}

	#wrapper-op.active #sidebar-wrapper-op{

		height: 0;

	}

	#sidebar-wrapper-op{

		margin-left: -50px;

		top:50px;

		left:50px;

		width: 50px;

		position: fixed;

		height: 100%;

		overflow-y: hidden;

		z-index:1000;

		transition: all 0.1s ease-in-out 0s;

	}

	#sidebar-wrapper-op{

		width: 50px;

	}

	#page-content-wrapper-op{

		padding-top: 60px;
	
		padding-left: 15px;
	
		padding-right: 23px;

	}
	
	#op.navbar-default{

		min-height: 50px !important;

		height: 50px !important;

	}

	#op.navbar-header{

		min-height: 50px !important;

		height: 50px !important;

		float: left;

	}

	#op.navbar-brand{

		min-height: 50px !important;

		height: 50px !important;

		padding: 0 0 0 0;

	}

	#op.navbar-brand p{

		padding-top: 21px;

		font-size: 13px;

		width: 85px;

	}

	#op.nav>li>a{

		padding: 3px 5px;

	}

	#op.sidebar-nav {

		padding-top: 5px;

		width: 50px;

	}

	#op.sidebar-nav li {

		line-height: 17px;

		padding-top: 17px;

	}
	
	.t-btn-op{

		color: white;

		text-align: center;

		font-size: 7px;

		max-width: 50px;

		line-height: 12px;
		
		margin-top: -6px

	}

	#menu-toggle-op.glyphicon.glyphicon-menu-hamburger {

		font-size: 12px;

		display: block;

		text-align: center;

		padding-top: 17px;

		width:50px;

	}
	
	.br-op{

		max-height: 50px;

		line-height: 5px;

	}

	#rightNav-op.navbar-right {

		float: right !important;

		margin-left: auto;

		margin-right: -15px;

	}
	

}

@media (min-width: 240px) and (max-width: 480px) {

	#wrapper-op{

		padding-left: 40px;

	}

	#wrapper-op.active{

		padding-left: 40px;

	}

	#wrapper-op.active #sidebar-wrapper{

		height: 0;

	}

	#sidebar-wrapper-op{

		margin-left: -40px;

		top:40px;

		left:40px;

		width: 40px;

		position: fixed;

		height: 100%;

		overflow-y: hidden;

		z-index:1000;

		transition: all 0.1s ease-in-out 0s;

	}

	#sidebar-wrapper-op{

		width: 40px;

	}

	#page-content-wrapper-op{

		padding-top: 45px;
	
		padding-left: 10px;
	
		padding-right: 15px;;

	}
	
	#op.navbar-default{

		min-height: 40px !important;

		height: 40px !important;

	}

	#op.navbar-header{

		min-height: 40px !important;

		height: 40px !important;

		float: left;

	}

	#op.navbar-brand{

		min-height: 40px !important;

		height: 40px !important;

		padding: 0 0 0 0;

	}

	#op.nav>li>a{

		    padding: 2px 3px;

	}

	#op.navbar-brand p{

		padding-top: 17px;

		font-size: 10px;

		width: 70px;

	}

	#op.sidebar-nav {

		padding-top: 10px;

		width: 40px;

	}
	
	#op.sidebar-nav li {

		line-height: 14px;

		padding-top: 14px;

	}
	
	.t-btn-op{

		color: white;

		text-align: center;

		font-size: 5px;

		max-width: 40px;

		line-height: 8px;

		margin-top: -5px
	}

	#menu-toggle-op.glyphicon.glyphicon-menu-hamburger {

		font-size: 10px;

		display: block;

		text-align: center;

		padding-top: 14px;

		width:40px;

	}

	.br-op{

		max-height: 40px;

		line-height: 5px;

	}

	#rightNav-op.navbar-right {

		float: right !important;

		margin-left: auto;

		margin-right: -15px;

	}

}*/

/*FIM NAV BAR E SIDE BAR OPERADORES*/
/*--------------------------------------------------------------------------------------------------------*/
/*INICIO NAVBAR R SIDEBAR AGENTES*/

.br-ag{

	border: solid;

	border-width: 1px;

	max-height:117px;


}

#ag.navbar-default{

	height: 117px;

}

#ag.navbar-header{

	height: 117px;

}

#ag.navbar-brand p{

	padding-top: 50px;

	display: block;

	color: #ffffff;

	font-size: 25px;

	text-align: center;

}

#wrapper-ag{

	padding-left: 117px;

	transition: all 0.1s ease-in-out 0s;

}

#wrapper-ag.active{

	padding-left: 117px;

}

#wrapper-ag.active #sidebar-wrapper-ag{

	height: 0;

}

#sidebar-wrapper-ag{

	margin-left: -117px;

	top:117px;

	left:117px;

	width: 117px;

	position: fixed;

	height: 100%;

	overflow-y: hidden;

	z-index:1000;

	transition: all 0.1s ease-in-out 0s;

}

#page-content-wrapper-ag{

	width: 100%;

	padding-top: 117px;

	transition: all 0.1s ease-in-out 0s;

}

#menu-toggle-ag {

    text-decoration: none;

	color: #fff;

}

#ag.sidebar-nav{

  position: absolute;

  top: 0;

  width: 117px;

  list-style: none;

  margin: 0;

  padding: 0;

}



#ag.sidebar-nav li {

	line-height: 40px;

	padding-top: 40px;

}



#ag.sidebar-nav li a {

  color: #999999;

  display: block;

  text-decoration: none;

  padding: 0 0 0 0;

}

#ag.sidebar-nav li a img{

  width: 100%;

}

#ag.sidebar-nav li a:hover,
#ag.sidebar-nav li.active,
#ag.sidebar-nav li a:active,
#ag.sidebar-nav li a:focus {

	color: #ffffff;

	text-decoration: none;

}

.t-btn-ag{

	color: white;

	text-align: center;

	line-height: 20px;

	margin-top: -15px
}

#rightNav-ag.nav li a{

	padding: 0 0 0 0;

}

/*INICIO CORES AGENTES*/

.bg-bd-ag{

	background-color: #6534FF !important;

	border-color: #6534FF !important;

}

.bg-ag, 
.bg-ag:hover, 
.bg-ag:focus{

	background-color: #6534FF !important;

	border-color: #6534FF !important;

}

.bg-lb-ag, 
.bg-lb-ag:hover, 
.bg-lb-ag:focus{

	background-color: #62BCFA !important;

	color: #62BCFA !important;

	border-color: #BBC4EF !important;

}

.bd-ag{

	border-color: #BBC4EF !important;

}

#sidebar-wrapper-ag.bg-swag{

	background-color: #6534FF !important;

}

/*FIM CORES AGENTES*/
/*
@media (min-width: 1024px) {
*/
	/*INICIO NAV MENU*/
	#sidebar-wrapper-ag{

		width: 117px;

	}
	
	#ag.navbar-brand p{
		width: 275px !important;
	}
	
	#ag.sidebar-nav {

		width: 117px;

	}

	.t-btn-ag{

		color: white;

		text-align: center;

		font-size: 14px;

		max-width: 117px;

		line-height: 20px;
		
		margin-top: -15px;

	}

	#ag.navbar-brand{

		min-height: 117px !important;

		height: 117px !important;

		padding: 0 0 0 0;

	}

	#menu-toggle-ag.glyphicon.glyphicon-menu-hamburger {

		font-size: 30px;

		display: block;

		text-align: center;

		padding-top: 43px;

		width:117px;

	}



	/*FIM NAV MENU*/
/*
}

@media (min-width: 800px) and (max-width: 1023px) {

	#wrapper-ag{

		margin-left:80px;

	}

	#wrapper-ag.active{

		margin-left:80px;

	}

	#wrapper-ag.active #sidebar-wrapper-ag{

		height: 0;

	}

	#sidebar-wrapper-ag{


		top:80px;

		left:80px;

		width: 80px;

		position: fixed;

		height: 100%;

		overflow-y: hidden;

		z-index:1000;

		transition: all 0.1s ease-in-out 0s;

	}

	#page-content-wrapper-ag{

		padding-top: 80px;
	}
	
	#ag.navbar-brand p{
		width: 125px !important;
	}
	
	#ag.navbar-default{

		min-height: 80px !important;

		height: 80px !important;

	}

	#ag.navbar-header{

		min-height: 80px !important;

		height: 80px !important;

		float: left;

	}

	#ag.navbar-brand{

		min-height: 80px !important;

		height: 80px !important;

		padding: 0 0 0 0;

	}

	#ag.nav>li>a{

		padding: 5px 8px;

	}
	
	#ag.sidebar-nav li {

		line-height: 27px;

		padding-top: 27px;

	}
	
	#ag.sidebar-nav {

		width: 80px;

	}

	.t-btn-ag{

		color: white;

		text-align: center;

		font-size: 10px;

		max-width: 80px;

		line-height: 15px;
		
		margin-top: -10px

	}

	#menu-toggle-ag.glyphicon.glyphicon-menu-hamburger {

		font-size: 21px;

		display: block;

		text-align: center;

		padding-top: 29px;

		width:80px;

	}

	.br-ag{

		max-height: 80px;

		line-height: 10px;

	}

	#rightNav-ag.navbar-right {

		float: right !important;

		margin-left: auto;

		margin-right: -15px;

	}
}

@media (min-width: 300px) and (max-width: 799px) {

	#wrapper-ag{

		margin-left:50px;

	}

	#wrapper-ag.active{

		margin-left:50px;

	}

	#wrapper-ag.active #sidebar-wrapper-ag{

		height: 0;

	}

	#sidebar-wrapper-ag{

		margin-left: -50px;

		top:50px;

		left:50px;

		width: 50px;

		position: fixed;

		height: 100%;

		overflow-y: hidden;

		z-index:1000;

		transition: all 0.1s ease-in-out 0s;

	}

	#sidebar-wrapper-ag{

		width: 50px;

	}

	#page-content-wrapper-ag{

		padding-top: 50px;

	}
	
	#ag.navbar-brand p{
		width: 95px !important;
	}
	
	#ag.navbar-default{

		min-height: 50px !important;

		height: 50px !important;

	}

	#ag.navbar-header{

		min-height: 50px !important;

		height: 50px !important;

		float: left;

	}

	#ag.navbar-brand{

		min-height: 50px !important;

		height: 50px !important;

		padding: 0 0 0 0;

	}

	#ag.nav>li>a{

		    padding: 3px 5px;

	}

	#ag.sidebar-nav {

		padding-top: 5px;

		width: 50px;

	}
	
	#ag.sidebar-nav li {

		line-height: 17px;

		padding-top: 17px;

	}
	
	.t-btn-ag{

		color: white;

		text-align: center;

		font-size: 7px;

		max-width: 50px;

		line-height: 12px;

		margin-top: -6px
	}

	#menu-toggle-ag.glyphicon.glyphicon-menu-hamburger {

		font-size: 12px;

		display: block;

		text-align: center;

		padding-top: 17px;

		width:50px;

	}
	
	.br-ag{

		max-height: 50px;

		line-height: 5px;

	}

	#rightNav-ag.navbar-right {

		float: right !important;

		margin-left: auto;

		margin-right: -15px;

	}
}

/*FIM NAV BAR E SIDE BAR AGENTES*/
/*--------------------------------------------------------------------------------------------------------*/

/***************INICIO STYLE POS***************/

	.content{
		height:100%;
		width: 100%;
		display: inline-flex;
	}
	.w593 {
		width: 100%;
		float: left;
		display: inline-flex;
		flex-wrap: wrap;
	}
	.w312{
		margin-top:16px;
		float: right;
		min-width: 312px !important;
		height: auto;
	}
	.menu-flex{
		width: 100% !important;
		display: inline-flex;
		flex-wrap: wrap;
	}
	
	.test{
		border: 1px solid #BBC4EF;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34), 0 3px 6px 0 rgba(0, 0, 0, 0.34);
		position: fixed;
		height: 100%;
		overflow-y: hidden;
		z-index:1000;
	}
	.res{
		width:312px;
		height: 58px;
		background-color: #6534EF;
		color: #ffffff;
		font-size: 17px;
		padding-top: 17px;
	}
	.conf{
		width:312px;
		height: 58px;
		background-color: #BBC4EF;
		color: #ffffff;
		font-size: 17px;
		padding-top: 17px;
		position:fixed;
		bottom: 0;
		display: center;
		padding-left: 90px;
	}
	.no-pad-lr{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.butPosBF {

	    background-color: #6534FF; 

	    color: white;

	    margin: 16px 1.5% 0 1.5%;

	    border-radius: 0;
		
		border: none;
		
	    text-align: center;

	    text-decoration: none;

	    display: inline-block;

	    font-size: 20px;

		width: 7%;
		
	    height: 58px;
		
		padding: 0 0 0 0 !important;
		
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34), 0 3px 6px 0 rgba(0, 0, 0, 0.34);
	}
	
	.butPosCat {

	    background-color: #62BCFA; 

	    border-radius: 0;
		
		border: none;

	    color: white;

	    margin: 16px 1.5% 0 1.5%;

	    text-align: center;

	    text-decoration: none;

	    display: inline-block;

	    font-size: 11px;

	    width: 17%;

	    height: 58px;
		
		padding: 0 0 0 0 !important;
		
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34), 0 3px 6px 0 rgba(0, 0, 0, 0.34);

	}
	
	.butPosVend {

	    background-color: #BBC4EF; 

	    border-radius: 0;
		
		border: none;

	    color: white;

	    margin: 16px 1.5% 0 1.5%;

	    text-align: center;

	    text-decoration: none;

	    display: inline-block;

	    font-size: 11px;

	    width: 17%;

	    height: 58px;
		
		padding: 0 0 0 0 !important;
		
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34), 0 3px 6px 0 rgba(0, 0, 0, 0.34);

	}
	.logo-size{
    	width: 100px;
    	height: 50px;
		display: block;
		margin: auto}

/* select-produto*/
	.shadow-res{
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27), 0 3px 6px 0 rgba(0, 0, 0, 0.27) !important;
	}
	.res-main{
		width: 100%;
		height: 58px;
		background-color: #6534EF;
		color: #ffffff;
		font-size: 17px;
		padding-top: 17px;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35), 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	}
	.res-ico{
		width: 21px !important;
		text-align:center;
		display:inline-block;
		
	}
	.mr-100{
		margin-right: -10%;
	}
	
	.menu-compra{
		margin-top: 15px;
		height: 36px !important;
		text-align: center;
		display: inline-flex;
		width: 100% !important;
		border: 1px solid #6534FF;
		list-style-type: none;
		vertical-align: middle;
		line-height: 36px;
	}
	.menu-nav{
		background-color: #FFFFFF;
		color: #BBC4EF;
		font-size: 11px;
		width: 20%!important;
	}
	.menu-nav.active{
		background-color: #6534FF;
		color: #BBC4EF;form-containe
	}
	.menu-produto{
		/*
		padding: 10px 10px 10px 10px;
		width: 100%;
		text-align: center;
		list-style-type: none;
		vertical-align: middle;
		line-height: 36px;
		display: inline-flex;*/
	}
	.menu-prod{
		background-color: #FFFFFF;
		color: #BBC4EF;
		border: 1px solid #BBC4EF;
		/*font-size: 11px;*/
		width: 15%!important;
		margin-left: 2.5% !important;
		margin-right: 2.5% !important;
		line-height: 36px;
	}
	.menu-prod.active{
		background-color: #FFFFFF;
		color: #6534FF;
		border: 1px solid #6534FF;
		font-size: 11px;
		width: 15%!important;
		text-decoration: none;
	}
	.seg{
		width: 100%;
		text-align: center;
		height: 58px;
		background-color: #BBC4EF;
		color: #ffffff;
		font-size: 17px;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35), 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	}
	.seg.active{
		width: 100%;
		text-align: center;
		height: 58px;
		background-color: #6534FF;
		color: #ffffff;
		font-size: 17px;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35), 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	}
	.mar-15{
		margin: 15px 15px 15px 15px !important;
	}
	
	.metade{
		width: 50% !important;
		text-align: justify!important;
		font-size: 14px;
		color: #6534FF;
		padding: 25px 25px 25px 25px;
	}
	.desc-img{
		width: 100% !important;
		height: auto !important;
	}
	.hr-line{
		border-color: #BBC4EF;
		width: 100%;
		size: 1px;
	}
	#desc table, td, th {
		text-align:center;
		border: 1px solid #BBC4EF;
	}
	#desc th{
		width: 100px;
	}
	/*Bilhetes*/
	.menu-bil{
		width: 100% !important;
		display: inline-flex;
		flex-wrap: wrap;
	}
	.bil-lab{
		font-size: 22px;
		color: #6534FF;
		padding-left: 2.5%;
		margin-bottom: 0 !important;
		/*width: 80%;*/
	}

/*	
	.count-input {
		position: relative;
		width: 45%;
		height: 45px;
		margin-left: 2.5%;
		margin-right: 2.5%;
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-flex;
		border: 2px solid #6534FF;
		text-align: center;
		vertical-align: middle;
	}
	*/
	.count-input input {

		font-size: 22px;
		border: none;
		background: none;
		text-align: center;
	/*	display: inline-flex;
			width: 10%;
		height: 45px;*/
		color: #BBC4EF;
	}
	
	.count-input input:focus {
		outline: none;
		outline: none;
	}
	
	.count-input .incr-btn {
		/*display: inline-flex;
		position: relative;
		width: 5%;*/
		font-size: 26px;
		color: #6534FF;
		text-align: center;
		text-decoration:none;
	}
	.count-input .incr-btn:first-child {
		right: auto;
		left: 0;
	}
	
	/*/bilhetes*/
	/*compra pick-up*/
	.menu-pick{
		background-color: #FFFFFF;
		color: #BBC4EF;
		border: 1px solid #BBC4EF;
		/*font-size: 17px;
		width: 60%!important;
		margin-left: 10% !important;
		margin-right: 10% !important;*/
		line-height: 36px;
	}
	.menu-pick.active{
		background-color: #6534FF;
		color: #FFFFFF;
		border: 1px solid #6534FF;
		text-decoration: none;
	}
	/*Finalizar compra*/
	.conf-final{
		width:312px;
		height: 58px;
		background-color: #BBC4EF;
		color: #ffffff;
		font-size: 17px;
		position:fixed;
		bottom: 0;
		display: center;
	}

/*---------------------Select Pick up--------------------*/
	
	.pick-label{
		font-size: 20px;
		color: #6534FF;
		width: 40%;
		display: inline-flex;
		border-right: 1px solid #6534FF;
		align-items: center;
		justify-content: center;
		margin-bottom: 0 ;
	}
	.pick-input{
		width: 60%;
		padding-left: 1%;
		height: 45px;
		font-size: 20px;
		border: none;
		background: none;
		display: inline-flex;
		color: #959cbf;
		align-items: center;
	}
	.pick-input:focus{
		text-decoration: none;
		outline: none;
	}
	.pick-input::placeholder{
		color: #959cbf !important;
	}
	.pick-input-special{
		width: 20%;
		padding-left: 1%;
		height: 45px;
		font-size: 20px;
		border: none;
		background: none;
		display: inline-flex;
		color: #959cbf;
		text-align: center;
		align-items: center;
	}
	.pick-input-special:focus{
		text-decoration: none;
		outline: none;
	}
	.pick-input-special::placeholder{
		color: #959cbf !important;
	}
	.pick-inc-dec{
		width: 20%;
		height: 45px;
		font-size: 20px;
		border: none;
		background: none;
		display: inline-flex;
		color: #959cbf;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.pick-inc-dec:focus,
	.pick-inc-dec:hover{
		color: #959cbf;
		text-decoration: none;
		outline: none;
	}
	.pick-inc-dec::placeholder{
		color: #959cbf !important;
	}
	.pick-menu{
		padding-top: 10px;
		padding-left: 1%;
		padding-right: 1%;
		width: 100% !important;
		display: inline-flex;
		flex-wrap: wrap;
		
	}
	.menu-hidden{
		padding-top: 10px;
		width: 100% !important;
		display: inline-flex;
		flex-wrap: wrap;
		
	}
	
	
	.pick-set {
		position: relative;
		width: 48%;
		height: 45px;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-flex;
		border: 2px solid #6534FF;
		text-align: center;
		vertical-align: middle;
	}
	/*.form-control2{
		width: 90%;
		height: 41px;
		padding: 0 0 0 0;
		border:  solid 1px #ECECEC;
		color: #959cbf;
		background-color: transparent;
	}

	.form-control2{
		width: 90%;
		height: 41px;
		padding: 0 0 0 0;
		border: solid 1px #ECECEC;
		color: #959cbf;
		background-color: transparent;
	}*/



	.input-group-addon{
		width: 10%;
		height: 40px;
		padding: 0 0 0 0 !important;
		margin: 0 0 0 0 !important;
		font-size: 20px;
		color: #959cbf;
		border:none;
		display: inline-flex;
		background-color: transparent;
		align-items: center;
		justify-content: center;
	}
	
	.hidden{
		display: none;
	}
/*---------------------Fim Select Pick up--------------------*/	


/*---------------------Dados Cliente--------------------*/

	.data-label{
		font-size: 22px;
		color: #6534FF;
		padding-left: 2.5%;
		width: 25%;
		display: flex;
		border-right: 1px solid #6534FF;
		align-items: center;
		justify-content: center;
		margin-bottom: 0 ;
	}
	.data-input{
		width: 75%;
		padding-left: 1%;
		height: 45px;
		font-size: 22px;
		border: none;
		background: none;
		display: flex;
		color: #000000;
		align-items: center;
	}
	.data-input:focus{
		outline: none;
		outline: none;
	}
	.data-input::placeholder{
		color: #d0d4db !important;
	}
	.data-menu{
		width: 100% !important;
		display: inline-flex;
		flex-wrap: wrap;
	}
	
	.data-set {
		position: relative;
		width: 100%;
		height: 45px;
		margin-left: 2.5%;
		margin-right: 2.5%;
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-flex;
		border: 2px solid #6534FF;
		text-align: center;
	}
	
/*---------------------Fim Dados Cliente--------------------*/


	
/***************FIM STYLE POS***************/

/*--------------------------------------------------------------------------------------------------------*/
/*INICIO DASHBOARD*/

/*Dashboard estética*/

.panel-default{

	margin-bottom: 50px;

}

.panel-heading{

	color: #ffffff !important;

	background-color: #2689FB !important;

}

/*Barra de tempo*/

.bar-tempo{

	border: 1px solid #2689FB;

	margin: 0px -1px 0px -1px;
	
	border-radius: 0 0 0 0 !important;
}

.bt-extra-left{

	border-radius: 10px 0 0 10px !important;

}

.bt-extra-right{

	border-radius: 0 10px 10px 0 !important;

}
#nav-dashboard.nav-pills li.active a{

	box-shadow: 0 3px 6px 0 rgba(0, 73, 155, 0.73);

	background-color: #006DEF;

	font-size: 15px;


}
#nav-dashboard.nav-pills li a{

	font-size: 15px;

	min-width: 80px;

	padding: 0;

	text-align: center;

}

/*Gráficos*/

.flot-chart {

  display: block;

  height: 400px;

}

.flot-chart-content {

  width: 100%;

  height: 100%;

}

/*Tabelas*/

.dash-tab {

  display: block;

  height: 600px;
}

/*FIM DASHBOARD*/

/*INICIO AGENTES*/

.br-age{

	border: solid;

	border-color: #BBC4EF;

	border-width: 1px;

	padding: 0 0 0 0;

	text-align: center;

}

#agentes.panel-body a:hover,

#agentes.panel-body a.active,

#agentes.panel-body a:active,

#agentes.panel-body a:focus {

	color: #000000 !important;

	text-decoration: none !important;

}

/*FIM AGENTES*/

/*INICIO PERFIL AGENTE*/

.space {

    margin-top: 20px;

}

.mb-ico{

	margin-top: 5px;

	margin-bottom: 5px;

}

.text-bl{color: #2689FB}

.fm{
	
	border: 2px solid #006DEF;
	font-size: 30px;
	color: #ffffff;
	background-color: #006DEF;

}
.fm2{

	border: 2px solid #006DEF;
	font-size: 30px;
	color: #006DEF;
	background-color: #ffffff;

}

.ft{

	border: 2px solid #FF8134;
	font-size: 30px;
	color: #ffffff;
	background-color:#FF8134;
}


.ft2{

	border: 2px solid #FF8134;
	font-size: 30px;
	color: #FF8134;
	background-color:#ffffff;
}

.info-text{

	font-size: 18px;

}

.bor-rad{

	border-radius: 50%;

}

.bot-ln-extra{

	border-bottom: 1px solid #006DEF;

}

.ts15{

	font-size: 15px;

}



/*FIM PERFIL AGENTE*/

/* DROPDOWN BOTÕES */
/*
@media (min-width: 1400px) {
*/
	.adjustSaveAgent{

	height: 100px;
	width: 100px;
	margin-left:80% !important;
	
	}

	.dropbtn {
	    cursor: pointer;
	}


	.dropdown-content {
	    display: none;
	    position: absolute;
	    overflow: auto;
	    margin-left: -117px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}

	.dropdown-content a {
	    color: white;
	    vertical-align: middle;
	    line-height: 58px;
	    height: 58px;
	    width: 313px;
	    font-size: 20px !important;
	   /* background-color: #6534FF !important;*/
	    text-decoration: none;
	    display: block;
	    
	}



	.s44{
		line-height: 58px;
		margin-left: 5px !important;

	}


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


	.resizeDots{

		width: auto !important;

	}

	.alineDropDots{

		margin-left: -233px !important;
	}


	.alineDropNoptify{

		margin-left: 0 !important;
	}

	.dropdown{
		height: 117px !important;
		width: 117px;
	}
/*
	}


@media (min-width: 992px) and (max-width: 1400px) {

	.adjustSaveAgent{

	height: 70px;
	width: 70px;
	margin-left:90% !important;
	
	}

	.dropbtn {
	    cursor: pointer;
	}


	.dropdown-content {
	    display: none;
	    position: absolute;
	    overflow: auto;
	    margin-left: -80px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}

	.dropdown-content a {
	    color: white;
	    vertical-align: middle;
	    line-height: 58px;
	    height: 58px;
	    width: 313px;
	    font-size: 17px !important;
	   /* background-color: #6534FF !important;*/
	   /* text-decoration: none;
	    display: block;
	    
	}



	.s44{
		line-height: 58px;
		margin-left: 5px !important;

	}


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


	.resizeDots{

		width: auto !important;

	}

	.alineDropDots{

		margin-left: -160px !important;
	}


	.alineDropNoptify{

		margin-left: 0 !important;
	}

		.dropdown{
		height: 80px !important;
		width: 80px;
	}

}

@media (min-width: 480px) and (max-width: 992px) {

	.adjustSaveAgent{

		height: 50px;
		width: 50px;
		margin-left:90% !important;
	
	}


	.dropbtn {
	    cursor: pointer;
	}


	.dropdown-content {
	    display: none;
	    position: absolute;
	    overflow: auto;
	    margin-left: -50px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}

	.dropdown-content a {
	    color: white;
	    vertical-align: middle;
	    line-height: 58px;
	    height: 58px;
	    width: 313px;
	    font-size: 12px !important;
	   /* background-color: #6534FF !important;*/
	   /* text-decoration: none;
	    display: block;
	    
	}



	.s44{
		line-height: 58px;
		margin-left: 5px !important;

	}


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


	.resizeDots{

		width: auto !important;

	}

	.alineDropDots{

		margin-left: -100px !important;
	}


	.alineDropNoptify{

		margin-left: 0 !important;
	}

	.dropdown{
		height: 50px !important;
		width: 50px;
	}

}


@media (min-width: 240px) and (max-width: 480px) {


	.adjustSaveAgent{

		height: 40px;
		width: 40px;
		margin-left:90% !important;
	
	}

	.dropbtn {
	    cursor: pointer;
	}


	.dropdown-content {
	    display: none;
	    position: absolute;
	    overflow: auto;
	    margin-left: -40px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}

	.dropdown-content a {
	    color: white;
	    vertical-align: middle;
	    line-height: 58px;
	    height: 58px;
	    width: 313px;
	    font-size: 10px !important;
	   /* background-color: #6534FF !important;*/
	   /* text-decoration: none;
	    display: block;
	    
	}



	.s44{
		line-height: 58px;
		margin-left: 5px !important;

	}


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


	.resizeDots{

		width: auto !important;

	}

	.alineDropDots{

		margin-left: -80px !important;
	}


	.alineDropNoptify{

		margin-left: 0 !important;
	}

	.dropdown{
		height: 40px !important;
		width: 40px;
	}


}

/* OPERADORES - CRIAÇÃO DE AGENTE */
#agentName::placeholder{

	color: #DDE2DD;
	font-size: 30px
}

.leftAlign{
	float:left;
	margin-left: 80%;
}

.noBorder{

	border:none;
	outline: none;
}

.btnSave{

	color: #2689FB !important;
	font-size: 25px;
	font-family: Roboto;
	font-weight: 400;
	background-color: white !important;
}

hr{

 	border-color:#2689FB;
  	box-sizing:border-box; 
  	width:100%; 
  	border-width: 3px !important;
  	
}

/* <CRIAÇÃO/EDIÇÃO DE PRODUTOS> */
.prodTitleBox{

	height: 3%;
	width: 10% !important;
	margin-left:10%;
	background-color: #2689FB;
	/*margin-top: 50px;*/
}

.prodBox{

	height: 7% !important;
	width: 100%;
	display: inline-flex;
	margin-left: 117px;
	background-color: #ffffff;
	/*display: block;*/
	/*border: solid 1px #ECECEC;*/

}

.textWhite{

	color:white;
	align-items: center;
	justify-content: center;
	vertical-align: center;
	font-size: 18px;



}

.margTop{

	margin-top: 2%;
}

.shadow-prodBox{

	box-shadow: 0 3px 6px 0 rgba(80, 96, 96, 0.38);

}

.marginBot{

	margin-bottom: 4%;
}

.margBotPass{

	margin-bottom: 2%;
}

.marginLe{

	margin-left: 5%;
}


.adjustSave{

	margin-top:-7%;
	margin-left: 88.5%;
}
.noresize{resize: none;height: 120px}

textarea.form-control{

	height: 150px !important;
	width:  410px !important;
}


	border: 1px solid #2689FB !important;
	border-radius: none !important;

}
/* </CRIAÇÃO/EDIÇÃO DE PRODUTOS> */


.form-control5 {
    display: block;
    width: 82%;
    height: 34px;
    padding: 6px 12px;
    font-size: 20px !important;
    line-height: 1.42857143;
    color: #2689FB;
    background-color: #fff;
    background-image: none;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #2689FB;
    font-family: "Roboto" !important;
  
}
.color-placeholder{

	color: #2689FB !important;
}

.form-control5:focus {
	outline: none;

}

.cima{
	padding-top: 50px !important;

}

#form_Procurar{

	margin-top: 30px;
	background-color: #2689FB;
	outline: none;
	border:none;
}

.linha{
	width: 60%;
	border-bottom: 2px solid #2689FB;
}

.esq{

	margin-left: 50px !important;
}

.res-main-op{
	width:100% !important;
	height: 58px;
	
	background-color: #2689FB;
	color: #ffffff;
	font-size: 20px;
	padding-top: 17px !important;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35), 0 3px 6px 0 rgba(0, 0, 0, 0.35);
}

.menu-nav-op{
	background-color: #FFFFFF;
	color: #BBC4EF;
	font-size: 13px;
	width: 25%!important;
}
.menu-nav-op.active{
	background-color: #2689FB;
	color: #BBC4EF;
}

.seg-op{
	width: 100% !important;
	display: inline-flex;
	text-align: center !important;
	height: 58px;
	display: block;
	align-items: center;
	justify-content: center;
	vertical-align: center;
	background-color: #BBC4EF;
	color: #ffffff;
	font-size: 20px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35), 0 3px 6px 0 rgba(0, 0, 0, 0.35);
}
.seg-op.active{
	width: 100%;
	text-align: center;
	height: 58px;
	background-color: #6534FF;
	color: #ffffff;
	font-size: 17px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35), 0 3px 6px 0 rgba(0, 0, 0, 0.35);
}

.w593-op {
		width: 100%;
		/*float: left;*/
		display: inline-flex;
		flex-wrap: wrap;
	}

.w312-op{
		margin-top:16px;
		float: right !important;
		min-width: 312px !important;
		height: auto;
	}

.menu-compra-op{
		margin-top: 15px;
		height: 36px !important;
		text-align: center;
		display: inline-flex;
		border: 1px solid #6534FF;
		list-style-type: none;
		vertical-align: middle;
		line-height: 36px;
	}

.content-op{
	
		width: 100%;
		display: inline-flex;
	}
.form-flex{
	width: 100%;
}

#map_canvas {height: 450px}
/*
table {
    font-family: Robotto, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
*/
td, th {
   /* border: 1px solid #dddddd;*/
  	border:none;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #ffffff;
}

/* Photo Gallery */



/* Next & previous buttons */

/*
.prev,

.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

*/

/* Four columns side by side */
.column {
  float: left;
  width: 25%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.margemEsquerda{

	margin-left: 0px;
}

/* hide up/down arrows ("spinners") on input fields marked type="number" */
.no-spinners {
  -moz-appearance:textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pointer {cursor: pointer;}