body{

	background-color: #f5f5f5;

}

header{

	background: #41b9bb; 

}

h2{

	margin-bottom: 1rem;

}

#nav{

	display: flex;

    align-items: flex-end;

}

.logo{

	padding: 5px 0;

}

.logo img{

	height: 60px;

    margin-right: 20px;    

    filter: brightness(0) invert(1);

}

#nav nav{

    padding: 0;  

    align-items: flex-end;

}

#nav .nav-tabs .nav-link{

	color: #fff;

	position: relative;

    bottom: 0px;

	border: 0 !important;

	font-weight: 600;

    margin-right: 5px;

	transition: all 0.3s ease; 

}

#nav .nav-tabs .nav-link:focus,#nav .nav-tabs .nav-link:hover,#nav .nav-tabs .nav-item.show .nav-link,#nav .nav-tabs .nav-link.active{

	color: #41b9bb !important;

	background: #f5f5f5;

	box-shadow: 0px -10px 20px -15px rgba(0,0,0,0.5);

}

#nav .nav-tabs .nav-item.show .nav-link,#nav .nav-tabs .nav-link.active{

	padding-top: 12px;

}

#nav .nav-tabs{

	border: 0 !important;

	align-items: flex-end;

}

#main-container{

    padding-top: 15px;

    padding-bottom: 15px;

}

.btn-outline-secondary{

    width: 100%;

    background: #41b9bb;

    border: 0;

    color: #fff;

	box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.1);

}

.bg-success {

    background-color: #41b9bb!important;

}

.btn-outline-secondary:focus, .btn-outline-secondary:hover{

	outline: unset;

    background: #fff !important;

    color: #41b9bb !important;

    border: 0 !important;

}

.form-control{

	border: 0;

	background: #fff;

	box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.1);

}

.btn-light{

	background: #fff;

	box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.1);

}



.item{    

	box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.1);

    background: #fff;

    padding: 15px;

    margin-bottom: 30px;

    border-radius: .25rem;

}

.item b{

	font-weight: 500;

}

.item-name{   

    font-weight: 500; 

	display: block;

	text-align: center;

    font-size: 1.2em;

    margin-bottom: 0.5em;

    border-bottom: 2px solid #41b9bb;

}

.bg-danger {

    background-color: #F44336!important;

}

.bg-secondary {

    background-color: #9E9E9E!important;

}

.progress {

    height: 1.5rem;

}

#listado-trabajadores, #listado-empresas{

	min-height: 50vh;

}

.msg{

	font-weight: 600;

    font-size: 2rem;

}

.loading, .msg, #dayliReportMsg,#monthlyReportMsg{

	min-height: 50vh;

	width: 100%;

	display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}

#dayliReportMsg,#monthlyReportMsg{

    font-size: 2em;

    text-align: center;

}

.text-success {

    color: #41b9bb!important;

}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {

    color: #fff;

    background-color: #41b9bb;

    border-color: #41b9bb;

    border-radius: 4px;

}

 #nav .navbar-dark .navbar-toggler-icon{

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

 #nav .navbar-toggler{

    outline: 0 !important;

}

div#dayliReportDiv div[class*="col-"] {

    padding-left: 0;

    padding-right: 0;

}



div#dayliReportDiv > .row {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

.table {

    border: 1px solid #dee2e6 !important;

}

.table thead th {

    background-color: #fff;

    text-align: center;

    border: 0 !important;

}

.table td {

    border-bottom: 1px solid #dee2e6;

}

#listado-reposte-diario .progress-bar{

   color: #333;

    font-weight: 700;     

    overflow: visible;

}

@media screen and (max-width: 991px) {

    #nav nav {

        width: 100%;

        align-items: center;

    }



}

@media screen and (max-width: 425px) {

    #nav .nav-tabs {

        padding-top: 1em;

    }

    #nav .nav-tabs li{

        text-align: center;

        width: 100%;

    }

}