/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* ----------Fonts------------ */
@font-face {
  font-family: "VisbyRoundCF Bold";
  src: url("/assets/fonts/VisbyRoundCF-Bold") format("woff2"), 
	url("/fonts/VisbyRoundCF-Bold.woff") format("woff");
	font-weight: bold;
	font-style: bold;
}

@font-face {
  font-family: "VisbyRoundCF Regular";
  src: url("/assets/fonts/VisbyRoundCF-Regular") format("woff2"), 
	url("/fonts/VisbyRoundCF-Regular.woff") format("woff");
	font-weight: normal;
	font-weight: 400;
	
}

@font-face {
  font-family: "VisbyRoundCF Italic";
  src: url("/assets/fonts/VisbyRoundCF-RegularOblique.woff2") format("woff2"), 
	url("/fonts/VisbyRoundCF-RegularOblique.woff") format("woff");
	font-style: italic;
}

html body {
    background-color: #fffbf6;
}

.navbar-floating .header-navbar-shadow {
	background: #FFFBF6;
}

.card .card-header .heading-elements li:last-child svg {
	margin-left: 0.50rem;
	height: 1rem !important;
	width: 1rem !important;
	font-size: 1rem !important;
}

img {
    object-fit: cover;
}

img.user-avatar {
    object-fit: contain;
}

.fc .fc-view-harness {
    min-height: 750px;
}

.fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot {
    height: 2.5rem;
}

.app-logo {
	/*width: 40px;*/
	height: 40px;
	max-width: 40px !important;
	padding: 1px 1px 1px 4px;
}

.ml-1 {
    margin-left: 1.8rem !important;
}

.company-logo {
	max-height: 50px;
	object-fit: contain;
    min-width: 200px;
    height: 50px;
}

.main-menu.menu-dark .navigation > li ul li > a {
    padding: 10px 15px 10px 30px;
}
.main-menu.menu-dark .navigation > li ul li ul a {
    padding: 10px 15px 10px 45px; 
}
.main-menu.menu-dark .navigation > li > ul li.has-sub.sidebar-group-active.open > a {
    background-color: #161d31;
} 
.main-menu.menu-dark .navigation > li.active > a,.main-menu.menu-dark .navigation > li ul .active {
	background: linear-gradient(118deg, rgb(0 0 0), rgba(0, 0, 00.7));
	box-shadow: 0 0 10px 1px rgb(0 0 0 / 70%);
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li.active a {
    background-color: transparent;
}

.navigation {
	font-size: 14px;
}
.navigation li{
	margin-top: 0.5rem;
}
.navigation li ul li{
	margin-top: 0;
}

form input.error ~ .custom-file-label, form input.error:focus ~ .custom-file-label {
    border-color: #ea5455 !important;
}

.dropdown-item.active, .dropdown-item:active {
	color: #ffffff !important;
}

.modal .modal-header .close {
	transform: none;
	background: transparent;
	box-shadow: none;
	padding: inherit;
	opacity: 0.85;
}
.modal-title {
	line-height: 2;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active {
	opacity: 1;
	transform: none;
}
.breadcrumb-item a:not(active) {
	color: #6e6b7b;
}
.breadcrumb-item a:hover:not(active) {
	color: #5e50ee;
}
.breadcrumb-item.active {
	color: #5e50ee;
}
.breadcrumb {
	padding-left: 0;
	line-height: 36px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	height: 36px;
}
.badge-lg {
	padding: 0.5rem 1rem; 
}
.badge-xl {
	padding: 1rem; 
}
.btn-lg .feather {
    vertical-align: middle;
}
.btn-fixed-width {
	min-width: 75px !important;
}
.input-group .position-relative {
    width: calc(100% - 50px);
}
.input-group-large .form-control {
    width: calc(100% - 100px);
}
.input-group .input-group-append {  
    width: 50px;
}
.input-group-large .input-group-append { 
    width: 100px;
}
.input-group .select2-container--default .select2-selection--single {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.inline-date-field {
	 width: 48%;
	display: inline-block;
}

@media screen and (max-width: 900px) {
	.inline-date-field {
		 width: auto;
		display: block;
	}
}

@media screen and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		text-align: left;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: left;
	}
	table.dataTable td:first-child, table.dataTable th:first-child {
		min-width: 50px;
	}
	table.dataTable td:not(:first-child), table.dataTable th:not(:first-child) {
		min-width: 150px;
	}
	.img-fluid {
		width: 100%;
	}
}

table.dataTable td, table.dataTable th {
	padding: 0.5rem 0.5rem;
}

.col-price {    
    height: 2.714rem;
    padding: 0.438rem 0;
}
 
.invoice-edit .border-secondary.border-lighten-5 {
    border: 1px solid #d8d6de !important;
}

textarea.form-control {
    line-height: 1.45 !important;
    min-height: 2.714rem !important;
    padding: 0.438rem 1rem !important;
}

.form-group textarea.form-control {
    height: auto !important;
}

/* Document Lines - BEGIN */
.doc-linha:last-child {
    border-bottom: 0 !important;
}
.w-05 {
	width: 5%;
}
.w-07 {
	width: 7%;
}
.w-15 {
	width: 15%;
}
.w-35 {
	width: 35%;
}
.w-100 {
	width: 100%;
}
.ws-nw {
	white-space: nowrap;
}
/* Document Lines - END */

table.tl-auto {
	table-layout: auto !important;
}

/* ReBranding Adaptation (Begin) */
	/* Login Page */
	.auth-wrapper.auth-v1 .auth-inner:before {
	  background-image: none;
	}
	.auth-wrapper.auth-v1 .auth-inner:after {
	  background-image: none;
	}

	#bg-img {
		background-image: url(/img/company/amal_3_background.png); 
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	/* Main Menu */
	.main-menu {
		background-color: #29454d !important;
	}
	.main-menu.menu-dark .navigation > li.active > a, .main-menu.menu-dark .navigation > li ul .active {
		box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
		background: #000000;
	}

	a#first-nav {
		border-radius: 5px;
		background: #2bc61b;
	}
	.semi-dark-layout .main-menu-content .navigation-main {
		background-color: #29454d;
	}
	.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
		background-color: #29454d;
	}
	.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
		background-color: #29454d;
	}
	.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
		background-color: #29454d;
	}
	.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
		background: #000000;
	}
/* ---------INSERIDO POR FILIPE---------------- */


/* -------Login--------*/
#btnLogin {
    border-color: #2bc61b !important;
    background-color: #2bc61b !important;
    color: #fff !important;
}

#btnLogin:focus {
    border-color: #2bc61b !important;
    background-color: #2bc61b !important;
    color: #fff !important;
}

a {
    color: #2bc61b;
    text-decoration: none;
    background-color: transparent;
    font-size: 12px;
}

a:hover {
	color: #2bc61b;
}


.form-control {
	background-color: #fff !important;
	background-clip: padding-box;
	border: 1px solid #000000 !important;
}

.form-control:focus {
	background-color: #fff !important;
	background-clip: padding-box;
	border: 1px solid #000000 !important;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid black;	
}

.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-right: none !important;
}

label {
    color: #000000 !important;
    font-size: 0.857rem;
}

/* ----------CHAT-------------- */

.chat-application .chat-app-window .start-chat-area, .chat-application .chat-app-window .user-chats {
    background-image: url(/img/company/amal_3_background_chat.png);    
    background-color: #f2f0f7;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: right;
}

#chat-search::placeholder {
	padding-left: 10px
}

/*------------- SIDE MENU------------- */
.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after, .semi-dark-layout .main-menu-content .navigation-main .nav-item a {
    color: #ffffff;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation li a {
    align-items: flex-start;
    justify-content: left;
}

/*------------- GENERAL LAYOUT------------- */

.page-item.active .page-link {
	background-color: #b497c4;
}

.card {
        box-shadow: 3px 5px 10px 3px rgb(0 0 0 / 21%);    
	border-radius: 10px;
}

.page-item.disabled .page-link {
    color: #000000;
}

div.dataTables_wrapper .dataTables_info {
    padding-top: 1.25rem !important;
    color: #000000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "VisbyRoundCF", Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;	
}

h3, .h3 {
    font-size: 1.25rem;
}

.table {
    color: #000000;
}

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-hover tbody tr:hover {
    color: #000000;
    background-color: #ffffff;
}

.table thead th {
    border-bottom: 1px solid #000000;
}

.table td {
	border-bottom: 1px solid #000000;
}

.odd {
	font-size: 0.8rem !important;
}

.even {
	font-size: 0.8rem !important;
}

.btn-primary {
    border-color: #b497c4 !important;
    background-color: #b497c4 !important;
    color: #fff !important;
}

.btn-primary:focus {
    border-color: #b497c4 !important;
    background-color: #b497c4 !important;
    color: #fff !important;
}

.btn-secondary {
    border-color: #000000 !important;
    background-color: #000000 !important;
    color: #fff !important;
}

.btn-secondary:active {
	background-color: #000000 !important;
}

.btn-secondary:focus {
	background-color: #000000 !important;
}

.btn-outline-secondary {
    border: 1px solid #000000 !important;
    background-color: black;
    color: #ffffff;
}

.breadcrumb-item a:hover:not(active) {
    color: #000000;
}

.btn-outline-primary {
    border: 1px solid #000000 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #b497c4;
}
.nav-pills .nav-link.active {
    border-color: #b497c4;
    box-shadow: 0 4px 18px -4px rgb(115 103 240 / 20%);
}

d-flex align-items-center {
    justify-content: left;
}

.p-50 {
    font-size: 0.8rem !important;
}

.text-muted {
    color: #000000 !important;
}

.breadcrumb {
	font-size: 12 px
}

.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
    color: #ffffff;
}

.company-logo {
    max-height: 50px;
    object-fit: contain;
    min-width: 175px;
    height: 50px;
}

.d-flex justify-content-between align-items-center mx-0 row {
	border-top-style: solid;
	border-width: 1px;
}

.sorting_1 {
	padding-left: 20px !important;
}

.badge.badge-light-secondary {
    background-color: rgb(255 0 0 / 12%);
    color: #ff0000 !important;
}

.border-bottom{
	border-bottom: 1px solid #000000 !important;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {    
    border-top: solid black;
    border-top-width: 1px;
}

.table-bordered th, .table-bordered td {
    border: none;
}
/* --------------FIM - INSERIDO POR FILIPE----------- */

/* ReBranding Adaptation (End) */