/* Largura da barra de rolagem */

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

/* Fundo da barra de rolagem */

::-webkit-scrollbar-track-piece {
	background-color: rgba(30, 30, 30, 1);
	border-left: 1px solid rgba(30, 30, 30, 1);
}

div::-webkit-scrollbar-track-piece {
	border-radius: 5px;
}

/* Cor do indicador de rolagem */

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(100, 100, 100, 1);
	border-radius: 5px;
}

/* Cor do indicador de rolagem - ao passar o mouse */

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: rgba(70, 70, 70, 1);
}

body {
	background-color: rgba(0, 0, 0, 0.03);
	color: #333;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
	/*background-color: rgba(100, 100, 100, 1);*/
	background-color: var(--main-background-color-80);
}

.skin-blue .main-header .navbar {
	/*background-color: rgba(100, 100, 100, 1);*/
	background-color: rgba(255, 255, 255, 1);
}

.skin-blue .main-header .logo:hover {
	background-color: var(--main-background-color-40);
}

.skin-blue .main-header li.user-header {
	background-color: var(--main-background-color);
}

.list-process .item .button .btn {
	background: rgba(100, 100, 100, 1);
	border: 1px solid rgba(100, 100, 100, 1);
}

.progress .progress-bar {
	background: rgba(100, 100, 100, 1);
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
	background: var(--main-background-color);
	border-left-color: rgba(120, 120, 120, 1);
	border-left-width: 3px;
	border-right-color: rgba(120, 120, 120, 1);
	border-right-width: 3px;
}

.sidebar-menu .treeview-menu>li {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}

.sidebar-menu .treeview-menu>li.active,
.sidebar-menu .treeview-menu>li:active,
.sidebar-menu .treeview-menu>li:hover,
.sidebar-menu .treeview-menu>li:focus,
.sidebar-menu .treeview-menu>li:target {
	background: var(--main-background-color);
	border-left: 3px solid rgba(120, 120, 120, 1);
	border-right: 3px solid rgba(120, 120, 120, 1);
}

.sidebar-menu .treeview-menu>li.active::before {
	display: none;
}

.sidebar-collapse.skin-blue .sidebar-menu>li:hover>a,
.sidebar-collapse.skin-blue .sidebar-menu>li.active>a {
	background: var(--main-background-color);
	color: #FFF;
}

ul.treeview-menu {
	padding-left: 0px !important;
	margin-left: -3px !important;
}

.skin-blue .main-header .logo {
	background-color: var(--main-background-color);
}

.user-panel>.info>p,
.user-panel>.info>span {
	color: rgba(88, 88, 90, 1);
}

.dashboard {
	color: rgba(209, 210, 212, 1);
}

.dashboard .indicador {
	background-color: rgba(209, 210, 212, 0.8);
	color: rgba(11, 11, 11, 1);
}

.board {
	color: rgba(209, 210, 212, 1);
}

.project {
	background-color: rgba(209, 210, 212, 1);
	color: rgba(11, 11, 11, 1);
}

.btn-add i,
.btn-back i,
.btn-duplicate i,
div.btn-save i {
	color: rgba(0, 200, 0, 0.8);
}

.checkbox .cr .cr-icon {
	color: var(--main-background-color);
}

.btn-info {
	background-color: rgba(0, 200, 0, 0.8);
	border-color: rgba(0, 200, 0, 0.8);
}

.box-loading i {
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
	border: 0px solid rgba(255, 255, 255, 0);
	color: var(--main-background-color);
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
	background-color: var(--main-background-color) !important;
	border-color: var(--main-background-color) !important;
}

.add-fast {
	color: var(--main-background-color);
}

input.star-5:checked~label.star:before,
table tbody tr td label.star.active:before {
	color: var(--main-background-color);
}

.import i {
	color: var(--main-background-color);
}

.import i:hover {
	text-shadow: 0 0 10px var(--main-background-color);
}

.list-process .item .inprogress hr,
.list-process .item .forecast hr,
.list-process .item .realized hr {
	border-color: var(--main-background-color);
}

.list-process .item .inprogress:after {
	background-color: var(--main-background-color);
}

.list-process .item .forecast:after {
	background-color: rgba(127, 78, 200, 1);
}

.list-process .item .realized:after {
	background-color: var(--main-background-color);
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: var(--main-background-color) !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
	margin: 0px 0px;
	background: var(--main-background-color-40);
	border-left: 3px solid rgba(22, 22, 22, 0);
}

.skin-blue .treeview-menu>li>a {
	color: #FFF;
}

.login-page {
	/*
    background-image: linear-gradient(to bottom right, var(--main-background-color) 40%, rgba(100, 100, 100, 1), rgba(100, 100, 100, 1));
    background-image: none;
    background-color: var(--main-background-color);
    background-image: url(../img/banner/banner01.jpg), linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(22, 22, 22, 0.7) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 1) 10%, rgba(22, 22, 22, 0.7) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    */
	background-color: var(--main-background-color);
	background-image: url(../img/banner/banner01.jpg);
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center center;
}

.login-box-body button {
	background-color: var(--main-background-color) !important;
	border: var(--main-background-color) !important;
}

.login-box-body button:hover {
	background-color: var(--main-background-color-80) !important;
}

.btn-info:hover,
.btn-info:active,
.btn-info.hover,
.btn-info:focus,
.btn-info:visited {
	background-color: rgba(0, 200, 0, 0.5) !important;
	border-color: rgba(0, 200, 0, 0.5) !important;
}

/* AJUSTES */

.skin-blue .main-header .navbar .nav>li>a,
.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav .open>a:active {
	color: var(--main-background-color);
}

.main-sidebar,
.left-side,
.main-header .logo {
	width: 230px;
}

.content-wrapper,
.right-side,
.main-footer,
.main-header>.navbar {
	margin-left: 230px;
}

.fixed .main-header {
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}

nav li form input,
nav li form input:focus,
nav li form input:active {
	background: rgba(200, 200, 200, 0.2);
	color: #333;
}

.notifications-menu .label-success {
	background-color: #2aff00 !important;
	color: var(--main-background-color) !important;
}

.form-group {
	padding-left: 0;
}

.form-control {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 0;
	box-shadow: none;
}

.form-control::placeholder {
	font-style: italic;
}

textarea.form-control {
	min-height: 95px !important;
}

.form-control:focus,
.form-control:active,
.form-control:visited,
.form-control:target {
	border: 1px solid #A7A9AC;
}

div[id*="add"] form .form-control,
div[id*="detail"] form .form-control,
div[id*="new"] form .form-control,
div[id*="edit"] form .form-control {
	padding-left: 0px;
	resize: none;
}

div[id*="add"] form,
div[id*="detail"] form,
div[id*="new"] form,
div[id*="edit"] form {
	padding: 8% 8% !important;
	background: rgba(0, 0, 0, 0.03);
	min-height: 100vh;
}

section:not(.sidebar) {
	margin: 0;
	margin-top: 60px;
	background-color: transparent;
	border: none;
	border-radius: 0;
}

label {
	font-weight: 400;
}

.uplappend {
	height: 145px;
	border: 0px solid rgba(200, 200, 200, 0);
}

.login-box-body,
.register-box-body {
	border-radius: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.login-box-body .form-control {
	border-radius: 0 !important;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-top: 1px solid transparent !important;
	border-left: 1px solid transparent !important;
	border-right: 1px solid transparent !important;
}

.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
	color: #FFF;
}

.form-control-feedback.password-visible {
	pointer-events: all !important;
	cursor: pointer;
}

.updatepassbox {
	width: 90%;
	background-color: rgba(250, 250, 250, 1);
	padding: 15px;
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.img-circle {
	border: 0px solid rgba(200, 200, 200, 0);
	background-color: rgba(0, 0, 0, 0.1);
}

.user-menu span {
	color: #333;
}

.user-menu .user-name {
	color: var(--main-background-color);
}

.skin-blue .main-header .navbar .sidebar-toggle {
	color: var(--main-background-color);
}

.list-process {
	padding: 20px !important;
}

section:not(.sidebar):not(#dashboard):not(#process):not(#cashier) {
	padding: 20px 0px 0px 0px;
}

section[id^="report"] {
	padding: 70px 0px 0px 0px !important;
}

section[id^="report"] .toptools {
	height: auto;
}

section[id^="report"] .form-group {
	min-height: auto;
	padding: inherit;
}

.view-detail {
	position: absolute;
	left: 0;
	padding: 9px;
	cursor: pointer;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	display: block !important;
	position: absolute;
	width: 230px;
	left: 50px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right-container) {
	top: 0px;
	margin: -15px 0px 0px -10px;
	padding: 15px 0px 0px 0px;
	bottom: 0;
	height: 50px;
	position: relative !important;
	display: block !important;
	width: 225px;
	background-color: rgba(22, 22, 22, 0.98);
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span.pull-right-container {
	position: absolute !important;
	display: none !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	top: 44px;
	margin-left: 0;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu>li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu>li.active:before {
	margin-top: 6%;
	margin-left: 95.666666666%;
}

.images {
	width: 150px;
	margin: auto;
}

.images label {
	display: none;
}

.navbar-nav>.user-menu .user-image {
	width: 35px;
	height: 35px;
	border: 0px solid rgba(200, 200, 200, 0);
}

.bb-alert {
	top: 70px;
	padding: 1em 3.3em 1em 1.3em !important;
}

.bb-alert .bb-alert-close {
	position: absolute;
	right: 13px;
	top: -6px;
	padding: 10px;
	cursor: pointer;
	font-size: 30pt;
}

button#copy {
	position: absolute;
	top: 26px;
	right: 20px;
	border: none;
	border-left: 1px solid #A7A9AC;
	background-color: transparent;
	height: 33px;
	padding-left: 15px;
	padding-right: 15px;
}

.box-loading {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: none;
	width: 50px;
	height: 50px;
	right: 515px;
}

.box-loading span {
	display: none;
}

.box-loading i {
	color: var(--main-background-color);
	font-size: 12pt;
}

.box-loading div {
	font-size: 8pt;
	color: inherit;
	text-align: left;
	text-shadow: none;
	top: 16px;
	left: 16px;
}

.container-master {
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

[id*="page"] {
	display: none;
}

[id*="page"].active {
	display: inherit;
}

[id$="view"]:not(.tab-item):not(#pagecashierview) {
	padding-bottom: 50px;
}

#pagedashboardview {
	padding-bottom: 7px !important;
}

.tabs {
	position: fixed;
	right: 0;
	left: 230px;
	top: 50px;
	height: 35px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 848;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease-in-out;
}

.sidebar-collapse .tabs {
	left: 55px;
}

.tabs .tab-item {
	display: inline-block;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 9pt;
	position: relative;
	width: 10%;
	background: rgba(0, 0, 0, 0.03);
}

.tabs .tab-item a {
	display: block;
	padding: 10px;
	padding-bottom: 8px;
	overflow: hidden;
	width: 65%;
	height: 35px;
	white-space: nowrap;
}

.tabs .tab-item i {
	position: absolute;
	right: 0;
	top: 10px;
	cursor: pointer;
	padding: 3px;
}

.tabs .tab-item i.btn-tab-close {
	right: 5px;
	color: rgba(0, 0, 0, 0.6);
}

.tabs .tab-item i.btn-tab-refresh {
	right: 23px;
	color: var(--main-background-color-80);
}

.tabs .tab-item.active,
.tabs .tab-item:hover {
	background-color: rgba(255, 255, 255, 1);
	font-weight: 400;
}

table>tbody>tr>td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

table>tbody>tr:hover,
table>tbody>tr:hover>td {
	background: rgba(220, 220, 220, 0.3) !important;
}

table>tbody>tr>td:first-child {
	border-left: 3px solid transparent;
}

table>tbody>tr:hover>td:first-child {
	border-left: 3px solid var(--main-background-color) !important;
}

table>tbody>tr:hover>td:last-child {
	border-right: 4px solid var(--main-background-color) !important;
}

table>tbody>tr>td>a:not(.icon-action) {
	display: block !important;
	padding: 8px 0;
}

.table>tbody>tr>td:last-child {
	border-right: 4px solid transparent;
}

.table>tbody>tr>td>div>div.stars {
	display: inline-block;
	position: absolute;
	width: 150px;
	right: 15px;
	top: 15px;
}

.table>thead>tr>th {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.table:not(.table-input)>tbody>tr>td,
.table:not(.table-input)>tbody>tr>th,
.table:not(.table-input)>tfoot>tr>td,
.table:not(.table-input)>tfoot>tr>th,
.table:not(.table-input)>thead>tr>td,
.table:not(.table-input)>thead>tr>th {
	padding: 8px 18px;
}

.tab-content .tab-pane h3 {
	margin-bottom: 35px;
}

section h1:first-child {
	display: none;
}

form section:not(#translations) h1:first-child {
	display: block;
}

section div.container {
	padding: 0;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
	margin-left: 55px !important;
}

.fixed .content-wrapper,
.fixed .right-side {
	padding-top: 50px;
	padding-bottom: 0px;
	min-height: 100vh;
}

section>div {
	padding-left: 0px;
}

.search-menu {
	position: absolute;
	right: 0;
}

.search-menu i {
	position: absolute;
	top: 17px;
	right: 16px;
	color: var(--main-background-color);
}

.navbar-custom-menu form input {
	border-radius: 45px;
	height: 40px !important;
	margin-top: 5px;
}

nav li form {
	right: 0;
}

.pagination>li>a,
.pagination>li>span {
	border: none;
	background: transparent;
}

.content-wrapper,
.right-side {
	background-color: rgba(255, 255, 255, 1);
}

.toptools {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	padding: 0px 5px 0 5px !important;
	margin-left: 230px;
}

.toptools .tools-filter {
	height: 45px;
	padding: 7px;
}

.toptools .tools-filter input {
	line-height: 1.8;
}

.toptools .tools-filter button {
	height: 33px;
}

.cashier-left,
.cashier-right {
	height: 86vh;
	padding: 25px 25px;
}

.cashier-left .form-control,
.cashier-right .form-control {
	background-color: #FFF;
}

.cashier-left {
	background-color: rgba(0, 0, 0, 0.1);
}

.cashier-left textarea {
	resize: none;
}

.cashier-left .form-group,
.cashier-right .form-group {
	min-height: auto;
}

.cashier-right {
	background-color: rgba(255, 255, 0, 0.2);
}

.cashier-center {
	padding: 0;
}

.is-invalid {
	color: #d9534f;
}

.is-invalid input,
.is-invalid select,
.is-invalid textarea {
	border: 1px solid #d9534f;
}

.uplappend .import .btn-load-upload i {
	position: absolute;
	left: 36.66666666%;
	top: 70%;
	padding: 10px;
}

.content-wrapper form section:not(#translations) {
	margin-top: 0;
}

.searchAutocomplete {
	width: auto;
	right: 0px;
	left: 0;
	top: 58px;
}

.tools-right {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.tools-right.large {
	width: 80%;
	right: -3000px;
}

.tools-right .list {
	top: 35px;
}

.tools-right .config-menu {
	position: fixed;
	top: 85px;
	bottom: 0;
	background: #F1F1F1;
	padding: 18px 0 0 0;
	width: 19.666666%;
}

.tools-right .config {
	position: absolute;
	padding: 45px 80px;
}

.nav-stacked>li>a {
	border-radius: 5px;
}

.nav-stacked>li.active>a,
.nav-stacked>li.active>a:hover {
	background-color: rgba(120, 120, 120, 1) !important;
	border-left: 3px solid var(--main-background-color) !important;
	border-right: 3px solid var(--main-background-color) !important;
	border-radius: 0;
}

.table>tbody>tr>td>input[type="checkbox"],
.table>tbody>tr>td>input[type="radio"] {
	width: auto;
	padding: 5px;
	border-radius: 4px;
	border: none;
	height: auto;
	display: inline-block;
}

.material-switch>label::before {
	background: rgb(100, 100, 100) !important;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0);
}

.material-switch>label::after {
	background: rgb(120, 120, 120);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0);
}

.pagination>li>a {
	color: #333 !important;
	padding: 3px 3px !important;
	margin-top: 4px;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0) !important;
	border: none !important;
	width: 30px !important;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>a:visited,
.pagination>li>a:active,
.pagination>li>a:target {
	border-radius: 50px !important;
	background: #F1F1F1 !important;
	padding: 3px 3px !important;
}

.jstextareacount {
	background: var(--main-background-color);
	color: #FFF;
	border-radius: 0;
	right: 15px;
}

.copy i {
	color: var(--main-background-color);
}

.text-info {
	color: var(--main-background-color);
}

.login-loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 1);
	z-index: 1500;
	text-align: center;
	color: #333;
	opacity: 1;
	transition: all 0.5s ease-in-out;
	padding: 75px;
}

.login-loading i {
	font-size: 8rem;
	margin-top: 18%;
	color: var(--main-background-color);
}

.login-loading span {
	margin-top: 25px;
	display: block;
	color: #333;
}

.sidebar-menu>li>a>.fa,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion {
	width: 20px;
	text-align: center;
	margin-right: 9px;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-waring,
.modal-warning .modal-body {
	background-color: var(--main-background-color-80) !important;
	border-color: transparent !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
	border: 0px solid transparent !important;
}

.table>tbody>tr>td>i,
.table>tbody>tr>td>a i {
	font-size: 10pt;
	width: 20px;
	text-align: center;
}

.table>tbody>tr>td>a:not(.text-info):not(.text-success):not(.text-danger):not(.text-warning) i:not(.text-info):not(.text-success):not(.text-danger):not(.text-warning) {
	color: #777;
}

.showhideActivities,
.showHideLine {
	padding-top: 17px;
	text-align: center !important;
}

.list-options {
	margin-top: 7px;
}

.list-options button[class*="btn-tools"] {
	border: none;
	background: none;
	color: #555;
	padding: 6px 10px;
}

.list-options button[class*="btn-tools"] i {
	font-size: 15pt !important;
}

.toptools {
	transition: all 0.3s ease-in-out;
}

.toptools .content-wrapper {
	padding: 0 !important;
}

.toptools [class*="col-md"] {
	padding: 0;
}

.toptools .material-switch {
	padding: 0 !important;
	margin-top: 11px !important;
}

.toptools .material-switch span {
	position: absolute;
	right: 70px;
}

.toptools .registered {
	padding: 11px;
	color: #555;
}

.sidebar-collapse .toptools {
	margin-left: 55px;
}

.list-checkbox .checkbox,
.list-checkbox .radio {
	display: inline;
}

.form-group .material-switch {
	min-height: 30px;
	font-size: 11pt;
	margin-top: 10px;
	font-weight: 500;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	padding-bottom: 14px;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	padding-top: 15px;
}

.small,
small {
	font-size: 75%;
}

.templates-actions-content [class*="col-md"] {
	padding-bottom: 15px;
}

.templates-actions-content h3:first-child {
	padding-top: 15px;
	padding-left: 15px;
}

.list-checkbox .checkbox label {
	padding: 0;
}

.list-checkbox .checkbox label input[type="checkbox"] {
	display: inline;
	margin-top: 4px;
}

.main-header .logo-lg img {
	height: 45px;
}

.bedrooms-list .item {
	border-radius: 5px;
	color: #FFFFFF;
	height: 145px;
	padding: 15px;
	margin-bottom: 25px;
	cursor: pointer;
}

.bedrooms-list.cooker-list .bedroom .item {
	height: inherit !important;
}

.bedrooms-list.cooker-list .bedroom.retract .item {
	min-height: 100px;
}

.bedrooms-list.cooker-list .bedroom:not(.retract) .item {
	min-height: 210px;
	padding-bottom: 51px;
}

.bedrooms-list .item h4 {
	font-weight: 600;
	font-size: 25pt;
	margin-top: 0px;
	margin-left: 0px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.bedrooms-list.cooker-list .item h4 {
	font-size: 13pt;
}

.bedrooms-list.cooker-list .item h4 small {
	color: #FFF;
}

.bedrooms-list .item span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 15px;
	margin: 25px 15px;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 0px 0 5px 5px;
	font-size: 11pt;
	line-height: 1.5;
}


.bedrooms-list.cooker-list .item span {
	top: 30px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	position: inherit;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 15px;
	margin: 25px -15px 0;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 0;
	font-size: 11pt;
	line-height: 1.5;
	display: block;
	min-height: 100px !important;
}

.bedrooms-list.cooker-list .bedroom.retract .item {
	height: 100px;
}

.bedrooms-list.cooker-list .bedroom.retract .item span {
	display: none;
}

.bedrooms-list .item>i {
	position: absolute;
	font-size: 30pt;
	right: -15px;
	top: 0px;
	color: rgba(0, 0, 0, 0.3);
	width: 120px;
	text-align: center;
}

.bedrooms-list .item>i {
	font-size: 18pt;
	right: -27px;
}

.bedrooms-list .item span small i {
	width: 20px;
}

.bedrooms-list .item span label {
	display: block;
}

.bedrooms-list .item span label i {
	display: none;
}

.bedrooms-list .item span label strong {
	float: right;
	font-family: 'Lato';
}

.bedrooms-list.cooker-list .item .buttons {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
}

.bedrooms-list.cooker-list .item button.btn {
	margin-right: 0;
}

.bedrooms-list .item.situation-livre {
	background-color: rgba(0, 200, 0, 0.5);
}

.bedrooms-list .item.situation-reservado {
	background-color: rgba(80, 50, 128, 0.5);
}

.bedrooms-list .item.situation-locada {
	background-color: rgba(200, 0, 0, 0.5);
}

.bedrooms-list .item.situation-limpando {
	background-color: rgba(255, 200, 0, 0.6);
}

.bedrooms-list .item.situation-sem-consumo {
	background-color: rgba(0, 150, 255, 0.6);
}

.bedrooms-list .item.situation-manutencao {
	background-color: rgba(0, 0, 0, 0.6);
}

.bedrooms-list .item:hover.situation-livre,
small.livre {
	background-color: rgba(0, 200, 0, 0.8);
}

.bedrooms-list .item:hover.situation-sem-consumo,
small.sem-consumo {
	background-color: rgba(0, 150, 255, 0.8);
}

.bedrooms-list .item:hover.situation-locada,
small.locado {
	background-color: rgba(200, 0, 0, 0.7);
}

.bedrooms-list .item:hover.situation-reserva,
small.reservado {
	background-color: rgba(80, 50, 128, 0.7);
}

.bedrooms-list .item:hover.situation-limpando,
small.limpando {
	background-color: rgba(255, 200, 0, 0.9);
}

.bedrooms-list .item:hover.situation-manutencao,
small.manutencao {
	background-color: rgba(0, 0, 0, 0.8);
}

.btn-limpeza {
	background-color: rgba(255, 200, 0, 0.9);
	border-color: rgba(255, 200, 0, 0.9);
	color: #FFF;
}

.btn-manutencao {
	background-color: rgba(0, 0, 0, 0.8);
	border-color: rgba(0, 0, 0, 0.8);
	color: #FFF;
	margin-right: 30px;
}

.btn-reserva {
	background-color: rgba(80, 50, 128, 0.8);
	border-color: rgba(80, 50, 128, 0.8);
	color: #FFF;
	margin-right: 30px;
}

.btn-locar {
	background-color: rgba(200, 0, 0, 0.7);
	border-color: rgba(200, 0, 0, 0.7);
	color: #FFF;
	font-size: 16pt;
}

.btn-liberar,
.btn-finalizar {
	background-color: rgba(0, 200, 0, 0.8);
	border-color: rgba(0, 200, 0, 0.8);
	color: #FFF;
	font-size: 16pt;
}

/* REPORTS */
[id^="report"] .nivel1_0,
[id^="report"] table>tbody>tr.nivel1_0:hover>td {
	background-color: rgba(0, 0, 0, 0.7) !important;
	color: #FFF !important;
	font-weight: 500;
}

[id^="report"] .nivel1_2,
[id^="report"] table>tbody>tr.nivel1_2:hover>td {
	background-color: rgba(0, 255, 0, 0.3) !important;
	font-size: 13pt;
	font-weight: 500;
}

[id^="report"] .nivel3,
[id^="report"] table>tbody>tr.nivel3:hover>td,
[id^="report"] .nivel0_1,
[id^="report"] table>tbody>tr.nivel0_1:hover>td,
[id^="report"] .nivel0_2,
[id^="report"] table>tbody>tr.nivel0_2:hover>td,
[id^="report"] .nivel0_3,
[id^="report"] table>tbody>tr.nivel0_3:hover>td,
[id^="report"] .nivel0_4,
[id^="report"] table>tbody>tr.nivel0_4:hover>td,
[id^="report"] .nivel1_3,
[id^="report"] table>tbody>tr.nivel1_3:hover>td,
[id^="report"] .nivel1_4,
[id^="report"] table>tbody>tr.nivel1_4:hover>td,
[id^="report"] .nivel1_5,
[id^="report"] table>tbody>tr.nivel1_5:hover>td {
	background-color: rgba(0, 0, 100, 0.8) !important;
	color: #FFF !important;
	font-weight: 500;
	font-size: 13pt;
}

/* DASHBOARD */

#dashboard .subtitle {
	font-size: 11.5pt;
	position: absolute;
	z-index: 500;
	margin-top: -17px;
}

#dashboard .subtitle>div {
	cursor: pointer;
	text-align: center;
	padding: 0;
}

#dashboard .subtitle>div>div {
	margin-left: 0%;
}

#dashboard .subtitle [class^="subtitle-"] {
	width: 30px;
	height: 30px;
	border-radius: 50px;
	margin-right: 8px;
	color: #FFF;
	padding-top: 4px;
	font-weight: 600;
	text-shadow: 0 0 5px #666;
}

#dashboard .subtitle .subtitle-livre {
	background-color: rgba(0, 200, 0, 0.7);
}

#dashboard .subtitle .subtitle-sem-consumo {
	background-color: rgba(0, 150, 255, 0.7);
}

#dashboard .subtitle .subtitle-locada {
	background-color: rgba(200, 0, 0, 0.7);
}

#dashboard .subtitle .subtitle-reservado {
	background-color: rgba(80, 50, 128, 0.7);
}

#dashboard .subtitle .subtitle-limpando {
	background-color: rgba(255, 200, 0, 0.7);
}

#dashboard .subtitle .subtitle-manutencao {
	background-color: rgba(0, 0, 0, 0.7);
}

#dashboard .subtitle .subtitle-default {
	background-color: rgba(0, 0, 0, 0.3);
}

.btn-limpeza:hover,
.btn-limpeza:active,
.btn-limpeza:focus,
.btn-limpeza:visited,
.btn-manutencao:hover,
.btn-manutencao:active,
.btn-manutencao:focus,
.btn-manutencao:visited,
.btn-locar:hover,
.btn-locar:active,
.btn-locar:focus,
.btn-locar:visited,
.btn-liberar:hover,
.btn-liberar:active,
.btn-liberar:focus,
.btn-liberar:visited,
.btn-finalizar:hover,
.btn-finalizar:active,
.btn-finalizar:focus,
.btn-finalizar:visited {
	color: #FFF;
	opacity: 0.8;
}

.dashboard-detail ul li {
	padding-left: 0;
}

.dashboard-detail ul li label {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #F1F1F1;
	margin-bottom: 0px;
	cursor: pointer;
}

.dashboard-detail ul li label:hover {
	background-color: rgba(0, 200, 0, 0.8) !important;
}

.dashboard-detail .table-responsive {
	max-height: 256px;
	overflow-x: hidden;
}

.dashboard-detail h3 {
	padding-bottom: 5px;
	font-size: 18px !important;
}

.dashboard-detail .paymentmethods,
.dashboard-detail .stayselect {
	position: absolute;
	background: #FFF;
	z-index: 1000;
	left: 15%;
	right: 15%;
	top: 15%;
	padding: 50px;
	border-radius: 6px;
	box-shadow: 0 0 5px #444;
	display: none;
}

.dashboard-detail .paymentmethods .btn-close,
.dashboard-detail .stayselect .btn-close {
	font-size: 40px;
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	opacity: 0.5;
}

/* CLOCK */

div.clock {
	margin: 5px 15px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	margin-top: -40px;
}

div.clock div {
	display: inline-block;
	position: relative;
}

div.clock div p {
	font-size: 35px;
	position: relative;
	z-index: 100;
	font-weight: 300;
}

div.clock .meridian {
	margin-left: 15px;
}

/*END CLOCK*/

/* AM OR PM*/

.am-pm {
	font-family: sans-serif;
	text-transform: uppercase;
	width: 20px;
}

div.am-pm div p {
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}

.am,
.pm {
	color: #FFFFFF;
}

/*CLASS THAT CHANGES COLOR OF TEXT TO APPEAR LIKE ITS "ON"*/

.light-on {
	color: #131212;
}

.cashier-total {
	position: fixed;
	bottom: 0;
	color: #FFF;
	z-index: 1500;
	font-size: 10pt;
}

#cashier .box {
	height: 79vh;
	max-height: 79vh;
	display: block;
	overflow-x: hidden;
}

.rest-screen.ocult {
	top: 94%;
	right: 97%;
}

.rest-screen {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1500;
	transition: all 0.3s ease-in-out;
}

.rest-screen .carousel-inner>.item>a>img,
.rest-screen .carousel-inner>.item>img {
	margin-top: 0;
	height: 100vh;
	min-height: 100vh;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.rest-screen.ocult .carousel-inner>.item>img {
	opacity: 0;
}

.rest-screen .carousel-inner {
	border-radius: 0;
}

.rest-screen.ocult .carousel-inner>.item {
	background-color: transparent;
}

.rest-screen .carousel-inner>.item {
	background-color: white;
	transition: all 0.3s ease-in-out;
}

.rest-screen.ocult .logo {
	opacity: 0;
}

.rest-screen .logo {
	position: absolute;
	z-index: 1501;
	opacity: 0.8;
	height: 105px;
	left: 15px;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.rest-screen .carousel-indicators {
	display: none;
}

.rest-screen .btn-fullscreen {
	position: absolute;
	z-index: 1501;
	right: 15px;
	top: 15px;
	opacity: 0.5;
}

@media(max-width: 1366px) {
	.images {
		width: 125px;
	}

	.uplappend {
		height: 125px;
	}

	.uplappend .import .btn-load-upload i {
		left: 32%;
	}
}

@media(max-width: 1024px) {
	body {
		font-size: 9pt;
	}

	.h3,
	h3 {
		font-size: 14px;
	}

	.h2,
	h2 {
		font-size: 14px;
	}

	.bedroom {
		padding: 0px 5px;
	}

	.bedrooms-list .item {
		height: 105px;
		margin-bottom: 10px;
	}

	.bedrooms-list .item span {
		padding: 5px 8px;
		margin: 10px 5px;
		font-size: 8.5pt;
	}

	.bedrooms-list .item h4 {
		font-size: 20pt;
		margin-top: -6px;
	}

	.bedrooms-list .item>i {
		font-size: 25pt;
		right: -35px;
	}

	.label {
		padding: 2px 4px;
		font-size: 70%;
	}

	#dashboard .subtitle {
		font-size: 10.5pt;
		margin-top: 0;
	}

	#dashboard .subtitle [class^="subtitle-"] {
		width: 25px;
		height: 25px;
		padding-top: 2px;
	}

	section:not(.sidebar) {
		margin-top: 35px;
	}

	section:not(.sidebar):not(#dashboard):not(#process):not(#cashier) {
		padding: 45px 0px 0px 0px !important;
	}

	section#cashier {
		padding: 0px 0px 0px 0px !important;
	}

	#cashier .toptools {
		display: none !important;
	}

	#cashier .box {
		display: block;
		height: 76vh;
		max-height: 76vh;
		padding: 0px 0 0 0;
	}

	.modal-lg {
		width: 100% !important;
	}

	.modal-dialog {
		margin: 10px auto !important;
	}

	.table:not(.table-input)>tbody>tr>td,
	.table:not(.table-input)>tbody>tr>th,
	.table:not(.table-input)>tfoot>tr>td,
	.table:not(.table-input)>tfoot>tr>th,
	.table:not(.table-input)>thead>tr>td,
	.table:not(.table-input)>thead>tr>th {
		padding: 3px 3px;
	}

	.rest-screen.ocult {
		top: 94%;
		right: 95%;
	}

	.bb-alert .bb-alert-close {
		top: -13px !important;
	}

}

@media(max-width: 800px) {

	.main-header .logo {
		width: 100% !important;
	}

	.content-wrapper,
	.right-side,
	.main-footer,
	.main-header>.navbar {
		margin-left: auto;
	}

	#dashboard .subtitle {
		position: initial;
		margin-top: auto;
		display: block;
		height: 86px;
	}

	.subtitle>div {
		width: 18%;
		float: left;
	}

	.bedrooms-list .subtitle,
	.bedrooms-list .legend {
		display: none !important;
	}

	.clock-panel {
		margin-top: 50px !important;
	}

	.bedrooms-list .item span {
		bottom: 10px !important;
	}

	.sidebar-mini.sidebar-collapse .content-wrapper,
	.sidebar-mini.sidebar-collapse .right-side,
	.sidebar-mini.sidebar-collapse .main-footer {
		margin-left: auto !important;
	}

	li.search-menu {
		display: none;
	}

	.user-menu {
		min-width: auto !important;
	}

	.navbar-nav>.user-menu .user-image {
		margin-top: -4px;
	}

	.toptools {
		margin-left: auto !important;
	}

	.box {
		display: inline-block;
	}

	div[id*="add"] form,
	div[id*="detail"] form,
	div[id*="new"] form,
	div[id*="edit"] form {
		padding: 18% 5% !important;
	}

	.btn-back-list {
		margin-left: auto !important;
	}

	.btn {
		padding-left: 10px;
		padding-right: 10px;
	}

	.toptools form {
		display: none;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar {
		width: 230px !important;
	}

	.updatepassbox {
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
		left: 0 !important;
	}

	.bedrooms-list .item span {
		margin-bottom: 0 !important;
	}

	.dashboard-detail {
		padding: 0;
	}

	.dashboard-detail>div.col-md-8 {
		padding: 25px 0px;
	}

	.dashboard-detail .btn {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.form-upload {
		margin-bottom: 35px !important;
	}

	.bb-alert {
		left: 15px;
	}

	.dashboard-detail .paymentmethods,
	.dashboard-detail .stayselect {
		left: 5%;
		right: 5%;
		padding: 50px 20px;
	}

	.dashboard-detail .table-responsive {
		overflow: auto;
	}

	.table .img-responsive {
		height: 52px !important;
		width: 52px !important;
		max-width: inherit !important;
	}

}