/* :root{
	--theme-blue: #3e2c43;
	--theme-blue-border: #1a141c;
	--theme-green: #227c7d;
	--theme-orange: #ff852c;
	--background-gray:#f5f5f5;
	--drop-shadow:1px 1px 8px #0000000f;
} */

/* :root {
    --theme-blue: #08749d;
    --theme-blue-border: #1a141c;
    --theme-green: #e39f3b;
    --theme-orange: #4CAF50;
    --background-gray: #f5f5f5;
    --drop-shadow: 1px 1px 8px #0000000f;
	--body-background-color: #e7e7e7;
} */

:root {
    --theme-blue: #1961a9;
    --theme-blue-border: #1961a9;
    --theme-green: #8BC34A;
    --theme-orange: #ff852c;
    --background-gray: #f5f5f5;
    --drop-shadow: 1px 1px 8px #0000000f;
	--border-controls: #e7e7e7;
	--body-background-color:#FFFFFF;
	--datatable-header-color: #00BCD4;
	--border-color-input:rgba(24, 28, 33, 0.13);
}

.theme-bubble-gum{
    --theme-blue: #682d36;
    --theme-blue-border: #041442;
    --theme-green: #4CAF50;
    --theme-orange: #ff852c;
    --background-gray: #f5f5f5;
    --drop-shadow: 1px 1px 8px #0000000f;
    --border-controls: #e7e7e7;
    --body-background-color: #e6e7dc;
	--border-color-input:rgba(24, 28, 33, 0.13);
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	margin:0;padding:0;box-sizing:border-box;
}
a{
	color:var(--theme-blue);
}

a:hover{
	color:var(--dark);
}

body{
	background:var(--body-background-color);
	font-size:.9rem;
	font-family: 'Poppins', sans-serif;
	/*Source Sans Pro Open Sans*/
}
div.dataTables_wrapper{
    width: 100%;
    position: relative;
}
div.dataTables_wrapper>:not(table){
	margin-inline: 10px !important;
}
div.dataTables_wrapper.form-inline{
	justify-content: space-between;
}
table.table-bordered.dataTable th{
	border-top: 0;
	font-size: 80%;
    font-weight: bold;
	/* color: var(--datatable-header-color); */
}

div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
    margin-left: 10px;
}

div.dataTables_wrapper div.dataTables_filter input{
	border-bottom-color:rgba(24, 28, 33, 0.13);
}

.bootbox-confirm .modal-header{
	padding: 1.25rem 2.5625rem 0 1.25rem;
}

.bootbox-confirm .modal-body{
	padding: 1.25rem 2.5625rem 0 1.25rem;
}



.btn{
	border-radius:5px;
}
.btn-create,
.btn-primary{
	color:white;
	background-color:var(--theme-green);
	border-color:var(--theme-green);
}

.btn-create:hover, .btn-create:hover,
.btn-secondary:hover, .btn-primary:hover,
.btn-secondary:active, .btn-primary:active{
	background-color:var(--theme-orange);
	border-color:var(--theme-orange);
	color:white;
}
.btn-danger:hover, .btn-danger:hover{
	background-color:#FF5722;
	border-color:#FF5722;
}

.add-shadow{
	box-shadow: var(--drop-shadow);
}
.txt-ok{
	color:green;
}

[disabled]{
	background-color:#CCCCCC !important;
	cursor:default !important;
	pointer-events:none !important;
	opacity:.5 !important;
	color:#656161 !important;
}


.form-control{
	border-bottom-color: var(--border-color-input);
}

.form-inline .btn{
	margin-right:unset;
}


.layout-container{
	max-height: 100vh !important;
}

.layout-container .container-fluid.container-p-y{
	overflow-y: auto;
}

html:not(.layout-footer-fixed) .layout-content{
	overflow: auto;
	padding-bottom: 1rem;
}

.nav-link.dropdown-toggle{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.navbar-icon {
    font-size: 1.5rem;
    line-height: 1.3rem;
}

.sidenav.logo-dark .app-brand {
    flex-direction: column;
    height: 62px !important;
    background: unset;
    padding: .25rem 0;
    justify-content: center;
}

.sidenav.logo-dark .app-brand img{
	height:60%;
}

.sidenav, .sidenav.bg-dark{
	background:var(--theme-blue) !important;
}

.sidenav-vertical .sidenav-inner > .sidenav-item {
    margin: 0;
    border-bottom: 1px solid #ffffff10;
}

.sidenav-vertical .sidenav-menu .sidenav-link {
    padding-left: 3rem;
}

.footer-light {
    display: block;
    margin: 0;
    width: 100%;
	color:var(--theme-blue);
    z-index: 100;
	background-color: var(--body-background-color);
}

.table th, .table td{
    vertical-align: middle;
	padding: .6rem .4rem;
	white-space: normal;
}

table.dataTable thead>tr>th.sorting.fwth,
table.table-bordered.dataTable th.fwth{
	width:100% !important;
}

table.dataTable thead>tr>th.sorting.w50,
table.table-bordered.dataTable th.w50{
	width:50% !important;
}

table.dataTable th, table.dataTable td{
	white-space: nowrap;
}  

.btn-create{
	background: var(--theme-green);
	color: white;
	border-radius: 5px;
}

.table-header{
	/*background: #f0f4f5;*/
	font-size:inherit;
	/* background: #f7f7f7; */
	background: #00000005;
    color: var(--theme-blue);
    padding: 0.5rem .8rem;
	line-height: 2.2rem;
}

.table-header span{
	line-height:2.2rem;
}

.default-style div.card.card{
	background-color:var(--body-background-color);
}

.default-style div.card-datatable{
	padding:.5rem 0;
	overflow-x: unset !important;
}

.card-datatable.table-responsive{
	width: unset;
	margin-inline:-10px ;
}

.action-col{
	min-width: 100px;
}

.layout-2 .layout-navbar{
	background-color:var(--body-background-color);
	box-shadow:0 1px 6px 0px rgba(0, 0, 0, 0.08);
}

.sidenav.sidenav-vertical.bg-dark .sidenav-item.active > .sidenav-link:not(.sidenav-toggle){
	background: var(--theme-green);
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus{
    border-color: var(--theme-green) !important;
    background-color: var(--theme-green) !important;
    color: #fff !important;
}


.btn-danger{
    border-color: #d35c54 !important;
    background: #d35c54 !important;
}

.btn-danger.btn-xs.delete:hover{
	border-color: #FF4961 !important;
	background: #FF4961 !important;
}

.card-header.np{
	padding: .5rem 1.5rem
}

.card-header-title.np{
	display:inline-block;
	font-size:1.2rem;
	padding:0;
}

.dataTable span.badge-success{
	background-color:unset;
	color:#12b558;
}

.dataTable span.badge-danger{
	background-color:unset;
	color:#FF4961;
}

.gradeX .btn-cta {
    box-shadow: unset;
    background: unset;
    display: inline-block;
    margin: 0;
    padding-inline: 5px;
    color: var(--purple);
}

.gradeX .btn-cta:active, .gradeX .btn-cta:hover {
    transform: scale(1.1);
    transform-origin: bottom center;
    filter: drop-shadow(0px 3px 1px #00000070);
}

.btn-cta.delete{
	color:var(--danger);
}


.infopopup.alert-danger {
    background-color: #b5280c;
    color: white;
}

.infopopup.alert-danger .close, .alert-danger .alert-link {
    color: white;
    opacity: 1;
}

.infopopup.alert-success {
    background-color: #096505;
    color: white;
}

.infopopup.alert-success .close, .alert-success .alert-link {
    color: white;
    opacity: 1;
}


.suggestive-input{
	position: relative;
	width: 100%;
}
.suggestive-input .search-input{
	position: relative;
	width: 100%;
	border: 0;
}
.suggestive-input .results {
    position: absolute;
    display: block;
    background: white;
    width: 100%;
    list-style: none;
    padding: 0;
    border: 1px solid #ececec;
}
.suggestive-input .results li {
    display: block;
    padding: 5px 10px;
}

.suggestive-input .results li:focus, 
.suggestive-input .results li:active, 
.suggestive-input .results li:hover{
	background-color: #eaf6ff;
}

/* .info-cell {
	display: inline-block;
	color: white;
	background-color: #dfdfdf;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	box-shadow: 2px 2px 3px #0000004f;
	min-width: 200px;
	margin: 0 10px;
} */

/* .info-cell {
    display: inline-block;
    color: #ffffff;
    background: linear-gradient(0deg, #0000001a, #ffffff);
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0px 0px 8px #00000036;
    width: 225px;
    border: 1px solid;
} */

.info-cell {
    display: flex;
    color: #ffffff;
    background: linear-gradient(0deg, #0000001a, #ffffff);
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0px 0px 8px #00000036;
    width: 45vw;
    border: 1px solid;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    max-width: 225px;
}

.info-cell h4{
	font-size: 1rem;
}

.btn-secondary{
	background-color: var(--theme-blue);
}

.btn-info{
	box-shadow:unset;
	background-color: var(--theme-green);
}

.btn-info:hover, .btn-info:focus{
	box-shadow:unset;
	background-color: var(--theme-orange);
}


.sidenav-item.active>.sidenav-link:not(.sidenav-toggle){
	pointer-events:none;
}

.perfilled {
    background-color: #fffcf2;
}

.dataTables_wrapper .row:first-child>div{
	flex: 0 0 50% !important;
	max-width: 50% !important;
}

.dataTables_wrapper>.row:nth-child(2)>div{
	overflow-x: auto !important;
}

.dataTables_wrapper .dataTables_length select{
	width: auto !important;
	max-width: 75px;
}

@media (max-width: 992px) {
    .layout-2 .layout-navbar{
		background: var(--theme-blue);
		color: white;
	}
	.layout-navbar .navbar-toggler{
		color: inherit;
	}

	.layout-navbar .navbar-nav .navbar-item,
	.layout-navbar .navbar-nav a{
		color: inherit;
	}
}