/*************** IMPORTA ARQUIVOS DE FONTES ***************/
@charset "UTF-8";

@font-face {
	font-family: 'Conduit ITC';
	src:	url('./../fonts/ConduitITC.eot');
	src:	url('./../fonts/ConduitITC.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/ConduitITC.woff2') format('woff2'),
		url('./../fonts/ConduitITC.woff') format('woff'),
		url('./../fonts/ConduitITC.ttf') format('truetype'),
		url('./../fonts/ConduitITC.svg#ConduitITC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conduit ITC';
	src:	url('./../fonts/ConduitITC-Bold.eot');
	src:	url('./../fonts/ConduitITC-Bold.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/ConduitITC-Bold.woff2') format('woff2'),
		url('./../fonts/ConduitITC-Bold.woff') format('woff'),
		url('./../fonts/ConduitITC-Bold.ttf') format('truetype'),
		url('./../fonts/ConduitITC-Bold.svg#ConduitITC-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Conduit ITC';
	src:	url('./../fonts/ConduitITCLight.eot');
	src:	url('./../fonts/ConduitITCLight.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/ConduitITCLight.woff2') format('woff2'),
		url('./../fonts/ConduitITCLight.woff') format('woff'),
		url('./../fonts/ConduitITCLight.ttf') format('truetype'),
		url('./../fonts/ConduitITCLight.svg#ConduitITCLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

/*************** CONFIGURAÇÕES GERAIS ***************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font: 14px Arial;
}

body:not(.fancy) {
	background-attachment: fixed;
	background-image: url('./../img/bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:100% 100%;
}

body.fancy {
	padding: 20px;
	width: 930px;
	height: 400px;
	overflow-x: hidden;
}

	body.fancy.w-small {
		width: 830px;
	}

	body.fancy.small {
		height: 250px;
	}

	body.fancy.w-h-small {
		width: 350px;
		height: 150px;
	}

	body.fancy.medium {
		width: 950px;
		height: 600px;
	}

	body.fancy.large {
		width: 1000px;
		height: 750px;
	}

	body.fancy.superlarge {
		width: 1150px;
		height: 750px;
	}

	body.fancy.square {
		width: 530px;
		height: 270px;
	}

	body.fancy.email {
		width: 830px;
		height: 570px;
	}

	body > #data-container-loading {
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		min-height: 300px;
		font: bold 20px Arial;
		color: #007A83;
		background: rgba(255,255,255, 0.9);
	}

		body > #data-container-loading p {
			display: inline-block;
			padding: 350px 0 0 0;
			width: 100%;
			text-align: center;
		}

			body > #data-container-loading p i {
				margin:0 0 10px 0;
				font-size: 60px;
			}


object {display: none;}

input, select {font: 16px Arial;}

button:focus, input:focus, select:focus {outline: 0;}

mark {
	color: #fff;
	background-color: #007A83;
}

:focus {outline: none;}

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 0;
	border-radius: 0;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: rgba(215,215,215,0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

	::-webkit-scrollbar-thumb:window-inactive {background: rgba(215,215,215,0.4);}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none; /* display: none; <- Crashes Chrome on hover */
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

option:checked {
	background: #007A83 linear-gradient(0deg, #007A83 0%, #007A83 100%);
	color: #fff;
}

select[multiple]:focus option:checked {
	background: #007A83 linear-gradient(0deg, #007A83 0%, #007A83 100%);
	color: #fff;
}

input.disabled, select.disabled {
	background-color:#f3f3f3;
}

input[type=range] {
	-webkit-appearance: none;
	margin: 10px 0 5px 0;
	width: 100%;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	animate: 0.2s;
	background: #bcbcbc;
}

input[type=range]::-webkit-slider-thumb {
	border: 1px solid #ccc;
	height: 16px;
	width: 16px;
	border-radius: 100%;
	background: #007A83;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -7px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ccc;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	animate: 0.2s;
	background: #bcbcbc;
}

input[type=range]::-moz-range-thumb {
	height: 16px;
	width: 16px;
	border-radius: 100%;
	background: #007A83;
	cursor: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	border-width: 5px 0;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: #bcbcbc;
}

input[type=range]::-ms-fill-upper {
	background: #ccc;
}

input[type=range]::-ms-thumb {
	height: 16px;
	width: 16px;
	border-radius: 100%;
	background: #007A83;
	cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
	background: #bcbcbc;
}

input[type=range]:focus::-ms-fill-upper {
	background: #ccc;
}

hr.line {
	display:block;
	float:left;
	width:100%;
	padding: 0 0 40px 0;
	border:0;
	border-top:1px solid #ccc;
}

/*************** CLASSES GERAIS ***************/
.bold-italic {
	font-weight: bold;
	font-style: italic;
}

.italic {font-style: italic;}

.bold {font-weight: bold;}

.hide {display:none;}

.show {display:block;}

/*************** PLUGINS ***************/

form#AvatarUpContainer {
	float:left;
	width:calc(25% - 20px);
	margin-top:20px;
	padding:10px !important;
	min-height:200px !important;
	border:1px solid #007A83 !important;
}

.dz-default.dz-message {
	margin: 50px 0 !important;
}

.dz-remove {
	color:#007A83 !important;
	font:bold 14px Arial !important;
	margin-top:10px !important;
}

.dz-preview {
	margin:0 !important;
	width:100%;
}

.dz-image {
	width:184px !important;
	height:184px !important;
	border-radius: 7px !important;
	margin:auto;
}

#dados-cadastrais-container .dz-image {
	width:178px !important;
	height:178px !important;
}

.dz-image img {
	width: 100% !important;
	height: auto;
}

div.img-service-choice.dropzone {
	width:200px;
	height:200px;
	border:0;
	margin:auto;
	padding:0;
}

.ui-dialog {
	z-index:10000 !important;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

.ui-widget-header {
    border: 0 !important;
    background: #007A83 !important;
    color: #fff !important;
    font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0 !important;
    background: #007A83 !important;
    color: #fff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0 !important;
    background: #00474D !important;
    color: #fff !important;
}

.ui-widget-overlay {
	opacity: 0.3 !important;
}

#servicos-vitrine-selecao {
	margin-bottom:20px;
}

#servicos-vitrine-selecao li.line {
	padding:30px;
	border: 3px dashed #ccc;
	width: calc(100% - 66px) !important;
}

#servicos-vitrine-selecao hr {
	padding-bottom:0 !important;
}

li.middle.draggable {
	width:calc(50% - 66px) !important;
	margin:10px !important;
	padding:20px !important;
	border:3px dashed #ccc;
}

.draggable-bg {
	background-color:#fff;
	border: 3px dashed #007A83 !important;
}

span.services-container {
	float:left;
	width: 100%;
}

/*************** VITRINE ***************/

#content ul.vitrine-container {
	list-style-type: none;
	display:block;
	width:calc(100% - 80px);
	background-color:#fff;
	float:left;
	padding:40px;
	min-height:700px;
}
	#content ul.vitrine-container li {
		float:left;
		display: block;
		width:30%;
		margin-right:3%;
		background-color:#fff;
		border:1px solid #007A83;
		border-radius:10px;
		margin-top:30px;
	}

		#content ul.vitrine-container li:nth-child(3n) {
			margin-right:0;
		}

		#content ul.vitrine-container li a {
			color:#007A83;
			font:bold 24px 'Conduit ITC';
			text-decoration: none;
			display:block;
			width:calc(100% - 40px);
			padding:20px;
		}
			#content ul.vitrine-container li a div {
				width:100%;
				text-align: center;
			}

			#content ul.vitrine-container li a img {
				width:100%;
				opacity: 0.5;
			}

			#content ul.vitrine-container li a:hover img {
				opacity: 1.0;
			}

/*************** AUTOCOMPLETE ***************/

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 67%;
	left: 0;
	right: 0;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff; 
	border-bottom: 1px solid #d4d4d4; 
}

.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9; 
}

.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: #007A83 !important; 
	color: #ffffff; 
}

/*************** CADASTRO ***************/

#mainCadastro {
	background-color:transparent;
	width:100%;
}

#mainCadastro div.contentCadastro {
	position:relative;
	width:calc(100vw - 50px);
	min-height: calc(100vh - 50px);
	padding: 60px 25px 25px 25px;
	background-color:rgba(255,255,255,0.7)
}

#mainCadastro div.contentCadastro div#contentCadastroLoading {
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	padding-top:60px;
	font:32px 'Conduit ITC', Arial;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
	color:#00474D;
	display:none;
}

#mainCadastro div.contentCadastro div#contentCadastroLoading i {
	font-size: 50px;
}

#mainCadastro div.contentCadastro #logo h1 {
    display: block;
    margin: auto;
    width: 200px;
    height: 110px;
    font-size: 0;
    background-image: url(./../img/logo.svg);
    background-size: 200px 110px;
}

#mainCadastro div.contentCadastro div.cadastro-info-box, #mainCadastro div.contentCadastro div#control-form-buttons {
	width:50%;
	margin:30px auto;
	display:none;
	min-height:440px;
}

#mainCadastro div.contentCadastro div.cadastro-info-box[key="name"], #mainCadastro div.contentCadastro div#control-form-buttons {
	display:block;
}

#mainCadastro div.contentCadastro div#control-form-buttons {
	min-height: initial;
}

#mainCadastro div.contentCadastro div.cadastro-info-box h2.titulo {
	font: 32px 'Conduit ITC', Arial;
	margin:20px 0px 10px 0px;
}

#mainCadastro div.contentCadastro div.cadastro-info-box h3.subtitulo {
	font: 22px 'Conduit ITC', Arial;
	margin:0px 0px 10px 0px;
}

#mainCadastro div.contentCadastro div.cadastro-info-box input[type=text], #mainCadastro div.contentCadastro div.cadastro-info-box input[type=tel], #mainCadastro div.contentCadastro div.cadastro-info-box input[type=password], #mainCadastro div.contentCadastro div.cadastro-info-box select {
	border:0;
	background-color:transparent;
	border-bottom:1px solid #00474D;
	color:#00474D;
	padding:10px;
	width:calc(100% - 20px);
	font: 26px 'Conduit ITC', Arial;
}

#mainCadastro div.contentCadastro div#control-form-buttons div.control-form-button {
	width: 130px;
	padding:10px;
	font: 22px 'Conduit ITC', Arial;
	color:#fff;
	background-color:#007A83;
	cursor:pointer;
	text-align: center;
}

#mainCadastro div.contentCadastro div#control-form-buttons div.control-form-button:hover {
	background-color:#00474D;
}

#mainCadastro div.contentCadastro div#control-form-buttons div.control-form-button#prev-form-box {
	float:left;
	display:none;
}

#mainCadastro div.contentCadastro div#control-form-buttons div.control-form-button#next-form-box, #mainCadastro div.contentCadastro div#control-form-buttons div.control-form-button#finish-form-box {
	float:right;
}

#mainCadastro div.contentCadastro div#control-form-buttons div.control-form-button#finish-form-box {
	display:none;
}

/*************** HEADER ***************/
header {
	position: relative;
	float: left;
	width: 1000px;
	height: 150px;
	background-color: #00474D;
}

#header {
	position: relative;
	float: left;
	width: 100%;
	height: 113px;
	background-color: #00474D;
}

#header-content {
	position: relative;
	margin: auto;
	padding: 0 20px 0 0;
	width: calc(100% - 20px);
	height: 113px;
	background-color: #00474D;
}

	#header-content h1.logo {
		display: block;
		float: right;
		margin: 20px 20px 0 0;
		width: 180px;
		height: 93px;
		font-size: 0;
		background-image: url(./../img/logo_hp_w.png);
		background-size: 100% 93px;
	}

	#header-content h2.titulo-pagina {
		display: block;
		float: left;
		margin: 80px 0 0 0;
		font:bold 36px 'Conduit ITC';
		text-transform: uppercase;
		color: #fff;
	}

		#header-content h2.titulo-pagina .subtitulo-pagina-container {margin:0 0 0 20px;}

			#header-content h2.titulo-pagina .subtitulo-pagina-container .subtitulo-pagina {
				display: block;
				float: left;
				margin: 10px 10px 0 0;
				font:300 16px 'Conduit ITC';
				text-transform: uppercase;
				color: #fff;
			}

				#header-content h2.titulo-pagina .subtitulo-pagina-container .subtitulo-pagina i {margin:0 5px 0 0;}

/*************** MAIN MENU ***************/

#main-menu {
	position: relative;
	float: left;
	padding: 50px 0 50px 0;
	width: 320px;
	height:100vh;
	min-height: calc(100% + 120px);
	background-color: #00474D;
	left:calc(100% - 200px);
	overflow:hidden;
}

	#main-menu #header-saudacao {
		float: left;
		margin: 0 0 40px 0;
		padding: 10px;
		width: calc(100% - 20px);
		height: auto;
		font: bold 22px 'Conduit ITC';
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		position:relative;
	}

		#main-menu #header-saudacao .minicart-btn {
			cursor:pointer;
			width:30px;
			height:26px;
			padding:17px 15px;
			background-color:#fff;
			position:absolute;
			bottom:70px;
			right:80px;
			border-radius:100%;
			color:#00474D;
			text-align:center;
			box-shadow: -1px -2px 10px #202020;
			display: none;
		}

			#main-menu #header-saudacao .minicart-btn.show {
				display:block;
			}

			#main-menu #header-saudacao .minicart-btn i {
				font-size: 26px;
			}

		#main-menu #header-saudacao #minicart-container {
			position:absolute;
			left:0;
			top:160px;
			display:none;
			width:100%;
			padding:20px 0 0 0;
			margin:0 20px;
			z-index:1;
			font: 18px 'Conduit ITC';
		}

		#main-menu #header-saudacao ul#minicart {
			list-style-type:none;
			background-color:#f3f3f3;
			width:calc(100% - 80px);
			padding:20px;
			text-align:left;
			float:left;
		}

			#main-menu #header-saudacao ul#minicart li {
				cursor: default !important;
			}

			#main-menu #header-saudacao ul#minicart li#minicart-title, #main-menu #header-saudacao ul#minicart li#minicart-total {
				color:#00474D;
				padding-bottom:10px;
				margin-bottom:10px;
				border-bottom:1px solid #00474D;
				text-align:left;
			}

			#main-menu #header-saudacao ul#minicart li#minicart-total {
				border-bottom:0;
			}

			#main-menu #header-saudacao ul#minicart li.minicart-item {
				display:block;
				width:100%;
				float:left;
				margin-bottom:10px;
				font-size:18px;
				padding-bottom:10px;
				border-bottom:1px solid #00474D;
			}

				#main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-descricao {
					width:90%;
				}

				#main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-total-servico, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-preview-servico, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-qtd, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-descricao, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-remove, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-frete {
					color:#00474D;
					display:block;
					width:50%;
					float:left;
				}

				#main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-descricao {
					width:90%;
				}

				#main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-remove {
					width:10%;
					float:right;
				}

					#main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-preview-servico a, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-qtd a, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-remove a {
						color:#00474D;
					}

						#main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-preview-servico a i, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-qtd a i, #main-menu #header-saudacao ul#minicart li.minicart-item p.minicart-servico-remove a i {
							font-size:14px;
						}

			#main-menu #header-saudacao ul#minicart a.finalizarPedidoVitrine { 
				display:block;
				float:left;
				height:25px;
				text-decoration:none;
				width:calc(100% - 20px);
				padding:12px 10px;
				background-color:#0b7882;
				color:#fff;
				font-weight:bold;
				text-align:center;
			}

		#main-menu #header-saudacao .minicart-btn:hover + #main-menu #header-saudacao ul#minicart {
			display:block;
		}
	
		#main-menu #header-saudacao .avatar {
			margin: auto auto 20px auto;
			width: 150px;
			height: 150px;
			border-radius: 100%;
			background-color: #f3f3f3;
			background-repeat:no-repeat;
			background-position:center;
			background-size: 150px 150px
		}

			#main-menu #header-saudacao .avatar.noimage {
				background-image:url('./../img/avatar/users/user.png');
				background-repeat:no-repeat;
				background-position:center 12px;
				background-size: 110px 110px;
			}

		#main-menu #header-saudacao .company-avatar {
			margin: 10px auto auto auto;
			width: 64px;
		}

			#main-menu #header-saudacao .company-avatar img {width: 64px;}

		#main-menu #header-saudacao span.user-group {font: normal 20px 'Conduit ITC';text-transform:uppercase;}

	#main-menu #header-saudacao > ul, #main-menu > ul {
		position: relative;
		display: block;
		float: left;
		margin: auto;
		width: 95%;
		list-style-type: none;
		background-color: #00474D;
	}

		#main-menu #header-saudacao > ul> li, #main-menu > ul > li {
			position: relative;
			display: block;
			float: left;
			width: 100%;
			font: 20px 'Conduit ITC';
			text-transform: uppercase;
			color: #fff;
			list-style-type: none;
			cursor: pointer;
		}

			#main-menu > ul > li > a:hover, #main-menu ul li.selected, #main-menu > ul > li > a.selected {
				background: #007A83;
				background: -moz-linear-gradient(left, #007A83 0%, #00474D 100%);
				background: -webkit-linear-gradient(left, #007A83 0%,#00474D 100%);
				background: linear-gradient(to right, #007A83 0%,#00474D 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007A83', endColorstr='#00474D',GradientType=1 );
			}

			#main-menu #header-saudacao > ul > li > a, #main-menu > ul > li > a {
				position: relative;
				display: block;
				float: left;
				padding: 20px 20px 20px 30px;
				width: calc(100% - 40px);
				font: 20px 'Conduit ITC';
				text-transform: uppercase;
				color: #fff;
				text-align: left;
				text-decoration: none;
				list-style-type: none;
			}

				#main-menu > ul > li > a span.icon {
					float: left;
					margin: -3px 10px 0 0;
					width: 29px;
					height: 29px;
					background-size: 332px 30px;
					background-image: url('./../img/icon-w.png');
				}

					#main-menu > ul > li > a span.icon.dashboard {
						height: 31px;
						background-position: 219px 0;
					}

					#main-menu > ul > li > a span.icon.pedidos {
						height: 31px;
						background-position: 163px 0;
					}

					#main-menu > ul > li > a span.icon.novo-pedido {background-position: 277px 0;}

					#main-menu > ul > li > a span.icon.empresas, #main-menu ul li a span.icon.dados-cadastrais {background-position: 135px 0;}

					#main-menu > ul > li > a span.icon.servicos {background-position: 277px 0;}

					#main-menu > ul > li > a span.icon.calendario {background-position: 79px 0;}

					#main-menu > ul > li > a span.icon.mensagens {
						height: 31px;
						width:27px;
						margin-left:2px;
						background-position: 358px 0;
					}

					#main-menu > ul > li > a span.icon.emails {
						height: 31px;
						background-position: 248px 0;
					}

					#main-menu > ul > li > a span.icon.usuarios {background-position: 191px 0;}

					#main-menu > ul > li > a span.notify-label {
						position: absolute;
						top: 22px;
						right: 60px;
						border: 1px solid #fff;
						border-radius: 100%;
						width: 21px;
						height: 13px;
						font: bold 11px Arial;
						text-align: center;
						padding: 4px 0;
						color: #fff;
						display:none;
					}

			#main-menu > ul > li > a#btnLogout p i {
				float: left;
				margin: 3px 10px 0 0;
				font-size: 20px;
			}

			#main-menu > ul > li > a span.icon img {
				width: 20px;
				height: 20px;
			}

			#main-menu > ul > li > a p {
				display: block;
				float: left;
				width: calc(90% - 30px);
			}

			#main-menu > ul > li > a span.arrow {
				display: none;
				float: right;
				text-align: right;
			}

			#main-menu > ul > li > a:hover span.arrow, #main-menu ul li.selected a span.arrow {
				display: block;
				float: right;
			}

			#main-menu > ul > li > ul {
				position: relative;
				display: none;
				float: left;
				padding: 10px 0 0 60px;
				width: calc(100% - 60px);
				list-style-type: none;
				background-color: #00474D;
			}

				#main-menu > ul > li > ul.clicked {display: block;}

				#main-menu > ul > li > ul > li > a {
					display: block;
					float: left;
					padding: 0 0 10px 0;
					width: 100%;
					color: #fff;
					text-decoration: none;
				}

					#main-menu > ul > li > ul > li > a > i {
						display: block;
						float: left;
						margin:0 10px 0 0;
					}

					#main-menu > ul > li > ul > li > a:hover, #main-menu > ul > li > ul > li > a.sc-selected {text-decoration: underline;}

/*************** CONTAINERS E CONTEUDO PRINCIPAL ***************/

div.not-permission-label {
	width: calc(100% - 80px);
	background-color: #fff;
	padding: 40px;
	height: 500px;
}
	div.not-permission-label p {
		display:block;
		padding: 10px 0;
		width:100%;
		font: bold 16px Arial;
		text-align:center;
	}

		div.not-permission-label p i {
			font-size:100px;
			color: #007A83;
		}

#general-container {
	width:1320px;
	background:#00474D;
	overflow:hidden;
	position:relative;
	margin:auto;
}

#container {
	margin: auto;
	width: 1320px;
	min-height: 100%;
	position:relative;
	background-color: #00474D;
	float:left;
	right:calc(100% - 200px);
}

#main {
	padding: 0;
	height:100%;
	background-color: #fff;
	float:left;
}

#content-container {
	float:left;
	width:1000px;
	position:relative;
	left:calc(100% - 200px);
	overflow:hidden;
}

#content {
	float: left;
	margin: auto;
	padding: 20px 40px 50px 0;
	width: 960px;
	min-height: 100%;
	background-color: #00474D;
}

#fancy-data-content {
	float: left;
	margin: auto;
	padding: 20px 0 50px 0;
	width: 100%;
	min-height: 100%;
}

	#fancy-data-content a {
		padding:15px;
		width:calc(100% - 30px);
		display:block;
		float:left;
		text-decoration:none;
		color:#1f2329;
	}

	#fancy-data-content a:hover, #fancy-data-content a:active {color:#000;}

	#fancy-data-content div.fancy-data-titles {
		width:calc(100% - 20px);
		padding:10px;
		border-bottom:1px solid #00474D;
		float:left;
		font-weight:bold;
	}

	#fancy-data-content div.fancy-data-titles p {
		display:block;
		float:left;
	}

	#fancy-data-content div.fancy-data-titles p:nth-child(1), #fancy-data-content div.fancy-data-titles p:nth-child(3) {
		width:20%;
	}

	#fancy-data-content div.fancy-data-titles p:nth-child(2) {
		width:60%;
	}

	#content.error {
		padding: 180px 0 20px 0;
	}

	#content h2.titulo {
		display: block;
		float: left;
		padding: 20px;
		width: calc(100% - 40px);
		font: 22px Arial;
		color: #525252;
		border-bottom: 1px solid #2c3e50;
	}

		#content h2.titulo i {
			margin: 0 5px;
			font-size: 20px;
			color: #999999;
		}

	#content h2.titulo_dash {
		display: block;
		float: left;
		padding: 20px;
		width: calc(100% - 40px);
		font: 22px Arial;
		color: #525252;
		border-bottom: 1px solid #2c3e50;
	}

	#content span.dash-notify-label {display:none}

	#content h3 {
		display: block;
		float: left;
		padding: 20px;
		font: 18px 'titillium',Arial;
		color: #525252;
	}

		#content h3 a {
			font: bold 18px 'titillium',Arial;
			color: #525252;
		}

	#content #main {
		position: relative;
		width:100%;
		min-height:600px;
	}

		#content #main p.ajax-return {
			padding: 40px 20px 20px 20px;
			font: bold 18px Arial;
			text-align: center;
		}

		#content #main div#btnVoltarOrigem {
			margin: auto;
			padding: 10px;
			width: 150px;
			background-color: #007A83;
			font: bold 14px Arial;
			color: #fff;
			text-align: center;
			cursor: pointer;
		}

		#content #main div#btnVoltarOrigem:hover, #content #main div#btnVoltarOrigem:active {background-color:#00474D;}

		#content #main #data-container-loading {
			position: absolute;
			display: none;
			float: left;
			top: 0;
			left: 0;
			z-index: 10;
			width: 100%;
			height: 100%;
			min-height: 300px;
			font: bold 20px Arial;
			color: #007A83;
			background: rgba(255,255,255, 0.9);
		}

			#content #main #data-container-loading p {
				display: inline-block;
				padding: 300px 0 0 0;
				width: 100%;
				text-align: center;
			}

				#content #main #data-container-loading p i {
					margin:0 0 10px 0;
					font-size: 60px;
				}

	/*************** PAGINAÇÂO E FILTROS ***************/
#content .filtros-pagina-up {
		float: left;
		padding: 20px 0;
		width: 100%;
		font: 16px Arial;
		color: #fff;
	}

		#content .filtros-pagina-up ul {
			display: block;
			float: left;
			margin:0 0 0 10px;
			list-style-type: none;
		}

			#content .filtros-pagina-up ul li {
				display: block;
				float: left;
				margin:5px 10px 0 0;
				font: 14px Arial;
				list-style-type: none;
				cursor: pointer;
			}

				#content .filtros-pagina-up ul li:hover, #content .filtros-pagina-up ul li:active {
					color:#f3f3f3;
					text-decoration: underline;
				}

				#content .filtros-pagina-up ul li.selected {
					font-weight: bold;
					text-decoration: underline;
				}

				#content .filtros-pagina-up ul li:last-child {margin:5px 10px 0 0;}

		#content .filtros-pagina-up p {float: left;padding-top:5px;}

			#content .filtros-pagina-up .filtro-ordenacao p i {font-size:20px;}

		#content .filtros-pagina-up span.pipe {
			float: left;
			margin: 0 20px;
			height: 30px;
			border-left: 1px solid #fff;
			opacity: 0.5;
		}

		#content .filtros-pagina-up select {
			float: left;
			margin: -1px 0 0 10px;
			padding: 5px;
			font: bold 14px Arial;
			color: #fff;
			background-color: #00474D;
			border: 0;
			cursor: pointer;
			border: 1px solid #007A83;
		}

	#content .header-pagina {
		float: left;
		padding: 40px 40px 0 40px;
		width: calc(100% - 80px);
		font: 16px Arial;
		background-color: #fff;
	}

		#content .header-pagina .btnAddNew, #content .header-pagina .btnRelPedidos {
			float: left;
			margin:0 20px 0 0;
			width: 60px;
			height: 60px;
			font: bold 16px Arial;
			color: #1f2329;
			cursor: pointer;
		}

			#content .header-pagina .btnAddNew, #content .header-pagina .btnRelPedidos:hover, #content .header-pagina .btnAddNew, #content .header-pagina .btnRelPedidos:active{color:#000;}

			#content .header-pagina .btnRelPedidos {
				margin: 0 0 0 20px;
				width: 36px;
			}

			#content .header-pagina .btnAddNew i, #content .header-pagina .btnRelPedidos i {
				margin: 10px 0 0 0;
				clear: both;
				width: 100%;
				font-size: 26px;
				text-align: center;
			}

			#content .header-pagina .btnRelPedidos i {
				margin: 17px 0 0 0;
				font-size: 29px;
				text-align:right;
			}

			#content .header-pagina .btnAddNew h3, #content .header-pagina .btnRelPedidos h3 {
				display: block;
				float: left;
				margin: 0;
				padding: 0 0 6px 0;
				width: 60px;
				height: 14px;
				font: bold 14px Arial;
				text-align: center;
			}

		#content .header-pagina .search-bar {
			position: relative;
			float: left;
			padding: 10px 0;
			width: calc(100% - 80px);
			height: 40px;
		}
			#content .header-pagina .search-bar.templates {
				width: calc(100% - 160px);
			}

			#content .header-pagina .search-bar.pedidos {
				width: calc(100% - 56px);
			}

				#content .header-pagina .search-bar.emails-logs, #content .header-pagina .search-bar.pedidos.company {
					width: 100%;
				}

			#content .header-pagina .search-bar input {
				float: left;
				padding: 10px 50px 10px 10px;
				width: calc(100% - 60px);
				height: 20px;
				font: normal 14px Arial;
				text-align: right;
				border: 1px solid #ccc;
			}

			#content .header-pagina .search-bar .icon-search {
				position: absolute;
				display: block;
				right: 10px;
				bottom: 17px;
				font-size: 20px;
				color: #7d8c91;
			}

			#content .header-pagina .multiple-actions-bar {
				margin-top:20px;
				float:left;
				display:none;
			}

				#content .header-pagina .multiple-actions-bar select {
					float:left;
					height:35px;
					background-color:#fff;
					border:1px solid #007A83;
				}
					#content .header-pagina .multiple-actions-bar select.error {
						border:1px solid #E82C0C;
					}

				#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos {
					float:left;
					width:103px;
					margin-right:16px;
					display:block;
					font:bold 13px Arial;
					text-align:center;
					padding:10px;
					background-color:#007A83;
					text-decoration:none;
					color:#fff;
				}
					#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos i {
						font-size:18px;
					}

					#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:hover, #content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:active {background-color:#00474D;}

					#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(3), #content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(4) {
						width:138px;
						margin-right:16px;
					}
						#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(4) {
							margin-right:0px;
						}

					#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(5), #content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(6), #content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(7) {
						margin:15px 17px 0 0;
						width:262px; 
						padding:10px;
					}

					#content .header-pagina .multiple-actions-bar a.btnMultipleActionsPedidos:nth-child(7) {
						margin-right:0;
					}

	#content #data-container {
		position: relative;
		display: block;
		float: left;
		padding: 0px 40px;
		width: 880px;
		min-height: 600px;
		background-color: #fff;
	}

		#content #data-container p.message {
			display: block;
			padding: 289px 0;
			width: 100%;
			font: 20px Arial;
			text-align: center;
			color: #1f2329;
		}

		#content #data-container #data-container-loading, #fancy-data-content #data-container #data-container-loading {
			position: absolute;
			display: none;
			float: left;
			top: 0;
			left: 0;
			z-index: 10;
			width: 100%;
			height: 100%;
			min-height: 340px;
			font: bold 20px Arial;
			color: #007A83;
			background: rgba(255,255,255, 0.9);
		}

			#content #data-container #data-container-loading p, #fancy-data-content #data-container #data-container-loading p {
				display: inline-block;
				padding: 200px 0 0 0;
				width: 100%;
				text-align: center;
			}

				#content #data-container #data-container-loading p i, #fancy-data-content #data-container #data-container-loading p i {
					margin:0 0 10px 0;
					font-size: 60px;
				}

	#content .default-row {
		float: left;
		margin: 20px 0 0 0;
		width: 873px;
		height: 47px;
		border: 1px solid #007A83;
		border-left: 8px solid #007A83;
		background-color: #fff;
	}

		#content .default-row:nth-child(3n) {margin:20px 0 0 0;}

		#content .default-row .default-row-btn div.act-btns {
			float:left;
			width:5%;
		}

			#content .default-row .default-row-btn div.act-btns a {
				display:block;
				float:right;
				width: 26px;
				font-size:25px;
				margin:11px;
				padding:0;
				height:25px;
				color:#007A83;
			}

				#content .default-row .default-row-btn div.act-btns a:hover {
					color:#00474D;
				}

		#content .default-row .default-row-btn a {
			display: block;
			float: left;
			padding: 14px 15px;
			width: calc(100% - 30px);
			font: 14px Arial;
			text-align: left;
			text-decoration: none;
			color: #555555;
			background-color: #fff;
		}

			#content .default-row .default-row-btn a.with-space {
				width:calc(95% - 30px);
			}

			#content .default-row .default-row-btn a p {
				display: block;
				float: left;
				width: 95%;
			}
				#content .default-row .default-row-btn a.fat p {
					width: 100%;
				}

			#content .default-row .default-row-btn a span.arrow {
				display: none;
				float: left;
				width: 5%;
				text-align: right;
			}

			#content .default-row .default-row-btn a:hover {color: #1f2329;}

				#content .default-row .default-row-btn a:hover span.arrow {display: block;}

		#content .default-row.full, #fancy-data-content .default-row.full {
			float: left;
			margin: 20px 0 0 0;
			width: 100%;
			height: auto;
			border: 1px solid #007A83;
			border-top: 8px solid #007A83;
			background-color: #fff;
		}

		#fancy-data-content .default-row.full {
			margin: 0;
			padding:0;
			width: 100%;
			cursor:pointer;
			border:0;
			border-bottom: 1px solid #007A83;
		}
			#fancy-data-content .default-row.full.generated {
				background-color:#c9e6d4;
			}

			#fancy-data-content .default-row.full.generated:hover {
				background-color:#c9e6d4;
			}

			#fancy-data-content .default-row.full:hover {
				background-color:#f3f3f3;
			}

			#fancy-data-content .default-row.full a p {
				display:block;
				float:left;
				text-align:left;
			}

			#fancy-data-content .default-row.full a p:nth-child(1), #fancy-data-content .default-row.full a p:nth-child(3) {
				width:20%;
			}

			#fancy-data-content .default-row.full a p:nth-child(2) {
				width:60%;
			}

			#content .default-row.full.red {
				border-color:#E82C0C;
			}

			#content .default-row.full div.multiple-action-container {
				float:left;
				width:calc(10% - 15px);
				padding:28px 0 27px 15px;
				font-size:16px;
				color:#1f2329;
			}

				#content .default-row.full div.multiple-action-container.company {
					width:calc(6% - 15px);
				}

					#content .default-row.full div.multiple-action-container .order-checkbox-content {
						display: block;
						position: relative;
						padding-left: 30px;
						cursor: pointer;
						font-size: 16px;
						-webkit-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}

					#content .default-row.full div.multiple-action-container .order-checkbox-content input[type=checkbox] {
						position: absolute;
						opacity: 0;
						cursor: pointer;
					}

					.checkmark {
						position: absolute;
						top: 0;
						left: 0;
						height: 17px;
						width: 17px;
						background-color: #eee;
					}

					#content .default-row.full div.multiple-action-container .order-checkbox-content:hover input ~ .checkmark {
						background-color: #ccc;
					}

					#content .default-row.full div.multiple-action-container .order-checkbox-content input[type=checkbox]:checked ~ .checkmark {
						background-color: #007A83;
					}

					.checkmark:after {
						content: "";
						position: absolute;
						display: none;
					}

					#content .default-row.full div.multiple-action-container .order-checkbox-content input[type=checkbox]:checked ~ .checkmark:after {
						display:block;
					}

					#content .default-row.full div.multiple-action-container .order-checkbox-content .checkmark:after {
						left: 6px;
						top: 3px;
						width: 3px;
						height: 6px;
						border: solid white;
						border-width: 0 3px 3px 0;
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						transform: rotate(45deg);
					}

		#content .default-row.full .default-row-btn a {
			float:left;
			width:calc(82% - 30px);
			font-size:13px;
		}
			#content .default-row.full .default-row-btn a.fat {
				width:calc(86% - 30px);
			}

			#content .default-row.full .default-row-btn a.company {
				width:calc(86% - 30px);
			}

			#content .default-row.full.emails .default-row-btn a {
				width:calc(86% - 30px);
				font-size:15px;
			}

			#content .default-row.full.emails.log .default-row-btn a {
				padding-top:18px;
				width:calc(70% - 30px);
			}


			#content .default-row.full .default-row-btn a div.user-data-container {
				float:left;
				width:30%;
			}
				#content .default-row.full.fat .default-row-btn a div.user-data-container {
					width:64%;
				}
				#content .default-row.full .default-row-btn a div.user-data-container.company {
					width:32%;
				}

				#content .default-row.full .default-row-btn a div.user-data-container p:nth-child(1) {
					margin:5px 0 5px 0;
				}

				#content .default-row.full .default-row-btn a div.user-data-container p span:nth-child(1) {
					display:block;
					width:11%;
					text-align:center;
					float:left;
				}

					#content .default-row.full .default-row-btn a.fat div.user-data-container p span:nth-child(1) {
						width:4%;
					}

				#content .default-row.full .default-row-btn a div.user-data-container p span:nth-child(2) {
					display:block;
					width:89%;
					text-align:left;
					float:left;
				}

			#content .default-row.full .default-row-btn a div.order-data-container {
				float:left;
				width:68%;
			}
				#content .default-row.full .default-row-btn a.fat div.order-data-container {
					width:34%;
				}

				#content .default-row.full .default-row-btn a div.order-data-container.company {
					width:66%;
				}

				#content .default-row.full .default-row-btn a div.order-data-container div.order-type {
					float:left;
					width:80%;
				}

					#content .default-row.full .default-row-btn a.fat div.order-data-container div.order-type {
						width:100%;
					}

					#content .default-row.full .default-row-btn a div.order-data-container.company div.order-type p:nth-child(1) {
						margin:5px 0 5px 0;
					}

					#content .default-row.full .default-row-btn a div.order-data-container div.order-type p:nth-child(2) {
						font-weight: bold;
					}

				#content .default-row.full .default-row-btn a div.order-data-container div.order-values {
					float:left;
					width:20%;
					font-size:12px;
				}
					#content .default-row.full .default-row-btn a div.order-data-container div.order-values.company {
						font-size:12px;
					}

					#content .default-row.full .default-row-btn a div.order-data-container div.order-values p:nth-child(1) {
						display:block;
						margin:5px 0 5px 0;
					}

			#content .default-row.full .default-row-btn a span.arrow {
				float:left;
				width:2%;
				padding-top:14px;
				font-size:16px;
			}

			#content .default-row.full div.self-actions-container {
				float:left;
				width:calc(8% - 15px);
				padding:15px 15px 15px 0;
			}
				#content .default-row.full.fat div.self-actions-container {
					float:left;
					width:calc(4% - 15px);
					padding:15px 15px 15px 0;
				}

			#content .default-row.full.emails div.self-actions-container {
				width:calc(4% - 15px);
			}

			#content .default-row.full.emails.log div.self-actions-container {
				padding:21px 15px 15px 0;
				width:calc(20% - 15px);
				font-size:14px;
				color:#1f2329;
			}

				#content .default-row.full div.self-actions-container a {
					display:block;
					text-align:center;
					width:50%;
					padding:0;
					font-size:18px;
				}
					#content .default-row.full div.self-actions-container a.disabled {
						color: #ccc;
					}

					#content .default-row.full.emails div.self-actions-container a {
						margin-top:10px;
						font-size:20px;
						text-align:right;
						width:100%;
					}
	#content .fat-row {
		float: left;
		margin: 20px 0 0 0;
		width: 873px;
		height: 50px;
		border: 1px solid #007A83;
		border-left: 8px solid #007A83;
		background-color: #fff;
	}

		#content .fat-row .fat-row-btn a {
			display: block;
			float: left;
			padding: 14px 15px;
			width: calc(100% - 30px);
			height: 20px;
			font: 16px Arial;
			text-align: left;
			text-decoration: none;
			color: #555555;
			background-color: #fff;
		}

			#content .fat-row .fat-row-btn a p {
				display: block;
				float: left;
				width: 90%;
			}

			#content .fat-row .fat-row-btn a span.arrow {
				display: none;
				float: left;
				margin: 10px 0 0 0;
				width: 10%;
				text-align: right;
			}

			#content .fat-row .fat-row-btn a:hover {color: #1f2329;}

				#content .fat-row .fat-row-btn a:hover span.arrow {display: block;}

	#content .high-fat-row {
		float: left;
		margin: 20px 20px 0 0;
		width: 271px;
		height: 333px;
		border: 1px solid #007A83;
		border-left: 8px solid #007A83;
		background-color: #fff;
	}

		#content .high-fat-row.medium-height {
			height:200px;
		}

		#content .high-fat-row:nth-child(3n) {margin: 20px 0 0 0;}

		#content .high-fat-row .high-fat-row-btn a {
			display: block;
			float: left;
			padding: 14px 15px 0 15px;
			width: calc(100% - 30px);
			font: 12px Arial;
			text-align: left;
			text-decoration: none;
			color: #555555;
			background-color: #fff;
			position:relative;
		}

			#content .high-fat-row .high-fat-row-btn a p {
				display: block;
				float: left;
				width: 100%;
				margin: 0 0 10px 0;
			}

				#content .high-fat-row .high-fat-row-btn a p img {width: 100%;}

			#content .high-fat-row .high-fat-row-btn a span.arrow {
				display: none;
				float: left;
				text-align: center;
				font-size:20px;
				position:absolute;
				right:22px;
				top:139px;
				width:20px;
				height:20px;
				padding:5px 4px;
				background: rgba(255,255,255,0.5);
			}
				#content .high-fat-row.medium-height .high-fat-row-btn a span.arrow {
					top:85px;
				}

			#content .high-fat-row .high-fat-row-btn a:hover {color: #1f2329;}

				#content .high-fat-row .high-fat-row-btn a:hover span.arrow {display: block;}

	#content .filtros-pagina-down, #fancy-data-content .filtros-pagina-down {
		float: left;
		padding: 20px 0;
		width: 100%;
		font: 16px Arial;
		text-align: center;
		color: #1f2329;
		background-color: #fff;
	}
		#content .filtros-pagina-down.top, #fancy-data-content .filtros-pagina-down.top {
			padding: 20px 0 0 0;
		}

		#content .filtros-pagina-down ul.pager-menu,  #fancy-data-content .filtros-pagina-down ul.pager-menu {
			display: inline-block;
			margin: auto;
			padding: 10px 0;
			font: 16px Arial;
			color: #1f2329;
		}

			#content .filtros-pagina-down ul.pager-menu li, #fancy-data-content .filtros-pagina-down ul.pager-menu li {
				float: left;
				margin: auto;
				padding: 5px 10px 0 10px;
				height: 20px;
				list-style-type: none;
				cursor: pointer;
			}

				#content .filtros-pagina-down ul.pager-menu li:hover, #content .filtros-pagina-down ul.pager-menu li:active, #fancy-data-content .filtros-pagina-down ul.pager-menu li:hover, #fancy-data-content .filtros-pagina-down ul.pager-menu li:active {color:#000;}

				#content .filtros-pagina-down ul.pager-menu li.pg-btn:hover, #fancy-data-content .filtros-pagina-down ul.pager-menu li.pg-btn:hover {
					font-weight: bold;
					text-decoration: underline;
				}

				#content .filtros-pagina-down ul.pager-menu li.pg-btn.active, #fancy-data-content .filtros-pagina-down ul.pager-menu li.pg-btn.active {
					font-weight: bold;
					text-decoration: underline;
				}

				#content .filtros-pagina-down ul.pager-menu li.prev-btn, #content .filtros-pagina-down ul.pager-menu li.next-btn, #fancy-data-content .filtros-pagina-down ul.pager-menu li.prev-btn, #fancy-data-content .filtros-pagina-down ul.pager-menu li.next-btn {
					padding: 0;
					font-size: 25px;
					opacity: 0.5;
				}

				#content .filtros-pagina-down ul.pager-menu li.prev-btn.active:hover, #content .filtros-pagina-down ul.pager-menu li.next-btn.active:hover, #fancy-data-content .filtros-pagina-down ul.pager-menu li.prev-btn.active:hover, #fancy-data-content .filtros-pagina-down ul.pager-menu li.next-btn.active:hover {opacity: 1;}

				#content .filtros-pagina-down ul.pager-menu li.pg-btn.disabled, #content .filtros-pagina-down ul.pager-menu li.prev-btn.disabled, #content .filtros-pagina-down ul.pager-menu li.next-btn.disabled, #fancy-data-content .filtros-pagina-down ul.pager-menu li.pg-btn.disabled, #fancy-data-content .filtros-pagina-down ul.pager-menu li.prev-btn.disabled, #fancy-data-content .filtros-pagina-down ul.pager-menu li.next-btn.disabled {opacity: 0.5;}

/*************** FOOTER ***************/

footer {
	position:relative;
	float:left;
	width:100%;
}

	footer #footer {
		position: relative;
		float: left;
		width: 100%;
		min-height: 60px;
		background-color: #00474D;
	}

		footer #footer h3 {
			position: relative;
			display: block;
			padding: 20px 0;
			height: auto;
			font: 10px Arial;
			text-align: center;
			color: #fff;
		}

/*************** JANELAS MODAIS ***************/
.modal {display: none;}

.modal {
	padding: 40px;
	width: 300px;
	height: auto;
	min-height: 50px;
	background-color: #fff;
	z-index: 10000;
}

.modal p {
	position: relative;
	display: block;
	float: none;
	padding: 30px 20px 20px 20px;
	width: calc(100% - 40px);
	font: 16px Arial;
	text-align: center;
	color: #007A83;
}

.modal .mockup {
	position:relative;
	background:linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url("./../img/mockup.png");
	width:1600px;
	height:930px;
	margin:auto;
	zoom:0.9;
}

.modal .mockup .titulo-mockup {
	position:absolute;
	padding:20px;
	font: bold 36px 'Conduit ITC';
	text-transform: uppercase;
	background:rgba(255,255,255,0.8);
	color: #007A83;
}

.modal .mockup .principal-card {
	position:absolute;
	width:445px;
	height: 252px;
	left:636px;
	bottom:361px;
	z-index:10;
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.3);	
}

.modal .mockup .secundary-card {
	position:absolute;
	width:445px;
	height: 252px;
	left:314px;
	bottom:406px;
	transform: rotateZ(-18deg);
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.3);
}

/*************** FANCYBOX CONTENTS ***************/
#fancy-container {
	margin: auto;
	width: 900px;
	height: 600px;
	background-color: #fff;
}

	#fancy-container.add_produto_personalizado_carrinho, #fancy-container.empresas_unidades_negocio_editar_dados {
		width:1100px;
		height:600px;
	}
	#fancy-container.personaliza_servico_vitrine {
		width:930px;
		height:600px;
	}

	#fancy-container.alterar_qtd_carrinho_servico {
		width:350px;
		height:150px;
	}

	#fancy-container.google_auth_check {
		width:500px;
		height:220px;
	}

	#fancy-container.visualizar_email {
		width:800px;
		height:520px;
	}

	#fancy-container.servicos_templates_upload_tipografia {
		height: 200px;
	}

	#fancy-container.envia_carta_correcao_nfe,
	#fancy-container.cancela_nfe,
	#fancy-container.inutiliza_numero_nfe {
		height: 350px;
		width: 800px;
	}

	#fancy-container.empresas_cadastrar,
	#fancy-container.empresas_editar_dados,
	#fancy-container.usuarios_grupos_de_acesso_cadastrar,
	#fancy-container.usuarios_editar_grupo_de_acesso,
	#fancy-container.usuarios_editar_empresa,
	#fancy-container.usuarios_grupos_de_acesso_editar_dados {
		width: 900px;
		height: 300px;
	}

	#fancy-container.servicos_cadastrar,
	#fancy-container.servicos_editar_dados,
	#fancy-container.servicos_templates_cadastrar,
	#fancy-container.servicos_templates_editar_dados,
	#fancy-container.pedido_detalhes,
	#fancy-container.emails_cadastrar,
	#fancy-container.emails_editar_dados,
	#fancy-container.pedidos_relatorio {
		width: 1000px;
		height: 750px;
	}

	#fancy-container.email_log_detalhes,
	#fancy-container.incluir_cod_rastreio_pedidos {
		width: 900px;
		height: 400px;
	}

#fancy-content #data-container-loading {
	position: fixed;
	display: none;
	float: left;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	min-height: 300px;
	font: bold 20px Arial;
	color: #007A83;
	background: rgba(255,255,255, 0.9);
}

	#fancy-content #data-container-loading p {
		display: inline-block;
		padding: 120px 0 0 0;
		width: 100%;
		text-align: center;
	}

		#fancy-content #data-container-loading p i {
			margin:0 0 10px 0;
			font-size: 60px;
		}

#fancy-content #fancy-content-title h2 {
	font: bold 22px 'Conduit ITC';
	text-transform: uppercase;
	color: #1f2329;
}

	#fancy-content #fancy-content-title h2 i {font-size: 12px;}

#fancy-content #fancy-content-subtitle h5, .fancy-content-subtitle h5 {
	font: bold 25px 'Conduit ITC';
	text-transform: uppercase;
	color: #555;
	margin: 0;
	padding: 0;
	text-align:center;
}

#fancy-content #fancy-content-subtitle h2, .fancy-content-subtitle h2 {
	font: bold 18px 'Conduit ITC';
	text-transform: uppercase;
	color: #555;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}

	#fancy-content #fancy-content-subtitle h2 i {font-size: 12px;}

#fancy-content #email-log-details-container, #fancy-content #email-template-view-container {
	margin: 30px 0 0 0;
}

	#fancy-content #email-log-details-container #email-view-container {
		margin: 30px 0 0 0;
	}

#fancy-content #form-container {
	display: block;
	margin: 20px 0;
	width: 100%;
}

	#fancy-content #form-container form.form-data ul, #content #form-container form.form-data ul {
		display: block;
		width: 100%;
		list-style-type: none;
	}

		#fancy-content #form-container form.form-data ul > li, #content #form-container form.form-data ul > li {
			position:relative;
			display: block;
			float: left;
			margin: 0 0 20px 0;
			width: 100%;
		}

			#fancy-content #form-container form.form-data ul span.dt-nascimento-icon, #fancy-content #form-container form.form-data ul span.dt-inicio-icon, #fancy-content #form-container form.form-data ul span.dt-fim-icon {
				position:absolute;
				top:13px;
				right:8px;	
				font-size:25px;
				color:#007A83;
				cursor:pointer;
			}

			#fancy-content #form-container form.form-data ul span.dt-nascimento-icon:hover, #fancy-content #form-container form.form-data ul span.dt-nascimento-icon:active, #fancy-content #form-container form.form-data ul span.dt-inicio-icon:hover, #fancy-content #form-container form.form-data ul span.dt-inicio-icon:active, #fancy-content #form-container form.form-data ul span.dt-fim-icon:hover, #fancy-content #form-container form.form-data ul span.dt-fim-icon:active {color:#00474D;}

			#fancy-content #form-container form.form-data ul > li p.user-permission {
				display:block;
				padding:0 0 10px 0;
				width:100%;
				font:bold 14px Arial;
			}

			#fancy-content #form-container form.form-data ul > li i.user-permission, #fancy-content #form-container form.form-data ul > li i.business-rel {
				font-size:20px;
				color: #007A83;
				cursor:pointer;
			}

				#fancy-content #form-container form.form-data ul > li i.user-permission:hover, #fancy-content #form-container form.form-data ul > li i.user-permission:active, #fancy-content #form-container form.form-data ul > li i.business-rel:hover, #fancy-content #form-container form.form-data ul > li i.business-rel:active {color:#00474D;}

				#fancy-content #form-container form.form-data ul > li i.user-permission.unselected, #fancy-content #form-container form.form-data ul > li i.business-rel.unselected {
					color:#ccc;
				}
			#fancy-content #form-container form.form-data ul > li.user-permission, #fancy-content #form-container form.form-data ul > li.business-rel {
				padding: 20px 0 0 0;
				border-top:1px solid #d2d2d2;
				border-bottom:1px solid #d2d2d2;
			}

			#fancy-content #form-container form.form-data ul > li.middle {width: calc(50% - 10px);}

				#fancy-content #form-container form.form-data ul > li.middle.more-quarter {width: calc(75% - 10px);}

				#fancy-content #form-container form.form-data ul > li.middle.minus-quarter {width: calc(25% - 10px);}

					#fancy-content #form-container form.form-data ul > li.middle.minus-quarter.bt {width: calc(25% - 20px);}

					#fancy-content #form-container form.form-data ul > li.middle.minus-quarter button.send {width: 100%;}
					#fancy-content #form-container form.form-data ul > li.middle.minus-quarter button.send#sendFormUserAccessGroupEdit {height:56px;}
					#fancy-content #form-container form.form-data ul > li.middle.minus-quarter div.send {width: calc(100% - 20px);}

			#fancy-content #form-container form.form-data ul > li.middle#errors, #fancy-content #form-container form.form-data ul > li.quarter#errors {min-height: 20px;}

			#fancy-content #form-container form.form-data ul > li.middle#errors label, #fancy-content #form-container form.form-data ul > li.quarter#errors label {
				display: block;
				width: 100%;
				font: bold 13px Arial;
				color: #E82C0C;
				border: 0;
				height:auto;
			}

			#fancy-content #form-container form.form-data ul > li.middle.lt {margin:0 10px 20px 0;}

				#fancy-content #form-container form.form-data ul > li.middle.lt.mbc {margin:0 10px 0 0;}

			#fancy-content #form-container form.form-data ul > li.middle.rt {margin:0 0 20px 10px;}

				#fancy-content #form-container form.form-data ul > li.middle.rt.mbc {margin:0 0 0 10px;}

			#fancy-content #form-container form.form-data ul > li.middle.bt {margin:0 10px 20px 10px;}

				#fancy-content #form-container form.form-data ul > li.middle.bt.mbc {margin:0 10px 0 10px;}

			#fancy-content #form-container form.form-data ul > li.quarter {
				margin: 0 20px 20px 0;
				width: calc(25% - 15px);
			}
				#fancy-content #form-container form.form-data ul > li.quarter:nth-child(4n) {margin:0 0 20px 0;}

				#fancy-content #form-container form.form-data ul > li.quarter.lt {
					margin: 0 10px 20px 0;
					width: calc(25% - 10px);
				}

				#fancy-content #form-container form.form-data ul > li.quarter.bt {
					margin: 0 10px 20px 10px;
					width: calc(25% - 20px);
				}

				#fancy-content #form-container form.form-data ul > li.quarter.rt {
					margin: 0 0px 20px 10px;
					width: calc(25% - 10px);
				}

			#fancy-content #form-container form.form-data ul > li.empty {
				margin: 0;
			}

			#fancy-content #form-container form.form-data ul > li.middle.code-editor-container {height: 350px;}

			#fancy-content #form-container form.form-data ul > li div.code-editor {min-height: 300px;}

			#fancy-content #form-container form.form-data ul > li ul {
				display: block;
				width: 100%;
				list-style-type: none;
				float:left;
			}

			#fancy-content #form-container form.form-data ul > li div.new_value_select_container {
				position: relative;
				display: none;
			}

				#fancy-content #form-container form.form-data ul > li div.new_value_select_container span.remove_new_value_select {
					position: absolute;
					display: block;
					right: 1px;
					top: 1px;
					padding: 5px;
					width: 25px;
					height: 25px;
					font-size: 22px;
					text-align: center;
					color: #007A83;
					background-color: #fff;
					cursor: pointer;
				}
				#fancy-content #form-container form.form-data ul > li div.new_value_select_container span.remove_new_value_select:hover, #fancy-content #form-container form.form-data ul > li div.new_value_select_container span.remove_new_value_select:active {
					color:#00474D;
					background-color:#f3f3f3;
				}

			#fancy-content #form-container form.form-data ul > li ul li {
				display: block;
				margin:0 0 20px 0;
				width: 100%;
			}

				#fancy-content #form-container form.form-data ul > li ul li:last-child {margin: 0;}

			#fancy-content #form-container form.form-data ul > li div#addCampoTemplate, #fancy-content #form-container form.form-data ul > li div#addServicoVitrine, #fancy-content #form-container form.form-data ul > li div#addServicoVitrineSelecao, #fancy-content #form-container form.form-data ul > li div#addServicoQuantidade {
				float: right;
				color: #007A83;
				cursor: pointer;
			}

			#fancy-content #form-container form.form-data ul > li div#addCampoTemplate:hover, #fancy-content #form-container form.form-data ul > li div#addServicoVitrine:hover, #fancy-content #form-container form.form-data ul > li div#addServicoQuantidade:hover, #fancy-content #form-container form.form-data ul > li div#addCampoTemplate:active, #fancy-content #form-container form.form-data ul > li div#addServicoVitrine:active, #fancy-content #form-container form.form-data ul > li div#addServicoQuantidade:active, #fancy-content #form-container form.form-data ul > li div#addServicoVitrineSelecao:hover, #fancy-content #form-container form.form-data ul > li div#addServicoVitrineSelecao:active {color:#00474D;}

			#fancy-content #form-container form.form-data ul > li div#addServicoVitrineSelecao {
				display:none;
			}

			#fancy-content #form-container form.form-data ul > li label, #fancy-content #form-container form.form-data ul > li ul li label, #content #form-container form.form-data ul > li label, #content #form-container form.form-data ul > li ul li label {
				display: none;
				padding: 10px 5px 5px 5px;
				width: calc(100% - 12px);
				height: 10px;
				font: bold 10px Arial;
				color: #676767;
				border: 1px solid #007A83;
				border-bottom: 0;
			}

				#fancy-content #form-container form.form-data ul > li p.checkbox-title, #fancy-content #form-container form.form-data ul > li ul li p.checkbox-title {
					font: bold 15px Arial;
					padding:0 0 5px 0;
					margin-bottom:5px;
					border-bottom: 1px solid #ccc;
				}

					#fancy-content #form-container form.form-data ul > li p.checkbox-title.special-shop-window, #fancy-content #form-container form.form-data ul > li ul li p.checkbox-title.special-shop-window {
						font: bold 15px 'Conduit ITC';
						border-bottom: 1px solid #ccc;
						margin-top:30px;
					}


				#fancy-content #form-container form.form-data ul > li label.checkbox, #fancy-content #form-container form.form-data ul > li ul li label.checkbox {
					font: 14px Arial;
					color: #1f2329;
					display:block;
					float:left;
					padding:5px;
					width:auto;
					border:0;
					position: relative;
					padding-left: 25px;
					margin-right:30px;
					cursor: pointer;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
				}

				#fancy-content #form-container form.form-data ul > li label.checkbox input[type=checkbox], #fancy-content #form-container form.form-data ul > li ul li label.checkbox input[type=checkbox] {
					position: absolute;
					opacity: 0;
					cursor: pointer;
				}

				#fancy-content #form-container form.form-data ul > li .checkmark, #fancy-content #form-container form.form-data ul > li ul li .checkmark {
					position: absolute;
					top: 4px;
					left: 0;
					height: 17px;
					width: 17px;
					background-color: #eee;
				}

				#fancy-content #form-container form.form-data ul > li label.checkbox:hover input ~ .checkmark, #fancy-content #form-container form.form-data ul > li ul li label.checkbox:hover input ~ .checkmark {
					background-color: #ccc;
				}

				#fancy-content #form-container form.form-data ul > li label.checkbox input[type=checkbox]:checked ~ .checkmark, #fancy-content #form-container form.form-data ul > li ul li label.checkbox  input[type=checkbox]:checked ~ .checkmark {
					background-color: #007A83;
				}

				#fancy-content #form-container form.form-data ul > li .checkmark:after, #fancy-content #form-container form.form-data ul > li ul li .checkmark {
					content: "";
					position: absolute;
					display: none;
				}

					#fancy-content #form-container form.form-data ul > li ul li .checkmark.special-shop-window-step {
						display: block;
					}

				#fancy-content #form-container form.form-data ul > li label.checkbox input[type=checkbox]:checked ~ .checkmark:after,  #fancy-content #form-container form.form-data ul > li ul li label.checkbox input[type=checkbox]:checked ~ .checkmark:after {
					display:block;
				}

				#fancy-content #form-container form.form-data ul > li label.checkbox .checkmark:after, #fancy-content #form-container form.form-data ul > li ul li label.checkbox .checkmark:after {
					left: 6px;
					top: 3px;
					width: 3px;
					height: 6px;
					border: solid white;
					border-width: 0 3px 3px 0;
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
				}

				#fancy-content #form-container form.form-data ul > li label.error, #fancy-content #form-container form.form-data ul > li ul li label.error {
					border-color:#E82C0C;
				}

			#fancy-content #form-container form.form-data ul > li label.focus, #fancy-content #form-container form.form-data ul > li ul li label.focus, #fancy-content #form-container form.form-data ul > li label.select, #fancy-content #form-container form.form-data ul > li ul li label.select, #content #form-container form.form-data ul > li label.select, #content #form-container form.form-data ul > li ul li label.select {display: block;}

				#fancy-content #form-container form.form-data ul > li label.select.hide, #fancy-content #form-container form.form-data ul > li ul li label.select.hide {display: none;}

				#fancy-content #form-container form.form-data ul > li label.focus.disabled, #fancy-content #form-container form.form-data ul > li ul li label.focus.disabled, #fancy-content #form-container form.form-data ul > li label.select.disabled, #fancy-content #form-container form.form-data ul > li ul li label.select.disabled {background-color:#f3f3f3;}

			#fancy-content #form-container form.form-data ul > li input[type=text], #fancy-content #form-container form.form-data ul > li ul li input[type=text], #fancy-content #form-container form.form-data ul > li input[type=number], #fancy-content #form-container form.form-data ul > li ul li input[type=number], #fancy-content #form-container form.form-data ul > li input[type=password], #fancy-content #form-container form.form-data ul > li ul li input[type=password] {
				display: block;
				padding: 5px;
				width: calc(100% - 12px);
				height: 44px;
				border: 1px solid #007A83;
				background-color: #fff;
			}

				#fancy-content #form-container form.form-data ul > li input[type=text].disabled, #fancy-content #form-container form.form-data ul > li ul li input[type=text].disabled, #fancy-content #form-container form.form-data ul > li input[type=number].disabled, #fancy-content #form-container form.form-data ul > li ul li input[type=number].disabled, #fancy-content #form-container form.form-data ul > li input[type=password].disabled, #fancy-content #form-container form.form-data ul > li ul li input[type=password].disabled {
					background-color: #f3f3f3;
				}

			#fancy-content #form-container form.form-data ul > li input[type=text].focus, #fancy-content #form-container form.form-data ul > li ul li input[type=text].focus, #fancy-content #form-container form.form-data ul > li input[type=number].focus, #fancy-content #form-container form.form-data ul > li ul li input[type=number].focus, #fancy-content #form-container form.form-data ul > li input[type=password].focus, #fancy-content #form-container form.form-data ul > li ul li input[type=password].focus {
				display: block;
				padding: 0 5px 5px 5px;
				width: calc(100% - 12px);
				height: 24px;
				border: 1px solid #007A83;
				border-top: 0;
			}

			#fancy-content #form-container form.form-data ul > li select, #fancy-content #form-container form.form-data ul > li ul li select, #content #form-container form.form-data ul > li select, #content #form-container form.form-data ul > li ul li select {
				display: block;
				padding: 0 5px 10px 5px;
				width: 100%;
				border: 1px solid #007A83;
				border-top: 0;
				background-color: #fff;
			}
				#fancy-content #form-container form.form-data ul > li select.hide, #fancy-content #form-container form.form-data ul > li ul li select.hide {
					display:none;	
				}

				#fancy-content #form-container form.form-data ul > li select.disabled, #fancy-content #form-container form.form-data ul > li ul li select.disabled {
					color:#ccc;
					background-color:#f3f3f3;
				}

			#fancy-content #form-container form.form-data ul > li select.multiple, #fancy-content #form-container form.form-data ul > li ul li select.multiple {height: 135px;}

			#fancy-content #form-container form.form-data ul > li select.error, #fancy-content #form-container form.form-data ul > li ul li select.error, #fancy-content #form-container form.form-data ul > li input[type=text].error, #fancy-content #form-container form.form-data ul > li ul li input[type=text].error, #fancy-content #form-container form.form-data ul > li input[type=number].error, #fancy-content #form-container form.form-data ul > li ul li input[type=number].error, #fancy-content #form-container form.form-data ul > li input[type=password].error, #fancy-content #form-container form.form-data ul > li ul li input[type=password].error {border-color: #E82C0C;}

			#fancy-content #form-container form.form-data ul > li button.clear, #fancy-content #form-container form.form-data ul > li a.remove {
				float: right;
				margin:0 20px 0 0;
				padding: 10px;
				width: 150px;
				font: bold 14px Arial;
				color: #007A83;
				border: 1px solid #007A83;
				background-color: #fff;
				cursor: pointer;
			}

			#fancy-content #form-container form.form-data ul > li a.remove {
				display:block;
				width: 148px;
				text-align:center;
				text-decoration: none;
			}

			#fancy-content #form-container form.form-data ul > li button.clear:hover, #fancy-content #form-container form.form-data ul > li button.clear:active, #fancy-content #form-container form.form-data ul > li a.remove:hover, #fancy-content #form-container form.form-data ul > li a.remove:active {
				background-color:#f3f3f3;
				color:#00474D;
			}

			#fancy-content #form-container form.form-data ul > li button.send, #fancy-content #form-container form.form-data ul > li div.send {
				float: right;
				padding: 10px;
				width: 150px;
				height:37px;
				font: bold 14px Arial;
				color: #fff;
				border: 1px solid #007A83;
				background-color: #007A83;
				cursor: pointer;
			}

			#fancy-content #form-container form.form-data ul > li button.send:hover, #fancy-content #form-container form.form-data ul > li button.send:active, #fancy-content #form-container form.form-data ul > li div.send:hover, #fancy-content #form-container form.form-data ul > li div.send:active {background-color:#00474D;}

			#fancy-content #form-container form.form-data ul > li div.send {
				padding: 18px 10px;
				width: 128px;
				height:16px;
				text-align:center;
			}

		#fancy-content #form-container form.form-data ul li a.btnDeleteThis {
			display: block;
			float: right;
			margin:0 20px 0 0;
			padding: 7px;
			font: bold 14px Arial;
			text-align: center;
			text-decoration: none;
			color: #007A83;
			border: 1px solid #007A83;
			background-color: #fff;
			cursor: pointer;
		}

			#fancy-content #form-container form.form-data ul li a.btnDeleteThis:hover, #fancy-content #form-container form.form-data ul li a.btnDeleteThis:active {
				background-color:#f3f3f3;
				color:#00474D;
			}

			#fancy-content #form-container form.form-data ul li a.btnDeleteThis p {
				display: block;
				float: left;
				width: 100%;
				font-size: 19px;
				text-align: center;
			}

	#fancy-content #form-container form.form-data input[type=file].file-upload {display: none;}

	#fancy-content #form-container form.form-data a#addClientAvatar, #fancy-content #form-container form.form-data div#companyAvatarPreview, #fancy-content #form-container form.form-data a#addUserAvatar, #fancy-content #form-container form.form-data div#userAvatarPreview {
		display: block;
		padding: 21px;
		width: calc(100% - 30px);
		text-align: center;
		text-decoration: none;
		border: 2px dashed #ccc;
	}

	#fancy-content #form-container form.form-data a#addClientAvatar {
		padding: 43px 11px;

	}

	#fancy-content #form-container form.form-data a#addUserAvatar, #fancy-content #form-container form.form-data div#userAvatarPreview {
		position:absolute;
		top:0;
		right:0;
		padding: 84px 12px;
		min-height: 50px;
		z-index:1000;
	}

	#fancy-content #form-container form.form-data a#addClientAvatar.addError, #fancy-content #form-container form.form-data a#addUserAvatar.addError, #fancy-content #form-container form.form-data ul > li label.addError, #fancy-content #form-container form.form-data ul > li ul li label.addError {border-color: #E82C0C;}

	#fancy-content #form-container form.form-data div#companyAvatarPreview, #fancy-content #form-container form.form-data div#userAvatarPreview {
		position: relative;
		display: none;
		padding: 0 13px;
		min-height: 92px;
	}

	#fancy-content #form-container form.form-data div#companyAvatarPreview {
		padding: 6px 13px;
	}

	#fancy-content #form-container form.form-data div#userAvatarPreview {
		position:absolute;
		top:0;
		right:0;
		padding: 0 13px;
		min-height: 220px;
		z-index:10;
	}

	#fancy-content #form-container form.form-data div#companyAvatarPreview #removeClientAvatarPreview, #fancy-content #form-container form.form-data div#userAvatarPreview #removeUserAvatarPreview {
		position: absolute;
		top: 5px;
		right: 5px;
		font-size: 15px;
		color: #E82C0C;
		cursor: pointer;
	}

	#fancy-content #form-container form.form-data div#companyAvatarPreview img {
		width:100%;
		/*
		padding: 10px;
		width: auto;
		max-height: 70px;
		*/
	}

	#fancy-content #form-container form.form-data div#userAvatarPreview img {
		padding: 48px 0;
		/*
		padding: 10px 10px 5px 10px;
		width: 105px;
		height: 105px;
		*/
	}

	#fancy-content #form-container form#formUserLoggedData.form-data div#userAvatarPreview img {
		padding:0;
	}
		#fancy-content #form-container form#formUserLoggedData.form-data div#userAvatarPreview img.with-padd {
			padding:48px 0;
		}

	#fancy-content #form-container form.form-data a#addClientAvatar i, #fancy-content #form-container form.form-data a#addUserAvatar i {
		clear: both;
		font-size: 30px;
		color: #007A83;
	}

	#fancy-content #form-container form.form-data a#addClientAvatar p, #fancy-content #form-container form.form-data a#addUserAvatar p {
		clear: both;
		font: normal 16px Arial;
		color: #007A83;
	}

	#fancy-content #form-container form.form-data a#addClientAvatar:hover, #fancy-content #form-container form.form-data a#addUserAvatar:hover {
		text-decoration: underline;
		border: 2px dashed #007A83;
		color:#00474D;
	}

	#fancy-content #form-container p.ajax-return {
		padding: 40px 20px 20px 20px;
		font: bold 18px Arial;
		text-align: center;
	}

	#fancy-content #form-container div#btnVoltarOrigem {
		margin: auto;
		padding: 10px;
		width: 150px;
		font: bold 14px Arial;
		text-align: center;
		color: #fff;
		background-color: #007A83;
		cursor: pointer;
	}

	#fancy-content #form-container div#btnVoltarOrigem:hover, #fancy-content #form-container div#btnVoltarOrigem:active {background-color:#00474D}

	#fancy-content #form-container li.examples {
		width: 1097px;
		height: 625px;
	}

		#fancy-content #form-container li.examples > #exemplo-canvas-content {
			width: 1097px;
			height: 625px;
		}


	#fancy-content #form-container div.address-container, #fancy-content #form-container a.address-container {
		position:relative;
		display:block;
		float:left;
		margin:0 20px 20px 0;
		padding: 20px;
		width: calc(50% - 62px);
		height:auto;
		min-height:162px;
		font:14px Arial;
		border: 1px solid #007A83;
	}
		#fancy-content #form-container div.address-container:nth-child(2n), #fancy-content #form-container a.address-container:nth-child(2n) {
			width:calc(50% - 42px);
			margin: 0 0 20px 0;		
		}

		#fancy-content #form-container div.address-container ul {
			display:block;
			float:left;
			min-height:114px;	
			list-style-type:none;
		}

			#fancy-content #form-container div.address-container ul li {
				display:block;
				float:left;
				margin: 0 0 3px 0;
				width:100%;
			}
		#fancy-content #form-container a.address-container label.add-new-address-icon {
			background-color:transparent;
		}

		#fancy-content #form-container div.address-container div.master-address-btn {
			display:block;
			float:left;
			padding:0 0 10px 0;
			width: 100%;
			font: bold 16px Arial;
			cursor:pointer;
		}
			#fancy-content #form-container div.address-container div.master-address-btn label {
				display:block;
				float:left;
				margin: -3px 10px 0 0;
				padding:2px;
				width:13px;
				height:13px;
				border-radius:100%;
				border:1px solid #007A83;
				font-size:12px;
				text-align:center;
				color:#fff;
				background-color:#007A83;
			}

				#fancy-content #form-container div.address-container div.master-address-btn label.circle-unselected-btn {
					background-color:#fff;
					cursor:pointer;
				}

		#fancy-content #form-container div.address-container div.action-buttons {
			display:block;
			float:right;
			width:13%;
		}
			#fancy-content #form-container div.address-container div.action-buttons label, #fancy-content #form-container div.address-container div.action-buttons a {
				display:block;
				float:right;
				width:20px;
				height:20px;
				font-size:20px;
				cursor:pointer;
			}
				#fancy-content #form-container div.address-container div.action-buttons a.edit-address {
					margin:0 10px 0 0;
					background-image: url('./../img/icon.png');
					background-size: 221px 20px;
					background-position: 221px 0;
				}

	#fancy-content #form-container a.address-container.new {
		padding:60px 20px;
		min-height:92px;
		cursor:pointer;
		border: 1px dashed #007A83;
		text-decoration:none;
		color:#1f2329;
	}

		#fancy-content #form-container a.address-container.new:hover, #fancy-content #form-container a.address-container.new:active {
			background-color:#f3f3f3;
			color:#000;
		}

		#fancy-content #form-container a.address-container.new label.add-new-address-icon {
			display:block;
			clear:both;
			margin: 0 auto 20px auto;
			width:40px;
			height:40px;
			background-image: url('./../img/icon.png');
			background-size: 442px 40px;
			background-position: 369px 0;
		}

		#fancy-content #form-container a.address-container.new h2 {
			display:block;
			width:100%;
			font:bold 18px Arial;
			text-align:center;
		}

	#fancy-content div.google-auth-icon {
		width:200px;
		margin:auto;
	}

	#fancy-content div.google-auth-icon img {
		width:100%;
	}

	#fancy-content #form-container form.form-data ul > li input[type=text].no-label, #fancy-content #form-container form.form-data ul > li input[type=text].focus.no-label, #fancy-content #form-container form.form-data ul > li input[type=text].no-label:focus {
		display: block;
		padding: 5px;
		width: calc(100% - 12px);
		height: 44px;
		border: 1px solid #007A83;
		background-color: #fff;
		font-size:22px;
		text-align:center;
	}

	#fancy-content div.google-auth-message {
		padding:20px 0 10px 0;
	}

	#fancy-content div.google-auth-message p {
		padding:5px 0 0 0;
		font:16px Arial;
		
	}

	#fancy-content div.google-auth-icon p {
		display:block;
		width:100%;
		padding:20px 0 5px 0;
		font:10px Arial;
		text-align:center;
	}

	#fancy-content #fancy-content-title.google h2 {
		font-size: 21px;
	}

/*************** LOGIN E RECUPERAÇÃO DE SENHA ***************/
.content-index {
	padding: 40px 80px;
	width: 470px;
	height: auto;
	min-height: 540px;
	background-image: url('./../img/logo_bright.png');
	background-color: rgba(255, 255, 255, 0.7);
}

	.content-index span.error-icon {
		display: block;
		padding: 20px 0 10px 0;
		width: 100%;
		font-size: 60px;
		text-align: center;
		color: #5a5a5a;
	}

	.content-index h2.titulo {
		display: block;
		padding: 0 0 20px 0;
		width: 100%;
		font-size: 30px;
		text-align: center;
	}

	.content-index h3 {
		display: block;
		padding: 0 0 20px 0;
		width: 100%;
		font: normal 14px Arial;
		text-align: center;
	}

		.content-index h3 a {
			font-weight: bold;
			color: #1f2329;
		}

	.content-index #logo h1 {
		display: block;
		margin: auto;
		width: 200px;
		height: 110px;
		font-size: 0;
		background-image: url(./../img/logo.svg);
		background-size: 200px 110px;
	}

	.content-index #logo h2 {
		display: block;
		margin: auto auto 20px auto;
		width: 200px;
		font: bold 18px 'Conduit ITC';
		text-transform: uppercase;
		text-align: center;
	}

	.content-index h3 {
		display: block;
		margin: auto auto 20px auto;
		width: 300px;
		font: normal 14px Arial;
		color: #2c3e50;
	}

	.content-index ul {
		margin: auto;
		width: 305px;
		list-style-type: none;
	}

		.content-index ul li {
			position: relative;
			display: block;
			float: left;
			width: 305px;
			font: bold 15px Arial;
			color: #2c3e50;
		}

			.content-index ul li label {
				display: block;
				float: left;
				margin: 5px 0 20px 0;
				width: 100%;
				color: #2c3e50;
			}

			.content-index ul li select {
				margin: 0 0 20px 0;
				width:100%;
				padding: 15px 10px;
				border: 1px solid #00474D;
				background-color: transparent;
			}

			.content-index ul li input {
				margin: 0;
				padding: 5px 0 0 0;
				width: 100%;
				height: 30px;
				color: #2c3e50;
				border: none;
				border-bottom: 1px solid #00474D;
				background-color: transparent;
			}

			.content-index ul li input#vc_secret_key {
				margin: 30px 0 20px 0;
				padding: 10px 0;
				font: bold 34px Arial;
				text-align: center;
			}

			.content-index ul li select.error {border: 1px solid #f33f26;}

			.content-index ul li input.error {border-bottom: 1px solid #f33f26;}

				.content-index ul li input.error::-webkit-input-placeholder {
					font: bold 12px Arial;
					color: #f33f26;
				}

				.content-index ul li input.error:-moz-placeholder {
					font: bold 12px Arial;
					color: #f33f26;
				}

				.content-index ul li input.error::-moz-placeholder {
					font: bold 12px Arial;
					color: #f33f26;
				}

				.content-index ul li input.error:-ms-input-placeholder {
					font: bold 12px Arial;
					color: #f33f26;
				}

			.content-index ul li .button {
				float: left;
				margin: 20px 0 0 0;
				padding: 15px 10px;
				width: 100%;
				height: auto;
				font: bold 16px 'Conduit ITC';
				text-transform: uppercase;
				text-align: center;
				color: #fff;
				cursor: pointer;
				background-color: #007A83;
				border: none;
			}
			.content-index ul li .button:hover, .content-index ul li .button:active {background-color:#00474D;}

	.content-index #btnFecharRecuperaSenha {
		display: none;
		float: left;
		font-size: 40px;
		color: #00474D;
		cursor: pointer;
	}

	.content-index #frmRedefinirSenha {display: none;}

		.content-index #frmRedefinirSenha #logo h2 {margin: 0 0 100px 0;}

		.content-index #frmRedefinirSenha ul li label {margin: 5px 0 30px 0;}

	.content-index #frmLogin ul li:nth-child(2) label {margin:5px 0 10px 0;}

	.content-index #frmLogin ul li:nth-child(3) ul {
		display: block;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
		list-style-type: none;
	}

		.content-index #frmLogin ul li:nth-child(3) ul li {
			display: block;
			float: left;
			width: 50%;
			height: 30px;
			font: normal 14px Arial;
		}

	.content-index #frmLogin ul li:nth-child(4) {
		position: relative;
		clear: both;
		margin: 10px 0 0 0;
	}

	.content-index #frmLogin ul li:nth-child(5) {
		clear: both;
		margin: 10px auto auto auto;
	}

	.content-index #frmLogin ul li input[type=checkbox] {
		float: left;
		margin: 18px 5px 5px 0;
		width: 15px;
		height: 15px;
	}

	.content-index #frmLogin ul li label[for="boo_grava_dados"] {
		float: left;
		margin: 20px 0 0 0;
		width: 80%;
		font-size: 12px;
	}

	.content-index #frmLogin ul li a#btnRecuperaSenha {
		display: block;
		float: right;
		margin: 20px 0 5px 0;
		font: 12px Arial;
		text-decoration: none;
		color: #2c3e50;
	}

	.content-index #frmRespondePerguntaSecreta ul li #enviarRespostaSecreta, .content-index #frmRecuperaSenha ul li #gravarMinhaSenha {margin: 50px 0 0 0;}

	.content-index #frmCadastroEmpresa ul li {
		clear: both;
		margin: 20px auto auto auto;
	}

		.content-index #frmCadastroEmpresa ul li p {
			display: block;
			width: 100%;
			font: normal 12px Arial;
			text-align: center;
		}

			.content-index #frmCadastroEmpresa ul li p #btnCarregaCadastroUsuarioEmpresa, .content-index #frmCadastroEmpresa ul li p #btnCadastroNovoUsuario {
				font: bold 12px Arial;
				text-decoration: underline;
				color: #2c3e50
			}

/*************** DASHBOARD ***************/
#content .dash-box {
	float: left;
	margin: 0 20px 20px 0;
	width: 306px;
	height: 271px;
	background-color: #fff;
}

	#content div.dash-box-content {
		position:relative;
	}

		#content div.dash-box-content img {
			width:100%;
		}

		#content div.dash-box-content div.title-dash {
			padding:10px;
			background:rgba(0,0,0,0.7);
			color:#fff;
			font:300 32px 'Conduit ITC';
			text-transform:uppercase;
			position:absolute;
			top:20px;
			left:20px;
		}

			#content div.dash-box-content div.title-dash span {
				font-weight:bold;
				display:block;
				margin-top:-5px;
			}

	#content .dash-box:nth-child(3n) {margin: 0 0 20px 0;}

	#content .dash-box .dash-box-title {margin: 40px 0 0 0;}

		#content .dash-box .dash-box-title .dash-box-icon {
			margin: auto;
			width: 49px;
			height: 50px;
			background-size: 553px 50px;
			background-image: url('./../img/icon.png');
		}

			#content .dash-box .dash-box-title .dash-box-icon.pedidos {background-position: 272px 0;}

			#content .dash-box .dash-box-title .dash-box-icon.novo-pedido {background-position: 461px 0;}

			#content .dash-box .dash-box-title .dash-box-icon.empresas, #content .dash-box .dash-box-title .dash-box-icon.dados-cadastrais {background-position: 225px 0;}

			#content .dash-box .dash-box-title .dash-box-icon.servicos {background-position: 461px 0;}

			#content .dash-box .dash-box-title .dash-box-icon.calendario {background-position: 132px 0;}

			#content .dash-box .dash-box-title .dash-box-icon.mensagens {
				background-position: 596px 0;
				width: 44px;
			}

			#content .dash-box .dash-box-title .dash-box-icon.usuarios {background-position: 318px 0;}

			#content .dash-box .dash-box-title .dash-box-icon.emails {background-position: 413px 0;}

			#content .dash-box .dash-box-title .dash-box-icon img {
				margin: auto;
				width: 50px;
				height: 50px;
			}

		#content .dash-box .dash-box-title .dash-box-name {
			display: block;
			margin: 10px 0 0 0;
			font: bold 20px 'Conduit ITC';
			text-transform: uppercase;
			text-align: center;
		}

	#content .dash-box .dash-box-info {
		display: block;
		float: left;
		margin: 10px 0;
		width: 100%;
		height: 76px;
		font:bold 18px 'Conduit ITC';
		text-transform: uppercase;
		text-align: center;
	}

		#content .dash-box .dash-box-info span.dash-notify-label {
			font: bold 20px 'Conduit ITC';
			text-transform: uppercase;
			color: #007A83;
		}

	#content .dash-box .dash-box-btn a {
		display: block;
		float: left;
		padding: 15px 25px;
		width: calc(100% - 50px);
		font: 24px 'Conduit ITC';
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		color: #7d8c91;
		background-color: #c7d7da;
	}

		#content .dash-box .dash-box-btn a:hover {
			font-weight: bold;
			color: #fff;
			background-color: #477b84;
		}

/*************** CALENDÁRIO ***************/
#calendar {
	float: left;
	margin: 0 auto;
	padding: 20px;
	width: 212px;
	min-height: 270px;
	font-family: Helvetica, "Times New Roman", Times, serif;
	background-color: white;
}

	#calendar .calendar_box {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		background-color: #fff;
	}

	#calendar .calendar_header {
		position: absolute;
		left: 11px;
		top: 0;
		width: 192px;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		text-align: center;
	}

		#calendar .calendar_header .calendar_prev, #calendar .calendar_header .calendar_next {
			position: absolute;
			display: block;
			top: 0;
			height: 17px;
			font-size: 25px;
			color: #1f2329;
			cursor: pointer;
			text-decoration: none;
		}

		#calendar .calendar_header .calendar_prev:hover, #calendar .calendar_header .calendar_prev:active, #calendar .calendar_header .calendar_next:hover, #calendar .calendar_header .calendar_next:active {color:#000;}

		#calendar .calendar_header .calendar_title {
			font: bold 16px Arial;
			color: #1f2329;
		}

		#calendar .calendar_header .calendar_prev {left: 0;}

		#calendar .calendar_header .calendar_next {right: 0;}

	#calendar .calendar_content {border-top: none;}

	#calendar .calendar_label {
		float: left;
		margin: 5px 0 0 5px;
		padding: 0;
	}

		#calendar .calendar_label .calendar_names {
			float: left;
			margin: 0 5px 0 0;
			padding: 0;
			width: 24px;
			height: 20px;
			font-size: 11px;
			text-align: center;
			color: #1f2329;
			line-height: 20px;
			vertical-align: middle;
			background-color: #fff;
		}

	#calendar .calendar_dates {
		float: left;
		margin:0 0 5px 5px;
		padding: 0;
	}

		/** overall width = width+padding-right **/
#calendar .calendar_dates .calendar_names, #calendar .calendar_dates .calendar_days, #calendar .calendar_dates .calendar_today {
			float: left;
			margin:5px 5px 0 0;
			padding: 0;
			width: 24px;
			height: 24px;
			font-size: 16px;
			text-align: center;
			color: #1f2329;
			line-height: 24px;
			vertical-align: middle;
			background-color: #FFF;
		}

		#calendar .calendar_dates .calendar_today {padding:0 0 3px 0;}

		#calendar .calendar_dates .calendar_names, #calendar .calendar_dates .calendar_days {margin:0 0 3px 4px;}

		#calendar .calendar_dates .calendar_days.red, #calendar .calendar_dates .calendar_today.red {color: #E82C0C;}

		#calendar .calendar_dates .calendar_today {
			margin: -2px 0 2px 2px;
			width: 22px;
			height: 20px;
			background-color: #fff;
			border-radius: 100%;
			border: 2px solid #477B84;
		}

		#calendar .calendar_dates .calendar_days.not_empty:hover, #calendar .calendar_dates .calendar_today.not_empty:hover, #calendar .calendar_dates .calendar_days.not_empty.selected, #calendar .calendar_dates .calendar_today.not_empty.selected {
			background-color: #477B84;
			cursor: pointer;
			color: #fff;
		}

.calendar_clear {clear: both;}

#calendar .calendar-today-events {
	float: left;
	margin: 30px 0 0 0;
	width: 100%;
	height: 440px;
	background-color: #fff;
}

	#calendar .calendar-today-events .calendar-today-events-title {
		float: left;
		width: 100%;
		font: bold 16px Arial;
		text-align: left;
	}

	#calendar .calendar-today-events ul {
		display: block;
		width: 100%;
		list-style-type: none;
	}

		#calendar .calendar-today-events ul li {
			float: left;
			padding: 10px 0;
			width: 100%;
			font: normal 14px Arial;
			text-align: left;
		}

#event-calendar {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
	width: 658px;
	height: 695px;
	font-family: Helvetica, "Times New Roman", Times, serif;
	background-color: white;
	overflow-y: auto;
}

	#event-calendar .event-calendar-hours-label {
		float: left;
		margin: 0 auto;
		padding: 10px 0;
		width: 40px;
		font-family: Helvetica, "Times New Roman", Times, serif;
		background-color: white;
	}

		#event-calendar .event-calendar-hours-label .event-day-title {
			padding: 30px 0 20px 0;
			width: 100%;
			font: bold 16px Arial;
			text-align: center;
		}

		#event-calendar .event-calendar-hours-label .event-day-hour {
			padding: 32px 0;
			width: 100%;
			height: 17px;
			font: 16px Arial;
		}

	#event-calendar .event-calendar-box-title {
		padding: 10px 0 20px 0;
		width: 100%;
		font: bold 20px Arial;
		text-align: center;
	}

	#event-calendar .event-calendar-box-container {
		display: block;
		margin: 0 auto;
		padding: 0 0 10px 0;
		width: 657px;
		font-family: Helvetica, "Times New Roman", Times, serif;
		background-color: transparent;
	}

	#event-calendar .event-calendar-box {
		float: left;
		margin: 0 auto;
		padding: 10px 0;
		width: 124px;
		font-family: Helvetica, "Times New Roman", Times, serif;
		background-color: transparent;
		opacity: 0.3
	}

		#event-calendar .event-calendar-box p {
			padding: 0 10px;
			color: #7d8c91;
		}

		#event-calendar .event-calendar-box.slick-current.selected {
			background: -moz-linear-gradient(top, rgba(86,155,163,1) 0%, rgba(117,173,180,1) 8%, rgba(148,191,197,0.7) 16%, rgba(255,255,255,0.7) 44%, rgba(255,255,255,0.7) 72%); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#569ba3+0,ffffff+44,ffffff+72&1+0,1+8,0.7+16 */ /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(86,155,163,1) 0%,rgba(117,173,180,1) 8%,rgba(148,191,197,0.7) 16%,rgba(255,255,255,0.7) 44%,rgba(255,255,255,0.7) 72%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(86,155,163,1) 0%,rgba(117,173,180,1) 8%,rgba(148,191,197,0.7) 16%,rgba(255,255,255,0.7) 44%,rgba(255,255,255,0.7) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ba3', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */
			opacity: 1;
			animation-name: fadeInOpacity;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.3s;
		}

@keyframes fadeInOpacity {0%}

100% {opacity: 1;}

{}

#event-calendar .event-calendar-box.slick-current p {color: #1f2329;}

#event-calendar .event-calendar-box .event-day-title {
	padding: 21px 0 20px 0;
	width: 100%;
	font: bold 18px Arial;
	text-align: center;
}

#event-calendar .event-calendar-box .event-day-hour {
	padding: 10px;
	width: calc(100% - 20px);
	height: 60px;
	font: 12px Arial;
	border-bottom: 1px solid #7d8c91;
	cursor: pointer;
}

#event-calendar .event-calendar-box .event-day-hour {
	position:relative;
	padding: 10px;
	width: calc(100% - 20px);
	height: 60px;
	font: 12px Arial;
	border-bottom: 1px solid #7d8c91;
	cursor: pointer;
}
	#event-calendar .event-calendar-box .event-day-hour span.loading-label {
		display:none;
		position:absolute;
		z-index:10;
		width:calc(100% - 20px);
		height:35px;
		padding: 13px 0;
		background: #fff;
		color:#007A83;
		font: bold 14px Arial;
		text-align:center;
	}

	#event-calendar .event-calendar-box .event-day-hour .calendar-editable-content {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 60px;
	}

		#event-calendar .event-calendar-box .event-day-hour .calendar-editable-content textarea {
			background-color: rgba(255,255,255,0.5);
			resize: none;
			border: 0;
		}

	#event-calendar .event-calendar-box .event-day-hour:hover {background-color: rgba(255, 255, 255, 0.2);}

/*************** MENSAGENS ***************/
#content #messenger-container {
	padding: 20px;
	width: 920px;
	height: auto;
	min-height: 700px;
	background-color: #fff;
}

	#content #messenger-container #users-container {
		float: left;
		padding: 0 10px 10px 10px;
		width: 282px;
		height: 692px;
		background-color: #fff;
		overflow: auto;
		direction: rtl;
	}

	#content #messenger-container .content-users-container {direction: ltr;}

	#content #messenger-container #users-container #user-search-box {
		position: relative;
		float: left;
		width: 100%;
	}

		#content #messenger-container #users-container #user-search-box #user-message-search {
			float: left;
			margin:0 0 10px 0;
			padding: 10px;
			width: calc(100% - 20px);
			border: 0;
			background-color: #f3f3f3;
		}

		#content #messenger-container #users-container #user-search-box .icon-search {
			position: absolute;
			display: block;
			right: 10px;
			bottom: 15px;
			font-size: 20px;
			color: #7d8c91;
		}

	#content #messenger-container #users-container ul {list-style-type: none;}

	#content #messenger-container #users-container .user-box {
		position: relative;
		float: left;
		margin:0 0 10px 0;
		padding: 5px 10px;
		width: calc(100% - 20px);
		height: 40px;
		direction: ltr;
		background-color: #f3f3f3;
		cursor: pointer;
	}

	#content #messenger-container #users-container .icon {
		float: left;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #fff;
		background-size: 76%;
	}

	#content #messenger-container #users-container .user-box h3 {
		display: block;
		float: left;
		margin:0 0 0 10px;
		padding: 3px 0 0 0;
		width: calc(100% - 50px);
		font: bold 14px Arial;
		color: #1f2329;
	}

	#content #messenger-container #users-container .user-box h4 {
		display: block;
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		width: calc(100% - 50px);
		font: normal 14px Arial;
		color: #1f2329;
	}

	#content #messenger-container #users-container .user-box h5 {
		position: absolute;
		display: block;
		bottom: 15px;
		right: 20px;
		padding: 5px;
		width: 10px;
		height: 10px;
		font: bold 10px Arial;
		text-align: center;
		color: #fff;
		border-radius: 100%;
		background-color: #007A83;
	}

	#content #messenger-container #users-container .user-box .selected-user {
		position: absolute;
		display: none;
		right: 0;
		bottom: 10px;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #fff;
	}

	#content #messenger-container #messages-container {
		position: relative;
		float: left;
		margin: 0 0 0 20px;
		padding: 0 10px 10px 10px;
		width: 575px;
		height: 510px;
		background-color: #fff;
	}

		#content #messenger-container #messages-container.company {margin: 0; width:calc(100% - 20px)}

		#content #messenger-container #messages-container #search-message-container {
			position: relative;
			float: left;
			width: 100%;
		}

			#content #messenger-container #messages-container #search-message-container input#message-search {
				float: left;
				margin:0 0 10px 0;
				padding: 10px;
				width: calc(100% - 20px);
				border: 0;
				background-color: #f3f3f3;
			}

			#content #messenger-container #messages-container #search-message-container .icon-search {
				position: absolute;
				display: block;
				right: 10px;
				bottom: 15px;
				font-size: 20px;
				color: #7d8c91;
			}

		#content #messenger-container #messages-container #box-container {
			padding: 0 10px 0 0;
			height: 485px;
			overflow: auto;
		}

		#content #messenger-container #messages-container #data-container-loading {
			position: absolute;
			display: none;
			float: left;
			top: 0;
			left: 0;
			z-index: 10;
			width: 100%;
			height: 100%;
			min-height: 520px;
			font: bold 20px Arial;
			color: #007A83;
			background: rgba(255,255,255, 0.9);
		}

			#content #messenger-container #messages-container #data-container-loading p {
				display: inline-block;
				padding: 200px 0 0 0;
				width: 100%;
				text-align: center;
			}

				#content #messenger-container #messages-container #data-container-loading p i {
					margin: 0 0 10px 0;
					font-size: 60px;
				}

		#content #messenger-container #messages-container p.message-date {
			display: block;
			float: left;
			margin: 0 0 2px 0;
			font: normal 10px Arial;
			text-align: left;
			color: #7d8c91;
			clear: both;
		}

		#content #messenger-container #messages-container p.message {
			position: relative;
			display: block;
			float: left;
			margin: 0 0 10px 0;
			padding: 20px;
			min-width: 100px;
			font: normal 14px Arial;
			text-align: left;
			background-color: #f3f3f3;
			clear: both;
		}

		#content #messenger-container #messages-container p.message-date.right {
			float: right;
			clear: both;
		}

		#content #messenger-container #messages-container p.message.right {
			float: right;
			background-color: #b4b4b4;
			clear: both;
			text-align: right;
		}

		#content #messenger-container #messages-container p.message .message-check {
			position: absolute;
			display: block;
			bottom: 5px;
			left: 5px;
			width: 10px;
			height: 10px;
			font-size: 10px;
			color: #f3f3f3;
		}

			#content #messenger-container #messages-container p.message .message-check.right {
				right: 5px;
				left: inherit;
				color: #7d8c91;
			}

				#content #messenger-container #messages-container p.message .message-check.right.read, #content #messenger-container #messages-container p.message .message-check.left.read {color: #007A83;}

		#content #messenger-container #messages-container h2 {
			display: block;
			padding: 190px 0 0 0;
			height: 30px;
			text-align: center;
			font: bold 30px Arial;
			color: #7d8c91;
		}

	#content #messenger-container #editor-container {
		position: relative;
		float: left;
		margin: 20px 0 0 20px;
		width: 597px;
		height: 140px;
		background-color: #fff;
	}

		#content #messenger-container #editor-container.company {
			float: left;
			margin: 20px 0 0 0;
			width: 100%;
			height: 140px;
			background-color: #fff;
		}

		#content #messenger-container #editor-container textarea {
			position: relative;
			float: left;
			padding: 20px 60px 20px 20px;
			width: calc(100% - 80px);
			height: 98px;
			font: 16px Arial;
			border: 0;
			resize: none;
			background-color: #fff;
			border-top: 1px solid #7d8c91;
		}

		#content #messenger-container #editor-container #btnSendMessage {
			position: absolute;
			bottom: 0;
			right: 10px;
			padding: 8px 10px 10px 8px;
			width: 22px;
			height: 22px;
			font-size: 20px;
			border-radius: 100%;
			border: 1px solid #1f2329;
			color: #1f2329;
			cursor: pointer;
		}

		#content #messenger-container #editor-container #btnSendMessage:hover, #content #messenger-container #editor-container #btnSendMessage:active {
			border: 1px solid #000;
			color: #000;			
		}

	#content #messenger-container #messages-container-cli {
		float: left;
		margin: 0;
		padding: 10px;
		width: 898px;
		height: 520px;
		background-color: #fff;
		border: 1px solid #7d8c91;
	}

	#content #messenger-container #editor-container-cli {
		float: left;
		margin: 20px 0 0 0;
		padding: 10px;
		width: 898px;
		height: 118px;
		background-color: #fff;
		border: 1px solid #7d8c91;
	}

/*************** DADOS CADASTRAIS ***************/
#content #dados-cadastrais-container {
	padding: 20px 40px;
	width: 880px;
	height: auto;
	min-height: 700px;
	background-color: #fff;
}
	#content #dados-cadastrais-container .model-btns ul {
		display:block;
		float:left;
		margin:auto;
		width:880px;
		min-height:10px;
		list-style-type:none;
	}

		#content #dados-cadastrais-container .model-btns ul li {
			float:left;
			margin: 60px 20px 0 0;
			text-align:center;
			border: 1px solid #007A83;
		}
			#content #dados-cadastrais-container .model-btns ul li:last-child {
				margin: 60px 0 0 0;
			}

			#content #dados-cadastrais-container .model-btns ul li a {
				display:block;
				padding:40px 20px;
				width: 238px;
				font: bold 20px 'Conduit ITC';
				text-transform: uppercase;
				color: #1f2329;
				background-color:#fff;
				text-decoration:none;
			}

			#content #dados-cadastrais-container .model-btns ul li.admin a {
				width: 388px;
			}

			#content #dados-cadastrais-container .model-btns ul li a.selected, #content #dados-cadastrais-container .model-btns ul li a:hover {
				color: #fff;
				background-color:#007A83;
			}

	#content #dados-cadastrais-container .model-container {
		position:relative;
		display:block;
		float:left;
		margin:40px auto 0 auto;
		padding: 0;
		width: 880px;
		height: 500px;
		min-height:10px;
		overflow-y:auto;
	}

		#content #dados-cadastrais-container .model-container #data-container-loading {
			position: absolute;
			display: none;
			float: left;
			top: 0;
			left: 0;
			z-index: 10000;
			width: 100%;
			height: 100%;
			min-height: 300px;
			font: bold 20px Arial;
			color: #007A83;
			background: rgba(255,255,255, 0.9);
		}

			#content #dados-cadastrais-container .model-container #data-container-loading p {
				display: inline-block;
				padding: 150px 0 0 0;
				width: 100%;
				text-align: center;
			}

				#content #dados-cadastrais-container .model-container #data-container-loading p i {
					margin:0 0 10px 0;
					font-size: 60px;
				}


		#content #dados-cadastrais-container .model-container #form-container {
			margin: 0;
		}
			#content #dados-cadastrais-container .model-container #form-container ul {
				margin: 0 0 10px 0;
			}

			#content #dados-cadastrais-container .model-container #form-container div.address-container, #content #dados-cadastrais-container .model-container #form-container a.address-container {
				width:calc(50% - 72px);
				margin:0 10px 20px 20px;
			}

			#content #dados-cadastrais-container .model-container #form-container div.address-container:nth-child(2n), #content #dados-cadastrais-container .model-container #form-container a.address-container:nth-child(2n) {
				width:calc(50% - 72px);
				margin:0 20px 20px 10px;
			}

			#content #dados-cadastrais-container div.address-container:hover, #content #dados-cadastrais-container div.address-container.selected {
				border: 2px solid #007A83;
				padding:19px;
			}

			#content #dados-cadastrais-container .model-container #form-container div.address-container div.action-buttons {
				width:14%;
			}

		#content #dados-cadastrais-container .model-container #google-auth-container {
			float:left;
			padding:20px;
			width: calc(75% - 40px);	
		}

		#content #dados-cadastrais-container .model-container #google-qrcode-container {
			margin: 60px 0 0 0;
			width: 25%;
			float: left;
			text-align:right;	
		}

		#content #dados-cadastrais-container .model-container #google-qrcode-container img {
			width:150px;
		}

	#content #dados-cadastrais-container .model-container #google-auth-container .switch {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 34px;
		margin:20px 0 10px 0;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container .switch input {display:none;}

	#content #dados-cadastrais-container .model-container #google-auth-container .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container .slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container input:checked + .slider {
		background-color: #007A83;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container input:focus + .slider {
		box-shadow: 0 0 1px #007A83;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container input:checked + .slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}

	#content #dados-cadastrais-container .model-container #google-auth-container .label-name {
		display:block;
		width:300px;
		margin: 10px 0 0 70px;
		font:bold 16px Arial;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container p {
		display:block;
		float:left;
		width:100%;
		margin: 5px 0 5px 0;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container a.app-link {
		display:block;
		width:100px;
		float:left;
		margin: 10px 20px 10px 0;
	}

	#content #dados-cadastrais-container .model-container #google-auth-container a.app-link img {
		width:100%;
	}

/*************** CLIENTES ***************/
#content ul.company-details {
	display: block;
	margin: 0;
	padding: 20px;
	width: calc(100% - 40px);
	list-style-type: none;
}

	#content ul.company-details li {float: left;}

		#content ul.company-details li.logo {
			padding: 10px;
			width: 120px;
			height: 120px;
			border: 1px solid #f3f3f3;
		}

			#content ul.company-details li.logo img {width: 100%;}

		#content ul.company-details li.infos {
			display: block;
			padding: 20px;
			width: calc(100% - 182px);
		}

		#content ul.company-details li.actions {
			display: block;
			padding: 0 0 20px 20px;
			width: calc(100% - 162px);
		}

		#content ul.company-details li.infos h2 {
			display: block;
			margin:0 0 10px 0;
			width: 100%;
		}

		#content ul.company-details li a.btnEditThis {
			display: block;
			float: right;
			margin:0 10px 0 0;
			padding: 10px;
			width: 150px;
			font: bold 14px Arial;
			text-align: center;
			text-decoration: none;
			color: #fff;
			border: 1px solid #007A83;
			background-color: #007A83;
			cursor: pointer;
		}
			#content ul.company-details li a.btnEditThis:hover, #content ul.company-details li a.btnEditThis:active {background-color:#00474D;}

			#content ul.company-details li a.btnEditThis p {
				display: block;
				float: left;
				width: 100%;
				text-align: center;
			}

		#content ul.company-details li a.btnDeleteThis {
			display: block;
			float: right;
			padding: 7px;
			font: bold 14px Arial;
			text-align: center;
			text-decoration: none;
			color: #007A83;
			border: 1px solid #007A83;
			background-color: #fff;
			cursor: pointer;
		}

			#content ul.company-details li a.btnDeleteThis:hover, #content ul.company-details li a.btnDeleteThis:active {
				background-color: #f3f3f3;
				color:#00474D;
			}

			#content ul.company-details li a.btnDeleteThis p {
				display: block;
				float: left;
				width: 100%;
				font-size: 19px;
				text-align: center;
			}


/*************** NOVO PEDIDO ***************/
#novo-pedido-container {
	float: left;
	padding: 0;
	width: 100%;
	/*height: 600px;*/
	min-height: calc(100% - 180px);
	background-color: #fff;
	padding:40px 0 100px 0;
}

#content #novo-pedido-container p.titulo {
	display: block;
	padding: 10px 0 30px 0;
	width: 100%;
	font: normal 28px 'Conduit ITC';
	color: #00474D;
	text-align:center;
	text-transform: uppercase;
}
	#content #novo-pedido-container p.titulo.cadastro-pedido {
		height: 540px;
	}

#content #novo-pedido-container select.error {
	border-color:#E82C0C;
}

#content #novo-pedido-container div#services-container {
	width:calc(100% - 40px);
	padding:20px;
	float:left;
}

#content #novo-pedido-container div#services-container div.select-container {
	width:840px;
	margin:auto;
}

#content #novo-pedido-container div#services-container div.select-container.no-display {
	display:none;
}

#content #novo-pedido-container div#services-container div.select-container h3 {
	display:block;
	width:100%;
	font: 34px 'Conduit ITC';
	text-transform: uppercase;
	color:#00474D;
	margin: 0 0 100px 0;
	padding: 0;
}

#content #novo-pedido-container div#services-container div.select-container h3 span {
	font: bold 34px 'Conduit ITC';
	text-transform: uppercase;
}

#content #novo-pedido-container div#services-container div.select-container a {
	display:block;
	width:400px;
	min-height:380px;
	margin:10px 20px 10px 0;
	float:left;
	color:#00474D;
	text-decoration:none;
	font: bold 24px 'Conduit ITC';
	text-transform: uppercase;
	opacity:0.7;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#content #novo-pedido-container div#services-container div.select-container a:nth-child(3) {
	margin-right:0;
}

#content #novo-pedido-container div#services-container div.select-container a > h2 {
	opacity:0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#content #novo-pedido-container div#services-container div.select-container a:hover {
	opacity:1;
}

#content #novo-pedido-container div#services-container div.select-container a:hover > h2 {
	opacity:1;
}

#content #novo-pedido-container div#services-container div.select-container h2 {
	display:block;
	margin:0 0 10px 0;
}

#content #novo-pedido-container div#services-container div.select-container p {
	font: normal 24px 'Conduit ITC';
	text-transform: uppercase;
	float:left;
	width:100%;
}

#content #novo-pedido-container div#services-container div.select-container div.img {
	display:block;
	width:400px;
	height:380px;
	float:left;
	background-size:145% !important;
	background-position:50% 50% !important;
	background-repeat:no-repeat !important;
}

#content #novo-pedido-container div#services-container div.quantity-container {
	float:left;
	margin:80px 0 0 0;
	color:#00474D;
}

#content #novo-pedido-container div#services-container div.quantity-container label {
	font: normal 24px 'Conduit ITC';
	text-transform: uppercase;
	color:#00474D;
	background: #fff;
	border: 0;
	height:auto;
}

#content #novo-pedido-container div#services-container div.quantity-container select {
	font: normal 24px 'Conduit ITC';
	text-transform: uppercase;
	color:#00474D;
	background: #fff;
	border: 0;
	width:150px;
}

#content #novo-pedido-container select.order_select {
	display: block;
	float:left;
	margin: 20px 20px 20px 0;
	padding: 15px;
	width: 100%;
	text-align:center;
	border: 1px solid #007A83;
	background-color: #fff;
}

#content #novo-pedido-container div.order_select {
	display: block;
	float:left;
	margin: 0 20px 20px 0;
	padding: 15px;
	width: calc(25% - 52px);
	max-width:800px;
	font: 14px Arial;
	text-align:center;
	border: 1px solid #007A83;
	background-color: #fff;
	cursor:pointer;
}

#content #novo-pedido-container div.order_select p:nth-child(1) {
	margin: 0 0 2px 0;
	font-weight:bold;
}

#content #novo-pedido-container div.order_select p:nth-child(2) {
	color:#555;
}

#content #novo-pedido-container div.order_select p:nth-child(3) {
	color:#555;
	margin-bottom:5px;
}

#content #novo-pedido-container div.order_select p:nth-child(5) {
	margin:10px 0 3px 0;
}

#content #novo-pedido-container div.order_select p:nth-child(5), #content #novo-pedido-container div.order_select p:nth-child(6) {
	font-size: 13px;
}

#content #novo-pedido-container div.order_select:hover, #content #novo-pedido-container div.order_select.selected {
	background-color:#007A83;
	color:#fff;
}

#content #novo-pedido-container div.order_select:hover p, #content #novo-pedido-container div.order_select.selected p {
	color:#fff;
}

#content #novo-pedido-container div.order_select:nth-child(4n) {
	margin: 0 0 20px 0;
	width: calc(25% - 32px);
}

#content #novo-pedido-container div.load-more-services {
	cursor:pointer;
	float:right;
	color:#1f2329;
}

#content #novo-pedido-container div.load-more-services:hover, #content #novo-pedido-container div.load-more-services:active {
	text-decoration:underline;
	color:#000;
}

#content #novo-pedido-container div.template-info-data p:nth-child(1) {
	display:block;
	width:100%;
	border-bottom:1px solid #ccc;
	color:#555555;
	font:bold 13px Arial;
	padding:10px 0 10px 0;
	margin: 0 0 20px 0;
}

#content #novo-pedido-container div.template-info-data p:nth-child(2) {
	display:block;
	width:100%;
	margin: 0 0 20px 0;
}

#content #novo-pedido-container div.template-info-img {
	text-align:center;
}

	#content #novo-pedido-container div.template-info-img img {
		width: 400px;
	}

#content #novo-pedido-container label {
	display: block;
	padding: 5px 5px 0 5px;
	width: 138px;
	height: 10px;
	font: bold 10px Arial;
	color: #ccc;
	border: 1px solid #007A83;
	border-bottom: 0;
	background-color: #fff;
}

#content #novo-pedido-container #boo_urgente {
      display: block;
      margin: 0 auto 20px auto;
      padding: 7px;
      width: 150px;
      border: 1px solid #007A83;
	border-top:0;
      background-color: #fff;
}

#content #novo-pedido-container p.titulo.cadastro-pedido a {
	color:#000;
}

#content #novo-pedido-container #service-data-container {
	display:none;
	position: relative;
	float:left;
	padding: 20px;
	width: calc(100% - 40px);
	height: auto;
	min-height: 435px;
}

	#content #novo-pedido-container .select-middle-container {
		width:calc(50% - 10px);
		float:left;
	}

		#content #novo-pedido-container .select-middle-container.lt {
			padding:0 10px 0 0;
		}

		#content #novo-pedido-container .select-middle-container.rt {
			padding:0 0 0 10px;
		}

	#content #novo-pedido-container #service-data-container button#sendFormOrderData {
		float: right;
		width: 170px;
		height:48px;
		font: bold 14px Arial;
		text-align:center;
		color: #fff;
		border: 1px solid #007A83;
		background-color: #007A83;
		cursor: pointer;
		margin:20px 0 50px 0;
	}

	#content #novo-pedido-container #service-data-container button#sendFormOrderData:hover, #content #novo-pedido-container #service-data-container button#sendFormOrderData:active {background-color:#00474D;}

	#content #novo-pedido-container #template-data-container {
		position: relative;
		float: left;
		padding: 20px;
		width: calc(100% - 40px);
		height: auto;
		min-height: 435px;
	}

		#content #novo-pedido-container #template-data-container #preview p.subtitulo {
			display:block;
			width:100%;
			border-bottom:1px solid #ccc;
			color:#007A83;
			font:bold 18px 'Conduit ITC';
			text-transform: uppercase;
			padding:10px 0 10px 0;
			margin: 0 0 20px 0;
		}

		#content #template-data-container #service-template-container {
			zoom: 0.48;
			margin:auto;
			-moz-transform: scale(0.48);
			-moz-transform-origin: 0 0;
		}

		#content #novo-pedido-container #template-data-container #form-container {
			float: left;
			padding:0;
			width: 100%;
		}

			#content #template-data-container #form-container ul {
				display: block;
				margin: 0;
				width: 62%;
				list-style-type: none;
				background: #fff;
				border: 0;
			}

				#content #template-data-container #form-container ul li {
					position:relative;
					margin:0 10px 20px 10px;
					width:calc(50% - 20px);
				}

					#content #template-data-container #form-container ul li.no-display {
						display:none;
					}

					#content #template-data-container #form-container ul li ul.left-fields, #content #template-data-container #form-container ul li ul.right-fields {
						width:100%;
					}
						#content #template-data-container #form-container ul li ul.left-fields li, #content #template-data-container #form-container ul li ul.right-fields li {
							width:100%;
							margin:0 0 20px 0;
						}

						#content #template-data-container #form-container ul li ul.left-fields li a.btnExibeCampo, #content #template-data-container #form-container ul li ul.right-fields li a.btnExibeCampo {
							font: normal 14px 'Conduit ITC';
							text-transform: uppercase;
							text-decoration: none;
							float:right;
							color:#007A83;
						}
							#content #template-data-container #form-container ul li ul.left-fields li a.btnExibeCampo:hover, #content #template-data-container #form-container ul li ul.right-fields li a.btnExibeCampo:hover {
								text-decoration:underline;
							}

							#content #template-data-container #form-container ul li ul.left-fields li a.btnExibeCampo.no-display, #content #template-data-container #form-container ul li ul.right-fields li a.btnExibeCampo.no-display {
								display:none;
							}

							#content #template-data-container #form-container ul li ul.left-fields li a.btnExibeCampo i, #content #template-data-container #form-container ul li ul.right-fields li a.btnExibeCampo i {
								font-size:14px;
							}

					#content #template-data-container #form-container ul li div.inputCharCount {
						position:absolute;
						top:31px;
						right:0;
						padding:3px 4px 2px 5px;
						border-right:1px solid #007A83;
						border-bottom:1px solid #007A83;
						color:#007A83;
						width:20px;
						height:10px;
						font: bold 10px Arial;
						text-align:center;
					}

					#content #template-data-container #form-container ul li div.inputCharCount.limit {
						color:#E82C0C;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTemplate {
						position:absolute;
						top:0;
						right:0;
						padding:7px 5px;
						cursor:pointer;
						background-color:#007A83;
						color:#fff;
						width:20px;
						height:17px;
						text-align:center;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTemplate.disabled {
						background-color:#ccc;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTemplate:hover, #content #template-data-container #form-container ul li div.btnAcaoCampoTemplate:active {
						background-color:#00474D;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTemplate i {
						color: #fff;
						font-size:18px;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate {
						position:absolute;
						top:0;
						right:0;
						padding:13px 5px;
						cursor:pointer;
						background-color:#ccc;
						color:#fff;
						width:20px;
						height:21px;
						text-align:center;
					}
						#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate.fax {
							right: 30px;
							border-right:1px solid #007A83;
						}
						#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate.mobile {
							right: 60px;
						}
						#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate.phone {
							right: 90px;
						}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate.disabled {
						background-color:#ccc;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate.error {
						background-color:#E82C0C;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate:hover, #content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate:active, #content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate.selected {
						background-color:#00474D;
					}

					#content #template-data-container #form-container ul li div.btnAcaoCampoTelefoneTemplate i {
						color: #fff;
					}

					#content #template-data-container #form-container ul li div.ltsp-container {
						float:left;
						margin: 5px 0 0 0;
					}

						#content #template-data-container #form-container ul li div.ltsp-container div.ltsp-icon {
							position:relative;
							width:20px;
							margin: 0 10px 0 0;
							float:left;
							cursor:pointer;
						}
							#content #template-data-container #form-container ul li div.ltsp-container div.ltsp-icon span.ltsp-icon-V, #content #template-data-container #form-container ul li div.ltsp-container div.ltsp-icon span.ltsp-icon-A {
								float:left;
								color:#007A83;
							}

							#content #template-data-container #form-container ul li div.ltsp-container div.ltsp-icon span.ltsp-icon-arrow {
								position:absolute;
								top:9px;
								left:0;
								clear:both;
							}

					#content #template-data-container #form-container ul li div.ltsp-container input[type=range] {
						width:234px;
						float:left;
						cursor:pointer;
					}

			#content #template-data-container #form-container form ul > li label {
				display: none;
				padding: 5px 5px 0 5px;
				width: calc(100% - 42px);
				height: 10px;
				font: bold 10px Arial;
				color: #ccc;
				border: 1px solid #007A83;
				border-bottom: 0;
				background-color: #fff;
			}

				#content #template-data-container #form-container form ul > li label.focus {display: block;}
				#content #template-data-container #form-container form ul > li label.error {border-color: #E82C0C;}

			#content #template-data-container #form-container form ul > li input[type=text] {
				display: block;
				padding: 5px;
				width: calc(100% - 42px);
				height: 35px;
				border: 1px solid #007A83;
				background-color: #fff;
			}

				#content #template-data-container #form-container form ul > li input[type=text].focus {
					display: block;
					padding: 0 5px 5px 5px;
					width: calc(100% - 42px);
					height: 25px;
					border: 1px solid #007A83;
					border-top: 0;
					background-color: #fff;
				}

				#content #template-data-container #form-container form ul > li input[type=text].error {border-color: #E82C0C;}

				#content #template-data-container #form-container form ul > li input[type=text].disabled {
					border-color: #ccc;
				}
				#content #template-data-container #form-container form ul > li label.disabled {
					border-color: #ccc;
				}

				#content #template-data-container #form-container form ul > li input[type=text].input-telefone {
					width: calc(100% - 132px);
				}

				#content #template-data-container #form-container form ul > li label.input-telefone {
					width: calc(100% - 132px);
				}

			#content #template-data-container #form-container div.btn-container {
				float:left;
				width:100%;
			}

			#content #template-data-container #form-container #btnGenPDFFileOrder, #content #template-data-container #form-container #btnGenPDFFileCart {
				float: right;
				width: 170px;
				padding:16px;
				height:14px;
				font: bold 14px Arial;
				text-align:center;
				color: #fff;
				border: 1px solid #007A83;
				background-color: #007A83;
				cursor: pointer;
				margin:20px 0 50px 0;
			}

			#content #template-data-container #form-container #btnGenPDFFileOrder:hover, #content #template-data-container #form-container #btnGenPDFFileOrder:active, #content #template-data-container #form-container #btnGenPDFFileCart:hover, #content #template-data-container #form-container #btnGenPDFFileCart:active {background-color:#00474D;}

		#content #template-data-container #template-preview {
			width: 100%;
			height: 251px;
			margin:auto;
		}

		#content #template-data-container #preview {
			float: left;
			margin-left: 2%;
			width: 36%;
		}
			#content #template-data-container #preview p {
				display:block;
				width:100%;
				border-bottom:1px solid #ccc;
				color:#007A83;
				font:bold 18px 'Conduit ITC';
				text-transform: uppercase;
				padding:0 0 10px 0;
				margin: 0 0 20px 0;
			}

			#content #template-data-container #preview img {
				width:100%;
			}

	#content #novo-pedido-container #address-data-container {
		position: relative;
		float: left;
		padding: 20px;
		width: calc(100% - 40px);
		height: auto;
		min-height: 435px;
	}
		#content #novo-pedido-container #address-data-container div.address-container:hover, #content #novo-pedido-container #address-data-container div.address-container.selected {
			border: 2px solid #007A83;
			padding:19px;
		}

		#content #novo-pedido-container #address-data-container #fancy-content #form-container div.address-container, #content #novo-pedido-container #address-data-container #fancy-content #form-container a.address-container {
			width: calc(34% - 62px);

		}

		#content #novo-pedido-container #address-data-container #fancy-content #form-container div.address-container:nth-child(2n), #content #novo-pedido-container #address-data-container #fancy-content #form-container a.address-container:nth-child(2n) {
			width: calc(34% - 62px);
			margin: 0 20px 20px 0;
		}

		#content #novo-pedido-container #address-data-container #fancy-content #form-container div.address-container:nth-child(3n), #content #novo-pedido-container #address-data-container #fancy-content #form-container a.address-container:nth-child(3n) {
			width: calc(31% - 42px);
			margin: 0 0 20px 0;
		}

		#content #novo-pedido-container #address-data-container #fancy-content #form-container a.address-container.new {
			padding: 65px 20px;
			height: 102px;
		}

		#content #novo-pedido-container #address-data-container #fancy-content #form-container a.address-container.new label.add-new-address-icon {
			width: 30px;
			height: 35px;
			border: 0;
		}

		#content #novo-pedido-container #address-data-container #fancy-content #form-container div.address-container div.delivery-address-btn {
			display:block;
			float:left;
			padding:0 0 10px 0;
			width: 100%;
			font: bold 16px Arial;
			cursor:pointer;
		}
			#content #novo-pedido-container #address-data-container #fancy-content #form-container div.address-container div.delivery-address-btn label {
				display:block;
				float:left;
				margin: -3px 10px 0 0;
				padding:2px;
				width:13px;
				height:13px;
				border-radius:100%;
				border:1px solid #007A83;
				font-size:12px;
				text-align:center;
				color:#fff;
				background-color:#007A83;
			}

				#content #novo-pedido-container #address-data-container #fancy-content #form-container div.address-container div.delivery-address-btn label.circle-unselected-btn {
					background-color:#fff;
					cursor:pointer;
				}

		#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container, #content.novo-pedido-vitrine #novo-pedido-tipo-frete-container {
			width:100%;
			float:left;
		}

		#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container p.subtitulo, #content.novo-pedido-vitrine #novo-pedido-tipo-frete-container p.subtitulo {
			float:left;
			display:block;
			width:100%;
			border-bottom:1px solid #ccc;
			color:#007A83;
			font:bold 24px 'Conduit ITC';
			text-transform: uppercase;
			padding:20px 0 10px 0;
			margin: 0 0 20px 0;
		}

		#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.container {
			width:100%;
			float:left;
		}

		#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.middle-container {
			width:calc(50% - 10px);
			float:left;
		}

			#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.middle-container.lt {
				padding:0 10px 0 0;
			}

			#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.middle-container.rt {
				padding:0 0 0 10px;
			}

			#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.middle-container p.titulo {
				font-size:15px;
				text-align:left;
				padding:0 0 10px 0;
			}

			#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.middle-container select#id_pedido_prioridade {
				padding:15px;
				border:1px solid #007A83;
				background-color:#fff;
				width:50%;
			}

		#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.container {
			width:100%;
			padding:20px 0 0 0;
			float:left;
		}
			#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.container button, #content.novo-pedido-vitrine #novo-pedido-tipo-frete-container div.container button {
				float: right;
				width: 170px;
				height:48px;
				font: bold 14px Arial;
				text-align:center;
				color: #fff;
				border: 1px solid #007A83;
				background-color: #007A83;
				cursor: pointer;
				margin:20px 0 50px 0;
			}

			#content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.container button:hover, #content #novo-pedido-container #address-data-container #novo-pedido-tipo-frete-container div.container button:active {background-color:#00474D;}

	#content #novo-pedido-container label.addError, #content #novo-pedido-container input.error, #content #novo-pedido-container select.error {
		border-color:#E82C0C !important;
	}

	#content #novo-pedido-container #payment-data-container #forma-pagamento-container {
		width:100%;
		float:left;
		margin:0 0 20px 0;
	}

		#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-selo-container {
			width:calc(50% - 10px);
			margin:20px 0 0 0;
			float:left;
			text-align:center;
		}
			#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-selo-container img {
				margin:75px 0 0 0;
			}

		#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container {
			width:calc(50% - 10px);
			margin:20px 0 0 0;
			float:left;
		}

			#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul {
				width:100%;
			}

				#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li {
					width:100% !important;
					margin:0 0 20px 0;
				}
					#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li > ul > li > label.select {
						display:block !important;
					}

					#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li > ul > li > select {
						width:100%;
						border:0;
						border-left:1px solid #007A83;
						border-right:1px solid #007A83;
						border-bottom:1px solid #007A83;
						background-color:#fff;
						height:30px;
					}

					#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li > ul {
						width:100%;
					}

						#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li ul > li#cod-seguranca-container {
							width:calc(25% - 10px);
							margin:0 10px 0 0;
						}

						#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li ul > li#mes-cartao-container {
							width:calc(31% - 20px);
							margin:0 10px 0 10px;
						}

						#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li ul > li#ano-cartao-container {
							width:calc(31% - 20px);
							margin:0 10px 0 10px;
						}

						#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li ul > li#bandeira-cartao-container {
							width:calc(13% - 10px);
							margin:0 0 0 10px;
						}

							#content #novo-pedido-container #payment-data-container #forma-pagamento-container #form-credit-card-container > ul > li ul > li#bandeira-cartao-container i {
								font-size:43px;
								text-align:right;
							}

	#content #novo-pedido-container #payment-data-container {
		position: relative;
		float: left;
		padding: 0 20px 20px 20px;
		width: calc(100% - 40px);
		height: auto;
		min-height: 435px;
	}

		#content #novo-pedido-container #payment-data-container div.content-container {
			width:100%;
			float:left;
			margin:0 0 30px 0;
		}

			#content #novo-pedido-container #payment-data-container div.content-container.middle {
				width:calc(50% - 10px);
			}

				#content #novo-pedido-container #payment-data-container div.content-container.middle.lt {
					margin:0 10px 30px 0;
				}

				#content #novo-pedido-container #payment-data-container div.content-container.middle.rt {
					margin:0 0 30px 10px;
				}

		#content #novo-pedido-container #payment-data-container p.subtitulo {
			display:block;
			width:100%;
			border-bottom:1px solid #ccc;
			color:#007A83;
			font:bold 24px 'Conduit ITC';
			text-transform: uppercase;
			padding:10px 0 10px 0;
			margin: 0 0 20px 0;
		}

		#content #novo-pedido-container #payment-data-container div.content-container div.content-subcontainer {
			width:50%;
			float:left;
		}

		#content #novo-pedido-container #payment-data-container p.order-image-preview {
			text-align:center;
		}

			#content #novo-pedido-container #payment-data-container p.order-image-preview img {
				width: 400px;
			}

		#content #novo-pedido-container #payment-data-container p.address-title, #content #novo-pedido-container #payment-data-container p.address-subtitle {
			margin-bottom:5px;
		}

		#content #novo-pedido-container #payment-data-container table.totais-pedido {
			border:0;
			width:100%;
		}

			#content #novo-pedido-container #payment-data-container table.totais-pedido tr {
				height:30px;
			}

			#content #novo-pedido-container #payment-data-container table.totais-pedido td.title {
				border-bottom:1px solid #f3f3f3;
			}

			#content #novo-pedido-container #payment-data-container table.totais-pedido td.value {
				border-bottom:1px solid #f3f3f3;
				text-align:right;
			}

		#content #novo-pedido-container #payment-data-container div.selectPaymentGroupBtn {
			padding:30px;
			width:calc(50% - 72px);
			margin:0 10px 20px 0;
			border:1px solid #007A83;
			font: bold 28px 'Conduit ITC';
			text-transform: uppercase;
			color:#555;
			text-align:center;
			cursor:pointer;
			float:left;
		}

			#content #novo-pedido-container #payment-data-container div.selectPaymentGroupBtn:hover, #content #novo-pedido-container #payment-data-container div.selectPaymentGroupBtn:active {
				color:#1f2329;
				border:1px solid #00474D;
			}

			#content #novo-pedido-container #payment-data-container div.selectPaymentGroupBtn.lt {
				margin:0 10px 20px 0;
			}

			#content #novo-pedido-container #payment-data-container div.selectPaymentGroupBtn.rt {
				margin:0 0 20px 10px;
			}

			#content #novo-pedido-container #payment-data-container div.selectPaymentGroupBtn.full {
				margin:0 0 20px 0;
				width:calc(100% - 62px);
			}

			#content #novo-pedido-container #payment-data-container #form-container form ul > li label {
				display: none;
				padding: 5px 5px 0 5px;
				width: calc(100% - 12px);
				height: 10px;
				font: bold 10px Arial;
				color: #ccc;
				border: 1px solid #007A83;
				border-bottom: 0;
				background-color: #fff;
			}

				#content #novo-pedido-container #payment-data-container #form-container form ul > li label.focus {display: block;}

			#content #novo-pedido-container #payment-data-container #form-container form ul > li input[type=text] {
				display: block;
				padding: 5px;
				width: calc(100% - 12px);
				height: 35px;
				border: 1px solid #007A83;
				background-color: #fff;
			}

				#content #novo-pedido-container #payment-data-container #form-container form ul > li input[type=text].focus {
					display: block;
					padding: 0 5px 5px 5px;
					width: calc(100% - 12px);
					height: 25px;
					border: 1px solid #007A83;
					border-top: 0;
					background-color: #fff;
				}


		#content #novo-pedido-container #payment-data-container div#btns-container {
			width:430px;
			margin:auto;
			display:none;
		}

		#content #novo-pedido-container div#steps-btn-container {
			width:100%;
			float:left;
		}

			#content #novo-pedido-container div#steps-btn-container div.btnReturnOrderStep {
				cursor:pointer;
				margin:0 20px 20px 20px;
				float:left;
			}
				#content #novo-pedido-container div#steps-btn-container div.btnReturnOrderStep.rt {
					float:right;
				}

				#content #novo-pedido-container div#steps-btn-container div.btnReturnOrderStep i {
					font-size:25px;
				}

		#content #novo-pedido-container div.order-info-container {
			width:100%;
			margin:0 0 30px 0;
			float:left;
		}

			#content #novo-pedido-container div.order-info-container p.subtitulo {
				display:block;
				width:100%;
				border-bottom:1px solid #ccc;
				color:#007A83;
				font:bold 24px 'Conduit ITC';
				text-transform: uppercase;
				padding:10px 0 10px 0;
				margin: 0 0 20px 0;
			}

		#content #novo-pedido-container div#btnCancelOrder {
			float: left;
			width: 170px;
			padding: 16px;
			height: 16px;
			font: bold 14px Arial;
			text-align: center;
			color: #007A83;
			border: 1px solid #007A83;
			background-color: #fff;
			cursor: pointer;
			margin: 0 20px 50px 0;
		}

		#content #novo-pedido-container div#btnCancelOrder.rt {
			float:right;
			margin: 20px 20px 50px 0;
		}

		#content #novo-pedido-container div#btnCancelOrder:hover, #content #novo-pedido-container div#btnCancelOrder:active {
			background-color:#f3f3f3;
			color:#00474D;
		}

		#content #novo-pedido-container #payment-data-container button#btnCloseOrder {
			float:left;
			cursor:pointer;
			background-color: #007A83;
			height: 50px;
			width: 200px;
			color: #fff;
			font: bold 16px Arial;
			border: 0;
			margin: auto;
		}

		#content #novo-pedido-container #payment-data-container button#btnCloseOrder:hover, #content #novo-pedido-container #payment-data-container button#btnCloseOrder:active {background-color:#00474D;}

	#content #novo-pedido-container #confirm-data-container {
		padding: 20px;
		width: calc(100% - 40px);
		float: left;
		min-height: 500px;
		position: relative;
	}

		#content #novo-pedido-container #confirm-data-container div.confirm-logo {
			width: calc(20% - 21px);
			float: left;
			height: 300px;
			font-size: 100px;
			color: #007A83;
			text-align: center;
			margin-right: 20px;
			border-right:1px solid #ccc;
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message {
			width: 80%;
			float: left;
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message p {
			font-size:14px;
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message p:nth-child(1) {
			font-size: 20px;
			margin-bottom: 15px;
			text-align: left;		
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message p:nth-child(2) {
			margin-bottom:10px;
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message p:nth-child(3) {
			margin-bottom:20px;
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message p:nth-child(4) {
			margin-bottom:10px;
		}

		#content #novo-pedido-container #confirm-data-container div.confirm-message a#btnVerPedidos {
			display: block;
			width: 230px;
			margin: auto;
			margin-top: 30px;
			text-decoration: none;
		}

			#content #novo-pedido-container #confirm-data-container div.confirm-message a#btnVerPedidos p {
				width: 200px;
				display: block;
				background-color: #007A83;
				padding: 15px;
				text-decoration: none;
				text-align: center;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
			}

			#content #novo-pedido-container #confirm-data-container div.confirm-message a#btnVerPedidos p:hover, #content #novo-pedido-container #confirm-data-container div.confirm-message a#btnVerPedidos p:active {background-color:#00474D;}

/*************** GERAR PDFs ***************/
#gerar-pdf-container {
	float: left;
	padding: 0;
	width: 100%;
	height: auto;
	min-height: calc(100% - 180px);
	background-color: #fff;
}

#content #gerar-pdf-container p.titulo {
	display: block;
	padding: 40px 0;
	width: 100%;
	font: bold 18px Arial;
	text-align: center;
}

#content #gerar-pdf-container #selectTemplateForSim {
	display: block;
	margin: 0 auto 20px auto;
	padding: 15px 10px;
	width: calc(100% - 40px);
	border: 1px solid #007A83;
	background-color: #fff;
}
#content #gerar-pdf-container #template-data-container {
	position: relative;
	float: left;
	padding: 20px;
	width: calc(100% - 40px);
	height: auto;
	min-height: 435px;
}

	#content #gerar-pdf-container #template-data-container #data-container-loading {
		position: absolute;
		display: none;
		float: left;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		min-height: 300px;
		font: bold 20px Arial;
		color: #007A83;
		background: rgba(255,255,255, 0.9);
	}

		#content #gerar-pdf-container #template-data-container #data-container-loading p {
			display: inline-block;
			padding: 150px 0 0 0;
			width: 100%;
			text-align: center;
		}

			#content #gerar-pdf-container #template-data-container #data-container-loading p i {
				margin:0 0 10px 0;
				font-size: 60px;
			}

		#content #gerar-pdf-container #template-data-container #form-container #btnGenPDFFile {
			display: block;
			float: right;
			margin: 0 0 50px 10px;
			padding: 10px;
			width: 150px;
			font: bold 14px Arial;
			text-align: center;
			text-decoration: none;
			color: #fff;
			border: 1px solid #007A83;
			background-color: #007A83;
			cursor: pointer;
		}

		#content #gerar-pdf-container #template-data-container #form-container #btnGenPDFFile:hover, #content #gerar-pdf-container #template-data-container #form-container #btnGenPDFFile:active {background-color:#00474D;}

/*************** USUARIOS PERMISSOES ***************/
#usuarios-permissoes-container {
	float: left;
	padding: 0;
	width: 100%;
	height: auto;
	min-height: calc(100% - 180px);
	background-color: #fff;
}

#content #usuarios-permissoes-container p.titulo {
	display: block;
	padding: 40px 0;
	width: 100%;
	font: bold 18px Arial;
	text-align: center;
}

#content #usuarios-permissoes-container #selectUserAccessGroupForPermission {
	display: block;
	margin: 0 auto 20px auto;
	padding: 15px 10px;
	width: calc(100% - 40px);
	border: 1px solid #007A83;
	background-color: #fff;
}

#content #usuarios-permissoes-container #usuarios-permissoes-data-container {
	position: relative;
	float: left;
	padding: 20px;
	width: calc(100% - 40px);
	height: 500px;
	min-height: 435px;
	overflow-y: scroll;
}

	#content #usuarios-permissoes-container #usuarios-permissoes-data-container #data-container-loading {
		position: absolute;
		display: none;
		float: left;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		min-height: 300px;
		font: bold 20px Arial;
		color: #007A83;
		background: rgba(255,255,255, 0.9);
	}

		#content #usuarios-permissoes-container #usuarios-permissoes-data-container #data-container-loading p {
			display: inline-block;
			padding: 150px 0 0 0;
			width: 100%;
			text-align: center;
		}

			#content #usuarios-permissoes-container #usuarios-permissoes-data-container #data-container-loading p i {
				margin:0 0 10px 0;
				font-size: 60px;
			}

	#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container {
		float: left;
		padding:0 20px 0 0;
		width: calc(50% - 20px);
	}

		#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container ul {
			display: block;
			width: 100%;
			list-style-type: none;
			background: #fff;
		}

			#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container ul li {
				margin: 0 0 10px 0;
				width: 25%;
			}

		#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container form ul > li label {
			display: none;
			padding: 5px 5px 0 5px;
			width: calc(100% - 12px);
			height: 10px;
			font: bold 10px Arial;
			color: #ccc;
			border: 1px solid #007A83;
			border-bottom: 0;
			background-color: #fff;
		}

			#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container form ul > li label.focus {display: block;}

		#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container form ul > li input[type=text] {
			display: block;
			padding: 5px;
			width: calc(100% - 12px);
			height: 25px;
			border: 1px solid #007A83;
			background-color: #fff;
		}

			#content #usuarios-permissoes-container #usuarios-permissoes-data-container #form-container form ul > li input[type=text].focus {
				display: block;
				padding: 0 5px 5px 5px;
				width: calc(100% - 12px);
				height: 15px;
				border: 1px solid #007A83;
				border-top: 0;
				background-color: #fff;
			}

/************* DETALHES DO PEDIDO *************/

#fancy-content input[type=file] {
	background-color: #fff;
	border: 1px solid #007A83;
	padding: 15px 10px;
	width: calc(100% - 22px);
}

#fancy-content input[type=file].error{border-color:#E82C0C}

#fancy-content div#order-details-container {
	float:left;
	width: 100%;
	margin: 20px 0;
}

	#fancy-content div#order-details-container .info-container {
		width:100%;
		float:left;
		min-height: 150px;
	}

		#fancy-content div#order-details-container .info-container.sub {
			width:calc(100% - 40px);
			padding:20px;	
		}

		#fancy-content div#order-details-container .info-container.middle {
			width:calc(50% - 10px);
		}

			#fancy-content div#order-details-container .info-container.middle.lt {
				margin:0 10px 0 0;
			}

			#fancy-content div#order-details-container .info-container.middle.rt {
				margin:0 0 0 10px;
			}

		#fancy-content div#order-details-container .info-container h4, div#payment-data-container h4 {
			margin-top:20px;
			color: #fff;
			font:bold 16px Arial;
			display: block;
			padding:10px;
			background-color:#007A83;
			border-bottom: 1px solid #ccc;
		}

		#fancy-content div#order-details-container .info-container h5 {
			color: #1f2329;
			font:normal 14px Arial;
			display: block;
		}

		#fancy-content div#order-details-container .info-container p.subtitulo, div#payment-data-container p.subtitulo {
			display:block;
			width:calc(100% - 20px);
			padding:10px;
			background-color:#fff;
			border-bottom: 1px solid #007A83;
			color:#007A83;
			font:bold 24px 'Conduit ITC';
			text-transform: uppercase;
		}

			#fancy-content div#order-details-container .info-container p.subtitulo.red {
				background-color:#E82C0C;
				color: #fff;
				border-bottom: 1px solid #E82C0C;
			}

			#fancy-content div#order-details-container .info-container p.subtitulo.log {
				margin:0 0 20px 0;
			}

		#fancy-content div#order-details-container div.image-container {
			width:100%;
			float:left;
			margin:0;
		}

			#fancy-content div#order-details-container div.image-container.middle {
				width:calc(50% - 10px);
			}

				#fancy-content div#order-details-container div.image-container.middle.lt {
					margin:0 10px 0 0;
				}

				#fancy-content div#order-details-container div.image-container.middle.rt {
					margin:0 0 0 10px;
				}

		#fancy-content div#order-details-container a.btnSingleActionPedido {
			color:#007A83;
			font-size:30px;
			display:block;
			width:30px;
			margin:0 auto 20px auto;
		}

		#fancy-content div#order-details-container a.btnSingleActionPedido.flt {
			float:left;
			margin:10px 10px 0 0;
		}

		#fancy-content div#order-details-container .info-container p.order-image-preview {
			display:block;
			padding:20px;
			text-align:center;
			max-width:400px;
			margin:auto;
		}
			#fancy-content div#order-details-container .info-container p.order-image-preview img {
				width:100%;
			}

		#fancy-content div#order-details-container div.breadcrumb {
			width:360px;
			height:75px;
			margin:20px auto 20px auto;
			position:relative;
		}

			#fancy-content div#order-details-container div.breadcrumb i {
				position:absolute;
				top:0;
				left:0;
				border-radius: 100%;
				padding: 15px;
				font-size: 25px;
				width:25px;
				color: #fff;
				background-color: #007A83;
				z-index:10;
				text-align:center;
			}
				#fancy-content div#order-details-container div.breadcrumb i.sec {
					left:150px;
				}
					#fancy-content div#order-details-container div.breadcrumb i.int {
						border:1px solid #ccc;
						background-color:#fff;
						color:#ccc;
					}

					#fancy-content div#order-details-container div.breadcrumb i.red {
						border:1px solid #E82C0C;
						background-color:#fff;
						color:#E82C0C;
					}

						#fancy-content div#order-details-container div.breadcrumb i.red.fill {
							border:1px solid #E82C0C;
							background-color:#E82C0C;
							color:#fff;
						}

				#fancy-content div#order-details-container div.breadcrumb i.thd {
					left:302px;
				}

			#fancy-content div#order-details-container div.breadcrumb p {
				position:absolute;
				bottom: 0;
				left:0;
			}
				#fancy-content div#order-details-container div.breadcrumb p.pgto {
					left: -11px;
				}

				#fancy-content div#order-details-container div.breadcrumb p.sec {
					left: 141px;
				}

					#fancy-content div#order-details-container div.breadcrumb p.sec.pgto {
						left: 154px;
					}

					#fancy-content div#order-details-container div.breadcrumb p.int {
						color: #ccc;
					}

					#fancy-content div#order-details-container div.breadcrumb p.red {
						color: #E82C0C;
					}

				#fancy-content div#order-details-container div.breadcrumb p.thd {
					left: 317px;
				}
					#fancy-content div#order-details-container div.breadcrumb p.thd.pgto {
						left: 286px;
					}

			#fancy-content div#order-details-container div.breadcrumb div.bar {
				position:absolute;
				top:24px;
				left:50px;
				width:100px;
				border-bottom:5px solid #007A83;
			}

				#fancy-content div#order-details-container div.breadcrumb div.bar.int {
					border-bottom: 5px dashed #ccc;
				}

				#fancy-content div#order-details-container div.breadcrumb div.bar.red {
					border-bottom: 5px solid #E82C0C;
				}

				#fancy-content div#order-details-container div.breadcrumb div.bar.sec {
					left:203px;
				}

		#fancy-content div#order-details-container div#btn-nfe-container, #fancy-content div#order-details-container div#btn-pgto-container {
			width:auto;
			float:right;
			height:56px;
			margin:20px auto 0 auto;
		}
			#fancy-content div#order-details-container div#btn-nfe-container a.btnAcaoNFe, #fancy-content div#order-details-container div#btn-pgto-container a.btnAcaoPagamento {
				display:block;
				float:left;
				width:150px;
				margin:10px;
				padding:10px;
				background-color:#007A83;
				color:#fff;
				text-decoration:none;
				font:bold 14px Arial;
				text-align:center;
			}

			#fancy-content div#order-details-container div#btn-nfe-container a.btnAcaoNFe:hover, #fancy-content div#order-details-container div#btn-nfe-container a.btnAcaoNFe:active, #fancy-content div#order-details-container div#btn-pgto-container a.btnAcaoPagamento:hover, #fancy-content div#order-details-container div#btn-pgto-container a.btnAcaoPagamento:active {background-color:#00474D;}

	#fancy-content div#order-details-container table, #fancy-content div#novo-pedido-tipo-frete-container table, div#payment-data-container table, #fancy-content div#email-log-details-container table {width:100%;}

	#fancy-content div#order-details-container table tr.title-row, #fancy-content div#novo-pedido-tipo-frete-container table tr.title-row, div#payment-data-container table tr.title-row, #fancy-content div#email-log-details-container table tr.title-row, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr.title-row {background-color:#f3f3f3;}

		#fancy-content div#order-details-container table tr.title-row td, #fancy-content div#novo-pedido-tipo-frete-container table tr.title-row td, div#payment-data-container table tr.title-row td, #fancy-content div#email-log-details-container table tr.title-row td, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr.title-row td {font:bold 14px Arial;}


	#fancy-content div#order-details-container table tr td, #fancy-content div#novo-pedido-tipo-frete-container table tr td, div#payment-data-container table tr td, #fancy-content div#email-log-details-container table tr td, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td {
		padding: 10px;
		font: 14px Arial;
	}
		div#payment-data-container table tr td {
			font: 12px Arial;
		}

	#fancy-content div#order-details-container table tr td.no-padding, #fancy-content div#novo-pedido-tipo-frete-container table tr td.no-padding, div#payment-data-container table tr td.no-padding, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.no-padding {
		padding: 5px 0;
	}

		#fancy-content div#order-details-container table tr td.center, #fancy-content div#novo-pedido-tipo-frete-container table tr td.center, div#payment-data-container table tr td.center, #fancy-content div#email-log-details-container table tr td.center, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.center {text-align:center;}

		#fancy-content div#order-details-container table tr td.right, #fancy-content div#novo-pedido-tipo-frete-container table tr td.right, div#payment-data-container table tr td.right, #fancy-content div#email-log-details-container table tr td.right, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.right {text-align:right;}

		#fancy-content div#order-details-container table tr td.value-cel, #fancy-content div#novo-pedido-tipo-frete-container table tr td.value-cel, div#payment-data-container table tr td.value-cel, #fancy-content div#email-log-details-container table tr td.value-cel, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.value-cel {
			background-color:#fff;
			font-weight: normal;
		}

		#fancy-content div#order-details-container table tr td.w10, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w10, div#payment-data-container table tr td.w10, #fancy-content div#email-log-details-container table tr td.w10, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w10 {width:10%;}
		#fancy-content div#order-details-container table tr td.w15, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w15, div#payment-data-container table tr td.w15, #fancy-content div#email-log-details-container table tr td.w15, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w15 {width:15%;}
		#fancy-content div#order-details-container table tr td.w20, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w20, div#payment-data-container table tr td.w20, #fancy-content div#email-log-details-container table tr td.w20, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w20 {width:20%;}
		#fancy-content div#order-details-container table tr td.w25, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w25, div#payment-data-container table tr td.w25, #fancy-content div#email-log-details-container table tr td.w25, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w25 {width:25%;}
		#fancy-content div#order-details-container table tr td.w30, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w30, div#payment-data-container table tr td.w30, #fancy-content div#email-log-details-container table tr td.w30, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w30 {width:30%;}
		#fancy-content div#order-details-container table tr td.w35, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w35, div#payment-data-container table tr td.w35, #fancy-content div#email-log-details-container table tr td.w35, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w35 {width:35%;}
		#fancy-content div#order-details-container table tr td.w40, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w40, div#payment-data-container table tr td.w40, #fancy-content div#email-log-details-container table tr td.w40, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w40 {width:40%;}
		#fancy-content div#order-details-container table tr td.w45, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w45, div#payment-data-container table tr td.w45, #fancy-content div#email-log-details-container table tr td.w45, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w45 {width:45%;}
		#fancy-content div#order-details-container table tr td.w50, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w50, div#payment-data-container table tr td.w50, #fancy-content div#email-log-details-container table tr td.w50, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w50 {width:50%;}
		#fancy-content div#order-details-container table tr td.w55, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w55, div#payment-data-container table tr td.w55, #fancy-content div#email-log-details-container table tr td.w55, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w55 {width:55%;}
		#fancy-content div#order-details-container table tr td.w60, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w60, div#payment-data-container table tr td.w60, #fancy-content div#email-log-details-container table tr td.w60, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w60 {width:60%;}
		#fancy-content div#order-details-container table tr td.w65, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w65, div#payment-data-container table tr td.w65, #fancy-content div#email-log-details-container table tr td.w65, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w65 {width:65%;}
		#fancy-content div#order-details-container table tr td.w70, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w70, div#payment-data-container table tr td.w70, #fancy-content div#email-log-details-container table tr td.w70, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w70 {width:70%;}
		#fancy-content div#order-details-container table tr td.w75, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w75, div#payment-data-container table tr td.w75, #fancy-content div#email-log-details-container table tr td.w75, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w75 {width:75%;}
		#fancy-content div#order-details-container table tr td.w80, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w80, div#payment-data-container table tr td.w80, #fancy-content div#email-log-details-container table tr td.w80, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w80 {width:80%;}
		#fancy-content div#order-details-container table tr td.w85, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w85, div#payment-data-container table tr td.w85, #fancy-content div#email-log-details-container table tr td.w85, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w85 {width:85%;}
		#fancy-content div#order-details-container table tr td.w90, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w90, div#payment-data-container table tr td.w90, #fancy-content div#email-log-details-container table tr td.w90, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w90 {width:90%;}
		#fancy-content div#order-details-container table tr td.w95, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w95, div#payment-data-container table tr td.w95, #fancy-content div#email-log-details-container table tr td.w95, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w95 {width:95%;}
		#fancy-content div#order-details-container table tr td.w100, #fancy-content div#novo-pedido-tipo-frete-container table tr td.w100, div#payment-data-container table tr td.w100, #fancy-content div#email-log-details-container table tr td.w100, #content.novo-pedido-vitrine div#novo-pedido-tipo-frete-container table tr td.w100 {width:100%;}

		#fancy-content div#order-details-container table tr td ul.input-data {
			position:relative;
			list-style-type:none;
			margin:0;
			padding:0;
			display:block;
			width:100%;
		}

			#fancy-content div#order-details-container table tr td ul.input-data li {
				margin:0;
				padding:0;
				display:block;
				width:100%;
			}

				#fancy-content div#order-details-container table tr td select {
					width:100%;
					border:0;
					background-color:#fff;
					padding:5px 0;
					border-bottom:1px solid #ccc;
				}

				#fancy-content div#order-details-container table tr td ul.input-data li input {
					border:0;
					width:calc(100% - 40px);
					margin:0 20px 0 0;
					float:left;
				}
					#fancy-content div#order-details-container table tr td ul.input-data li input.error {
						border-bottom:1px solid #E82C0C;
					}

				#fancy-content div#order-details-container table tr td ul.input-data li span.save-icon {
					display:block;
					width:20px;
					float:left;
				}

					#fancy-content div#order-details-container table tr td ul.input-data li span.save-icon i {
						font-size:20px;
						cursor:pointer;
						color: #007A83;
						text-align:left;
					}

					#fancy-content div#order-details-container table tr td ul.input-data li span.save-icon:hover, #fancy-content div#order-details-container table tr td ul.input-data li span.save-icon:active {color:#00474D;}

/************* PERMISSOES *************/
#content #add-section-container #selectSystemSectionToAddPermission {
	display: none;
	float: left;
	margin: 0 0 20px 0;
	padding: 15px 10px;
	width: calc(100% - 172px);
	border: 1px solid #007A83;
	background-color: #fff;
}

#content #add-section-container p.titulo {
	float: left;
	width: auto;
	cursor: pointer;
	text-align: left;
}

	#content #add-section-container p.titulo:hover {text-decoration: underline;}

#content #add-section-container #btnAddSystemSectionToAddPermission {
	display: none;
	float: left;
	margin: 0 0 0 20px;
	padding: 15px 10px;
	width: 130px;
	height: 19px;
	font: bold 14px Arial;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #007A83;
	background-color: #007A83;
	cursor: pointer;
}

#content #add-section-container #btnAddSystemSectionToAddPermission:hover, #content #add-section-container #btnAddSystemSectionToAddPermission:active {background-color:#00474D;}

#content #usuarios-permissoes-data-container #form-container {
	padding: 0;
	width: 100% !important;
}

#content #form-container ul {
	float: left;
	margin: 20px 0 10px 0;
	/*border-bottom: 1px solid #E0E7E8;*/
}

	#content #form-container ul p {
		display: block;
		margin:0 0 5px 0;
		width: 100%;
		font: bold 14px Arial;
	}

		#content #form-container ul p i {
			color: #007A83;
			cursor: pointer;
		}


		#content #form-container ul p i:hover, #content #form-container ul p i:active {color: #00474D;}

	#content #form-container ul li {
		display: block;
		float: left;
		width: 25%;
	}

		#content #form-container ul li i {
			font-size: 20px;
			color: #007A83;
			cursor: pointer;
		}
			#content #form-container ul li i:hover, #content #form-container ul li i:active {color: #00474D;}

			#content #form-container ul li i.unselected {color: #ccc;}

#content #main #usuario-detalhes-container .edit-btn {
	display: block;
	float: left;
	margin:0 0 0 5px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	color: #007A83;
	background-image: url('./../img/icon.png');
	background-size: 150px 15px;
}

#content #main #usuario-detalhes-container .edit-btn:hover, #content #main #usuario-detalhes-container .edit-btn:active {color: #00474D;}

#content #main #usuario-detalhes-container ul li .edit-btn {
	margin: 10px 0 0 5px;
	width: 20px;
	height: 20px;
	background-size: 221px 20px;
}

#content #main #usuario-detalhes-container #usuario-detalhes-header, #content #main #usuario-detalhes-container #usuario-detalhes-pedidos {
	float: left;
	margin: 20px;
	padding: 20px 40px;
	width: calc(100% - 122px);
	border: 1px solid #007A83;
}

#content #main #usuario-detalhes-container #usuario-detalhes-header .avatar {
	float: left;
	margin: 0;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-position: center 12px;
	background-size: 70px 70px;
}

#content #main #usuario-detalhes-container #usuario-detalhes-header .nome, #content #main #usuario-detalhes-container #usuario-detalhes-header .grupo, #content #main #usuario-detalhes-container #usuario-detalhes-header .empresa {
	float: left;
	margin: 0 0 0 20px;
	width: calc(100% - 120px);
}

#content #main #usuario-detalhes-container #usuario-detalhes-header .nome {margin: 10px 0 0 20px;}

	#content #main #usuario-detalhes-container #usuario-detalhes-header .nome h3, #content #main #usuario-detalhes-container #usuario-detalhes-header .grupo h3, #content #main #usuario-detalhes-container #usuario-detalhes-header .empresa h3 {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		font: bold 14px Arial;
	}

	#content #main #usuario-detalhes-container #usuario-detalhes-header .nome p, #content #main #usuario-detalhes-container #usuario-detalhes-header .grupo p, #content #main #usuario-detalhes-container #usuario-detalhes-header .empresa p {
		display: block;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
		font: normal 16px Arial;
	}

#content #main #usuario-detalhes-container #usuario-detalhes-dados, #content #main #usuario-detalhes-container #usuario-detalhes-enderecos {
	float: left;
	margin: 0 10px 0 20px;
	padding: 20px 40px;
	width: calc(50% - 112px);
	min-height: 250px;
	border: 1px solid #007A83;
}
#content #main #usuario-detalhes-container #usuario-detalhes-dados.admin {
	margin: 0 20px;
	width: calc(100% - 122px);
}

#content #main #usuario-detalhes-container #usuario-detalhes-enderecos {
	position: relative;
	margin: 0 20px 0 10px;
}

#content #main #usuario-detalhes-container ul {
	display: block;
	width: 100%;
	list-style-type: none;
}

	#content #main #usuario-detalhes-container ul li {
		display: block;
		float: left;
		margin: 0 0 5px 0;
		width: 100%;
		min-height: 10px;
	}

		#content #main #usuario-detalhes-container ul li p.titulo {
			display: block;
			float: left;
			padding: 10px 0;
			font: bold 22px Arial;
			text-align: left;
		}

#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a .add-btn {
	position: absolute;
	display: block;
	float: left;
	bottom: 0;
	left: 0;
	padding: 15px 25px;
	width: calc(100% - 50px);
	font: 16px Arial;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background-color: #c7d7da;
}

	#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a .add-btn:hover {
		font-weight: bold;
		color: #fff;
		background-color: #477b84;
	}

#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a {
	color: #fff;
	text-decoration: none;
}

	#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a .btn-container {
		margin: auto;
		width: 145px;
	}

	#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a span, #content #main #usuario-detalhes-container #usuario-detalhes-enderecos a p {float: left;}

	#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a p {margin: 2px 0 0 0;}

	#content #main #usuario-detalhes-container #usuario-detalhes-enderecos a span {
		display: block;
		margin:0 5px 0 0;
		width: 20px;
		height: 20px;
		background-image: url('./../img/icon-w.png');
		background-size: 221px 20px;
		background-position: 185px 0;
	}

	#content #template-info-container {
		float:left;
		width:100%;
	}

		#content #template-info-container div.template-info-img {
			width:100%;
			text-align: center;
		}

		#content #template-data-container #service-template-container {
			zoom: 0.48;
			margin:auto;
			-moz-transform: scale(0.48);
			-moz-transform-origin: 0 0;
		}

div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco, #content.novo-pedido-vitrine div.endereco {
	display:block;
	width:calc(33.33% - 62px);
	padding:20px;
	margin:10px;
	border:1px solid #ccc;
	height:150px;
	float:left;
	text-decoration:none;
	color:#555;
	position:relative;
}

	#content.novo-pedido-vitrine div.endereco { 
		width:calc(50% - 22px);
		padding:0;
		height:210px;
	}

	#content.novo-pedido-vitrine div.endereco a {
		display:block;
		width:calc(100% - 40px);
		float:left;
		border:0;
		padding:20px;
		color:#555;
		height:170px;
	}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco.add, #content.novo-pedido-vitrine div.endereco.add {
		border: 1px dashed #ccc;
		padding:0;
		width:calc(33.33% - 22px);
	}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco.add {
		height:190px;
	}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco:hover, #content.novo-pedido-vitrine div.endereco:hover {
		padding:19px;
		border:2px solid #007A83;
	}

		#content.novo-pedido-vitrine div.endereco:hover, #content.novo-pedido-vitrine div.endereco.selected {
			padding:0;
			width:calc(50% - 24px);
			height:208px;
			border:2px solid #007A83;
		}

		div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco.add:hover, #content.novo-pedido-vitrine div.endereco.add:hover {
			padding:0;
			width:calc(33.33% - 24px);
			border: 2px dashed #007A83;
			height:188px;
		}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p, #content.novo-pedido-vitrine div.endereco p {
		margin-top:5px;
		display:block;
		width:100%;
		float:left;
	}
	
	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.titulo, #content.novo-pedido-vitrine div.endereco p.titulo {
		font: bold 18px 'Conduit ITC';
		margin-bottom:10px;
	}
	
	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.del-btn, div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.edit-btn, div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.fat-btn, #content.novo-pedido-vitrine div.endereco p.del-btn, #content.novo-pedido-vitrine div.endereco p.edit-btn {
		font: bold 18px 'Conduit ITC';
		width:30px;
		position:absolute;
		right:0;
		bottom:20px;
		opacity:0.5;
	}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.edit-btn, #content.novo-pedido-vitrine div.endereco p.edit-btn {
		right: 30px;
	}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.fat-btn {
		right: 57px;
	}

	div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.add-btn, #content.novo-pedido-vitrine div.endereco p.add-btn {
		margin-top:0;
	}

		div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.add-btn a, #content.novo-pedido-vitrine div.endereco p.add-btn a {
			display:block;
			font: bold 22px 'Conduit ITC';
			width:100%;
			text-align: center;
			padding: 70px 0;
			text-decoration:none;
		}

		div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.del-btn:hover, div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.edit-btn:hover, div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.fat-btn.active, div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p.fat-btn:hover, #content.novo-pedido-vitrine div.endereco p.del-btn:hover, #content.novo-pedido-vitrine div.endereco p.edit-btn:hover {
			opacity:1;
		}
	
		div#fancy-content div#empresa-unidade-negocio-enderecos-container div.endereco p a, #content.novo-pedido-vitrine div.endereco p a {
			color:#007A83;
		}

ul#servicos-vitrine.draggable li.draggable, ul#servico-quantidades.draggable li.draggable, ul#campos-template li.draggable {
	margin-bottom:20px !important;
	padding:15px;
	border:3px dashed #ccc;
	width:calc(100% - 36px) !important;
}

	ul#servicos-vitrine.draggable li.draggable label {
		width:calc(90% - 12px) !important;
		float:left;
	}
	
	ul#servicos-vitrine.draggable li.draggable select {
		width:90% !important;
		float:left;
	}

	ul#servico-quantidades.draggable li.draggable div.input-container {
		float:left;
		margin-right:20px;
		width:30%;
	}
	
	ul#servicos-vitrine.draggable li.draggable #removeShopWindowService, ul#servico-quantidades.draggable li.draggable #removeServiceQuantity {
		float:left;
		display:block;
		margin:-12px 22px;
		font-size:22px;
		color:#00474D;
	}

	ul#servico-quantidades.draggable li.draggable #removeServiceQuantity {
		margin:15px -5px;
	}