/* FONT AWESOME */

@import url('fontawesome.min.css');
@import url('regular.min.css');
@import url('solid.min.css');
@import url('light.min.css');
@import url('brands.min.css');


/* GENERAL */

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
a.btn-eraser {
	color: #303242!important;
}
a.btn-eraser:hover {
	text-decoration: underline!important;
}
.skin-light .main-header .navbar .nav > li > a {
	font-size: 1.2rem;
}
.navbar-nav>.messages-menu>.dropdown-menu>li.header {
	border: 0;
	border-radius: .5rem;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	padding: 1rem;
	border-radius: .5rem;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu li a {
	display: block;
	font-size: 1.2rem;
	color: #2f3242;
	font-weight: 400;
}
.text-primary {
	color: #10bb83!important;
}


/* TAB */

.nav-tabs-tramite {
	border-bottom: 0!important;
}
.tab-tramite .tab-pane {
	background: rgba(0,0,0,0.02);
	padding: 2rem;
	border: 1px solid #dee2e6;
	border-radius: 5px;
	border-top-left-radius: 0;
}
.tab-tramite h3 {
	margin-top: 0;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #dee2e6;
	font-size: 1.3rem;
}
.tab-tramite label {
	color: #7d818a;
}
.no-info {
	font-size: 1.2rem;
}
.row-historial {
	margin-bottom: 2px;
}
.row-h {
	background: #fff;
	padding: .5rem 1rem;
}
.row-h span {
	font-weight: bold;
}
.row-h p {
	margin-bottom: 0;
}


/* FORM */


.bg-img #imagen-avatar {
    border-radius: 100%;
    border: 0;
}
label {
	color: #9DA4B1;
}
.form-control,
.select2-container--default .select2-selection--multiple {
	padding: 0.8rem 0.75rem;
	border-color: #e7e8ea;
	border-radius: .5rem!important;
}
.select2-container--default .select2-selection--multiple {
	padding-right: 2rem;
}
.select2-container .select2-selection--multiple {
	line-height: 1;
	position: relative;
}
.select2-container .select2-selection--multiple:after {
	content: '\f078';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
p.error-p {
	width: 100%;
	display: block;
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0;
	font-size: 1rem;
}
.btn-publicar {
	background: #fff;
	margin-right: 10px;
	padding: .6rem 1.5rem!important;
	display: flex;
	align-items: center;
	border: 1px solid #e7e8ea;
	border-radius: 16px;
	color: #8A94A6!important;
}
.btn-publicar:hover {
	background: rgba(75, 159, 71, 0.1);
	border: 1px solid #4B9F47;
	color: #4B9F47!important;
}
.btn-publicar i {
	margin-right: 10px;
	font-size: 1.1rem;
}
.btn.btn-rounded {
	padding: .6rem 2rem;
	border-radius: 10px;
}
.btn.btn-blue {
	background: #2772F0;
	border-color: #2772F0;
	color: #fff;
}
.btn.btn-blue:hover {
	background: #184ca6;
	border-color: #184ca6;
}
.btn.btn-green {
	background: #009582;
	border-color: #009582;
	color: #fff;
}
.btn.btn-green:hover {
	background: #007666;
	border-color: #007666;
}
.btn.btn-white {
	background: #fff;
	border-color: #009582;
	color: #009582;
}
.btn.btn-white:hover {
	background: rgba(0,149,130,0.1);
	border-color: rgba(0,149,130,0.1);
	color: #009582;
}
.btn.btn-white.btn-shadow {
	border-color: rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.btn.btn-white.btn-shadow:hover {
	background: rgba(0,149,130,0.1);
	border-color: rgba(0,149,130,0.1);
	color: #009582;
}
.section-title {
	margin-bottom: 2.5rem;
	font-size: 1.6rem;
	color: #303242;
	font-weight: 600;
}
.title-principal {
	display: flex;
	align-items: center;
}
.title-principal h1 {
	margin: 0;
	font-size: 1.6rem;
	color: #303242;
}
.title-principal i {
	margin-right: 15px;
}



/* SIDEBAR */

.dark-sidebar .main-sidebar, .dark-sidebar .left-side {
	box-shadow: none;
}
.dark-sidebar .sidebar-menu li.header {
	font-size: 1.2rem;
	font-weight: 600;
}
.sidebar-menu li > a:hover {
	opacity: 1;
}
.sidebar-menu>li>a>.fa,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion,
.sidebar-menu>li>a>i {
	margin-right: 7px;
	border: 0;
	font-size: 22px;
}

/* ICONS */

.icon-green {
	color: #009582;
}
.icon-yellow {
	color: #F5B544;
}
.icon-blue {
	color: #2772F0;
}
.icon-light-blue {
	color: #54CCEE;;
}

/* BOX */

.box {
	border: 0;
	border-radius: 15px;
	box-shadow: 0px 20px 50px rgba(222, 226, 230, 0.36);
}
.box-header {
	padding: 2rem;
	border-bottom: 0;
}
.box-header.box-header-sm {
	padding: 1.2rem 2rem;
}
.box-header .box-title {
	font-size: 1.6rem;
	color: #303242;
	font-weight: 700;
}
.box-header .box-title.box-title-sm {
	font-size: 1.3rem;
	font-weight: 400;
}
.box-header .box-title i {
	font-size: 1.5rem;
}

/* PROFILE */

.profile-username {
	margin: 0 0 5px 0;
	font-weight: 700;
}
.profile-job {
	margin-bottom: 1rem;
}
.wrap-info ul {
	margin: 0 0 2rem 0;
	padding: 0;
	list-style-type: none;
}
.wrap-info ul li {
	margin-right: 2rem;
	color: #56748f;
}
.wrap-info ul li:last-child {
	margin-right: 0;
}
.wrap-info ul li i {
	margin-right: 5px;
}
.wrap-buttons a.btn {
	padding: 1rem 1.5rem!important;
	width: 25%;
	margin-right: 1rem;
	display: block;
	white-space: normal;
}
.wrap-buttons a.btn:last-child {
	margin-right: 0;
}
.wrap-buttons a.btn span {
	line-height: 1.3;
	display: inline-block;
}
.wrap-buttons a.btn i {
	margin-bottom: 5px;
	display: block;
	font-size: 2.5rem;
}

/* MODAL */

.modal-content {
	border-radius: 15px;
}


/* INBOX */

.box-filters .form-control, 
.box-filters .select2-container--default .select2-selection--multiple {
	padding: 0.5rem 0.75rem
}
.box-header-inbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav-tabs .nav-link.active, 
.nav-tabs .nav-link.active:focus, 
.nav-tabs .nav-link.active:hover, 
.nav-tabs .nav-item.open .nav-link, 
.nav-tabs .nav-item.open .nav-link:focus, 
.nav-tabs .nav-item.open .nav-link:hover {
	border-bottom-color: #764095;
    background-color: #764095;
}
.table>thead>tr>th {
	font-weight: 700;
	line-height: 1;
}
.table tr td .progress {
	border-radius: 30px;
}
.progress-bar {
	background-color: #11C491;
}

.timeline-detail {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	
}
.li {
	width: 14%;
	min-height: 100px;
  	transition: all 200ms ease-in;
}
.status {
  	padding: 0px 40px;
  	display: flex;
  	justify-content: center;
  	border-top: 2px solid #D6DCE0;
  	position: relative;
  	transition: all 200ms ease-in;
}
.status h4 {
	margin-bottom: 0;
    margin-top: 15px;
	font-size: 1rem;
	color: #ddd;
	text-align: center;
	line-height: 1.3;
}
.status:before {
  	content: "";
  	width: 26px;
  	height: 26px;
  	background-color: white;
  	border-radius: 26px;
  	border: 1px solid #ddd;
  	position: absolute;
  	top: -15px;
  	left: 50%;
  	transform: translateX(-50%);
  	transition: all 200ms ease-in;
}
.li.complete .status {
  	border-top: 2px solid #34d7a1;
}
.li.complete .status:before {
  	background-color: #34d7a1;
  	border: none;
  	transition: all 200ms ease-in;
}
.li.complete .status h4 {
  	color: #34d7a1;
}

/* HORARIO */

.box-body-hb {
	padding-left: 2rem;
	padding-right: 2rem;
}

.hour-block {
	border: 1px solid #ddd;
	border-radius: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
.hour-block .hour-block-header,
.hour-block .hour-block-body,
.hour-block .hour-block-footer {
	padding: 1.5rem;
}
.hour-block .hour-block-header {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #ddd;
}
.hour-block .hour-block-header h5 {
	margin-bottom: 0;
	color: #009582;
}
.hour-block .hour-block-body h3 {
	margin: 0;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	font-size: 1.1rem;
	border-bottom: 1px solid rgba(0,0,0,0.07);
}
.hour-block .nuevos-bloques .col-md-5 label {
	width: 50px;
	margin-bottom: 0;
}
.hour-block .nuevos-bloques .col-md-5 input {
	width: calc(100% - 50px);
	padding: .5rem;
}


@media only screen and (max-width: 1080px) {
	
	
	.wrap-buttons a.btn {
		width: 32%;
		margin-right: 2%; 
	} 
	.wrap-buttons a.btn:last-child {
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.content {
		padding-left: 0;
		padding-right: 0;
	}
	.wrap-buttons {
		display: block!important;
	}
	.wrap-buttons a.btn {
		width: 100%;
		margin-right: 0; 
		margin-bottom: 1rem;
	} 
	.bg-img {
		margin-bottom: 2rem;
	}
	.wrap-info {
		text-align: center;
	}
	.wrap-info .d-flex {
		justify-content: center;
	}
	.box-filters .form-control,
	.box-filters .form-group {
		margin-bottom: 10px;
	}	
	.box-filters .form-group .row .col-sm-12:last-child .form-control {
		margin-bottom: 0;
	}
	
	
	
	
	
	
}

@media only screen and (max-width: 425px) { 
	
	.fc .fc-toolbar {
		flex-wrap: wrap;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		justify-content: center;
	}
	.fc .fc-toolbar .fc-toolbar-chunk {
		margin-bottom: 1rem;
	}
	.fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) { order: 2; }
	.fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) { 
		width: 100%;
		order: 1; 
	}
	.fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) { order: 3; }
	.fc .fc-toolbar .fc-toolbar-chunk:nth-child(2)  {
		text-align: center;
	}
	.fc-timeGridWeek-view th,
	.fc-timeGridWeek-view td {
		display: block;
	}
	.fc .fc-timeGridWeek-view .fc-scrollgrid-section, 
	.fc .fc-timeGridWeek-view .fc-scrollgrid-section table, 
	.fc .fc-timeGridWeek-view .fc-scrollgrid-section > td {
		height: auto;
	}
	.fc .fc-toolbar .fc-toolbar-chunk .fc-dayGridMonth-button,
	.fc .fc-toolbar .fc-toolbar-chunk .fc-timeGridWeek-button {
		display: none;
	}
	.fc .fc-toolbar .fc-toolbar-chunk .fc-today-button {
		border-radius: .25em 0 0 .25em;
	}
	
}