/* Fonts */
@font-face {
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    src: url('../fonts/ProximaNova-Light.eot') format('embedded-opentype'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg') format('svg');
    font-weight: 300;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Regular.eot') format('embedded-opentype'), 
       url('../fonts/ProximaNova-Regular.woff') format('woff'), 
       url('../fonts/ProximaNova-Regular.ttf') format('truetype'), 
       url('../fonts/ProximaNova-Regular.svg') format('svg');
  font-weight: 400;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*html,
body {LH: Se saca esto porque no permite el click en el calendario en fechas del mes inferiores
	height: 100%;
}*/

body {
	font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-image: none;
	color: #586077;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
	letter-spacing: .05rem;
}

/*a, LH: Se saca esto porque causa efecto de transition en drag and drop lento en calendar*/
button {
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

a,
a:active {
	color: #3bb2df;
}

a:hover,
a:focus {
	color: #006699;
}

b, strong {
    font-weight: 500;
}

/* styles update */

.jumbotron {
    background-color: #f5f7fb;
    border-radius: 3px;
}

.accordion-desc {
    color: inherit !important;
    padding: 30px 20px;
}

.pcoded-main-container {
	background-color: #fff;
}

.main-body .page-wrapper {
	padding: .5rem 1.8rem;
}

/*@media (max-width: 767px) {
    .main-body .page-wrapper {
	    padding: .5rem;
    }
}*/

.label {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .01rem;
    display: inline-block;
    font-size: 11px;
    border-radius: 2px;
}

.label-primary {
    background: #3bb2df;
}

.label-danger {
    background: #ea6237;
}

.label-success {
    background: #91b511;
}

.label-warning {
    background: #fca603;
}

.card .card-header h5 {
	font-weight: 700;
}

.accordion-msg {
    border: none !important;
    font-size: 14px;
}

.ui-accordion > .accordion-msg:first-child {
    border: none;
}


.card .card-header h5:after,
.color-accordion-block a.ui-state-active,
.color-accordion-block a:focus,
.color-accordion-block a:hover {
	background-color: #3bb2df;
}

.accordion-msg i {
	font-size: 11px;
	margin-right: 5px;
}

.card-border {
	border: solid thin #eceef7;
}

/* Table */

.table {
    border: solid thin #dee2e6;
}

.table thead th {
	font-weight: 400;
	background-color: #f8f9fd;
	color: #7e8292;
}

.table > thead > tr > th {
	border-bottom-color: #dee2e6 !important;
}

.table td,
.table th {
    vertical-align: middle;
    padding: .5rem .75rem;
    /*-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

/*.table td:first-child,
.table th:first-child {
	padding-left: 40px;
}

.table td:last-child,
.table th:last-child {
	padding-right: 40px;
}*/

.table .btn-xs {
	padding: 5px;
	font-size: 16px !important;
	text-align: center;
	color: #b0b7ca !important;
}

.table .btn-xs:hover {
	color: #586077 !important;
	background: transparent !important;
}

.table .btn-xs i {
	margin: 0;
}

.table th[ng-click]:hover {
	cursor: pointer;
}

.table tr:hover > td {
	background-color: #fdfdfd;
}

.table .checkbox-fade,
.table .checkbox-zoom {
    height: auto;
    line-height: 1;
    float: left;
}

.table .checkbox-fade label {
	margin-bottom: 0;
	height: auto;
}

.table .input-group {
	margin-bottom: 0;
}

.table .input-group-cost {
    max-width: 115px;
}

.table-slider {
    text-align: center;
    background: #3bb2df;
    color: #fff;
    position: relative;
    padding: .5rem .75rem;
}

.table-slider .prev-button,
.table-slider .next-button {
    padding: 0;
    background: transparent;
    border: none;
    height: auto;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    outline: none !important;
    width: 36px;
    height: 36px;
}

.table-slider .prev-button:hover,
.table-slider .next-button:hover {
    cursor: pointer;
    opacity: .6;
}

.table-slider .prev-button {
    margin-right: 10px;
}

.table-slider .next-button {
    margin-left: 10px;
}

.table-slider .table-slider-title {
    display: inline-block;
    margin: 0;
    letter-spacing: .05px;
    text-transform: uppercase;
}

.table .table-row-active > td {
    background-color: #f7fdff !important;
}

.table-calendar {
    margin-bottom: 0px;
}

.table-calendar td {
    background-color: #fdfdfd !important;
    padding: 1rem .75rem;
}

.table-calendar h5 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.table-calendar .tc-hours {
    display: block;
    margin-top: 5px;
    color: #979aa2;
}

/* Tables IDs */

#tablaCostosProf {
    min-width: 1620px;
}

#tablaCostosProf th {
    text-align: right;
}

#tablaCostosProf th:first-child {
    text-align: left;
}

#tablaCostosProf .input-group-cost {
    float: right;
}

/* Form elements */

.form-control {
	border-color: #cfd4e2;
	color: #586077;
}


.form-control:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: #66ccff;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
	border-color: #cfd4e2;
}


input.form-control {
    height: 36px !important;
}

select.form-control,
select.form-control:focus,
select.form-control:hover {
	border: 1px solid #cfd4e2;
	height: 36px !important;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
	background-color: #fff;
	color: #586077;
}

.checkbox-fade .cr,
.checkbox-zoom .cr {
	margin-right: 8px;
	width: 18px;
	height: 18px;
}

.checkbox-fade label {
    font-size: 14px;
}

.checkbox-fade.fade-in-primary .cr,
.checkbox-fade.zoom-primary .cr,
.checkbox-zoom.fade-in-primary .cr,
.checkbox-zoom.zoom-primary .cr {
    border: 2px solid #cfd4e2;
    border-radius: 2px;
}

.checkbox-fade input[type="checkbox"]:checked + .cr,
.checkbox-zoom input[type="checkbox"]:checked + .cr {
	background: #71cff3;
	border-color: #71cff3;
}

.checkbox-fade .cr .cr-icon,
.checkbox-zoom .cr .cr-icon {
	font-size: .5rem;
}


.radio.radiofill.radio-primary .helper::before {
	border-color: #cfd4e2;
}

.radio.radiofill.radio-primary .helper::after {
	background-color: #66ccff;
	border-color: #66ccff;
}

.icofont-ui-check:before {
	color: #fff;
}

label {
	font-weight: 400;
}

.f-row {
	margin: 0 -30px; 
}

.f-row > .col-xl-6,
.f-row > .col-lg-6,
.f-row > .col-md-6,
.f-row > .col-sm-6,
.f-row > .col-6 {
	padding: 0 30px;
}


.form-container .j-pro {
	background-color: transparent;
	padding: 0;
	border: none;
}

.form-container .j-pro input {
    font: 14px 'Roboto',Helvetica,Arial,sans-serif !important;
    color: #586077 !important;
}

.form-container .j-pro input[type="text"],
.form-container .j-pro input[type="password"],
.form-container .j-pro input[type="email"],
.form-container .j-pro input[type="search"],
.form-container .j-pro input[type="url"],
.form-container .j-pro textarea,
.form-container .j-pro select,
.form-container .j-forms input[type="text"],
.form-container .j-forms input[type="password"],
.form-container .j-forms input[type="email"],
.form-container .j-forms input[type="search"],
.form-container .j-forms input[type="url"],
.form-container .j-forms textarea,
.form-container .j-forms select {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #cfd4e2;
    height: 35px;
}

.form-container .j-pro .j-icon-left,
.form-container .j-pro .j-icon-right {
	top: 0;
	width: 35px;
	height: 35px;
	line-height: 35px !important;
	border-color: #cfd4e2 !important;
	color: #747884;
}

.ui-datepicker {
    z-index: 1000;
}

.modal-open .ui-datepicker {
    z-index: 2000;
}

.ui-datepicker,
.ui-datepicker-header {
	background-color: #003366;
	color: #fff;
	font-family: 'ProximaNova', 'Roboto';
	border: none;
}

.ui-datepicker-header {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	border: none;
}

.ui-datepicker-calendar th span {
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}

.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
	color: #fff;
	font-size: 13px;
	height: 26px;
	line-height: 26px;
	border-radius: 2px;
}

.ui-state-disabled span {
	color: rgba(255,255,255,.5);
}

.ui-datepicker-calendar a:hover,
.ui-datepicker-calendar .ui-state-active {
	background-color: #4db3d9 !important;
    color: #fff !important;
}

.ui-datepicker-today a {
	outline: none !important;
	border: 1px solid #4db3d9;
	color: #4db3d9;
}

.ui-state-default {
    border: solid 1px transparent;
}

.ui-state-hover {
    border: solid 1px #4db3d9;
}

.ui-corner-all.ui-state-hover {
    border: none !important;
}

/*td.ui-datepicker-current-day {
    background-color: #4db3d9 !important;
}*/

.col-form-label {
	line-height: 1.2;
}

.input-group-text {
	font-size: 14px;
	font-weight: 700;
}

/* select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #fff;
    color: #586077;
    border-radius: 2px;
    padding: .375rem 1.5rem .375rem .75rem;
    line-height: 1.6;
    min-height: 35px;
}

.select2-container--default .select2-selection--multiple {
    background: #fff;
    color: #586077;
    border-radius: 2px;
    padding: .3rem .3rem;
    height: auto;
    min-height: 35px;
    border-color: #cfd4e2;
    float: left;
    width: 100%;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #66ccff;
}

.select2-container--default .select2-selection--single {
    border-radius: 2px;
    border-color: #cfd4e2;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 5px 4px 0 4px !important;
    border-color: #586077 transparent transparent transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 5px;
}

.select2-container--default .select2-search__field:focus {
    border: 1px solid #71cff3;
}

.select2-dropdown {
    border-color: #cfd4e2;
    z-index: 1000;
}

.modal-open .select2-dropdown {
    z-index: 2000;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ebeef7;
    color: #586077;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #71cff3;
    color: #fff !important;
}

.select2-container--default .select2-results > .select2-results__options {
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #71cff3;
    background-color: #71cff3;
    padding: 2px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 2px;
    margin: 2px 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice span {
    color: #fff !important;
    margin-right: 6px;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
    margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-search__field:focus {
    border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-results__option {
    min-height: 33px;
}

/* Buttons and Links */

.btn {
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	box-shadow: none !important;
}

.btn.disabled:hover, .btn:disabled:hover {
	cursor: not-allowed;
}

.btn-primary,
.sweet-alert button.confirm,
.wizard > .actions a,
.btn-primary:active,
.btn-primary:focus,
.sweet-alert button.confirm:active,
.wizard > .actions a:active,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.dropdown-primary .dropdown-menu a:hover,
.dropdown-split-primary .dropdown-menu a:hover {
    background-color: #468074 !important;
    border-color: #468074;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    box-shadow: none !important;
}

.btn-primary:hover,
.sweet-alert button.confirm:hover,
.wizard > .actions a:hover,
.btn-primary:focus,
.sweet-alert button.confirm:focus,
.wizard > .actions a:focus {
    background-color: #4d9889 !important;
    border-color: #4d9889;
}



.btn-default,
.btn-default:active,
.dropdown-default .dropdown-menu a:hover,
.dropdown-split-default .dropdown-menu a:hover {
	border-radius: 2px !important;
    background-color: #fff !important;
    border: solid 1px #ccc;
    color: #586077;
    box-shadow: none !important;
    outline: none !important;
}

.btn-default:hover {
    background-color: #f8f9fd !important;
}

.btn-default:focus {
	background-color: #dee2e6 !important;
}

.btn-warning,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:not([disabled]):not(.disabled).active,
.btn-warning:not([disabled]):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    background-color: #fca603 !important;
    border: solid 1px #fca603;
    color: #fff !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #e49500 !important;
    border: solid 1px #e49500;
}

.dropdown-warning .dropdown-menu a:hover,
.dropdown-split-warning .dropdown-menu a:hover {
	background-color: #e49500 !important;
}

.btn-success,
.btn-success:active,
.btn-success:focus,
.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: #91b511 !important;
    border: solid 1px #91b511;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #7b9c03 !important;
    border: solid 1px #7b9c03;
}

.dropdown-success .dropdown-menu a:hover,
.dropdown-split-success .dropdown-menu a:hover {
	background-color: #7b9c03 !important;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:not([disabled]):not(.disabled).active,
.btn-danger:not([disabled]):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: #ea6237 !important;
    border: solid 1px #ea6237;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #c5451d !important;
    border: solid 1px #c5451d;
}

.dropdown-danger .dropdown-menu a:hover,
.dropdown-split-danger .dropdown-menu a:hover {
	background-color: #c5451d !important;
}

.btn-info,
.btn-info:active,
.btn-info:focus,
.btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #3bb2df !important;
    border: solid 1px #3bb2df;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #1085b1 !important;
    border: solid 1px #1085b1;
}

.dropdown-info .dropdown-menu a:hover,
.dropdown-split-info .dropdown-menu a:hover {
	background-color: #1085b1 !important;
}

.btn-square {
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
}

.btn-square i {
	margin: 0;
}

.input-group-append .btn-square {
	height: 35px;
	line-height: 35px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.btn-sm {
	font-size: 10px;
}


.btnVerMas {
	padding: 0;
	outline: none !important;
	box-shadow: none !important;
}

.btn-social i {
	padding: 0;
}

.card .card-block .dropdown-menu {
	transform: none !important;
	top: 100% !important;
	margin: 0 !important;
}


/* Paginación */

.page-link {
	border: solid 1px #ccc !important;
	font-weight: 600;
	letter-spacing: .05rem;
	font-size: 12px;
	line-height: 1.5;
	text-transform: uppercase;
}

.page-item.active .page-link {
    background-color: #3bb2df;
    border-color: #3bb2df !important;
}

.page-link:focus,
.page-link:hover {
    background-color: #f8f9fd;
    color: #3bb2df;
}

/* Menu */

.pcoded .pcoded-navbar {
    box-shadow: none;
}


.pcoded .pcoded-header[header-theme="theme1"] {
	/* background-color: #003366; */
    background-color: #468074;
}


@media only screen and (max-width: 992px) {
	.header-navbar {
	    position: relative !important;
	}

	.pcoded .pcoded-navbar .pcoded-item > li > a {
	    padding: 5px 15px !important;
	}
}



.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li > a {
    color: #fff !important;
}

.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style1"] > a:after {
	display: none;
}

.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a {
	border-bottom: 0;
}

.pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
    line-height: 35px;
    border-bottom: solid 3px transparent;
    font-weight: 400;
    font-size: 14px;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a {
    background: transparent;
    color: #71cff3 !important;
    border-color: #71cff3;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a,
.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a {
    background: #4d9889;
    color: #fff !important;
    border-color: #4d9889;
}

.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu {
    background: #4d9889;
    border: none !important;
    box-shadow: none !important;
}

.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a {
	color: #fff;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li.active > a,
.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li:hover > a {
    color: #006699 !important;
    background-color: #76b9ab;
    box-shadow: none;
    border: none;
}

.pcoded-header {
	position: relative;
}

.header-navbar .navbar-wrapper .navbar-container .nav-left a {
	padding: 0 15px;
}

.pcoded .pcoded-navbar .pcoded-item > li > a {
	padding: 9px 15px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-left > li {
	padding: 0;
}

.header-navbar .navbar-wrapper .navbar-container .nav-left > li > a,
.header-navbar .navbar-wrapper .navbar-container .nav-right > li > a {
	font-size: 13px;
	line-height: 56px;
}

.header-notification > a {
	font-size: 16px !important;
}

.user-profile > a {
	font-size: 14px !important;
	font-weight: 400;
}


.header-navbar .navbar-wrapper .navbar-logo {
	width: auto;
	margin-right: 10px;
	padding: 10px 20px
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li {
	padding: 0 4px;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
	padding: 0 15px;
    font-weight: 400;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a {
	font-size: 14px;
}

#link_usuario .xs-hide {
	display: inline-block;
}

#link_usuario .xs-show {
	display: none;
}

#link_usuario .xs-show i {
	font-size: 16px !important;
	margin: 0 !important;
}


@media (min-width: 768px) {
	#mainMenu {
		position: initial;
	    display: inline-block;
	    width: auto;
	    background: transparent;
	}
}

@media (max-width: 1199px) {
	#link_soporte,
	#link_contacto {
		display: none;
	}
}

@media (max-width: 992px) {

	.header-navbar .navbar-wrapper .navbar-container .nav-right {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 10px;
		z-index: 9999;
	}

	#link_usuario .xs-hide {
		display: none;
	}

	#link_usuario .xs-show {
		display: inline-block;
	}

	.pcoded-main-container {
		margin-top: 48px !important;
	}
}

@media (max-width: 991px) {
	.header-navbar .navbar-wrapper .navbar-logo .mobile-search {
		position: absolute;
		left: 15px;
	}
	.header-navbar .navbar-wrapper .header-search .main-search .input-group .form-control {
		padding: 0;
	}

	#link_notify {
		display: none;
	}

	.header-navbar .navbar-wrapper .navbar-logo .mobile-search {
		display: inline-block !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
    #mainMenu {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: #468074;
        padding: 0;
        height: auto;
    }
	#mainMenu ul.pcoded-item {
		width: 100%;
		height: auto;
		display: table;
		border-top: solid thin #2299c3;
	}

	#mainMenu ul.pcoded-item > li {
		display: table-cell;
		float: none;
	}

    .header-navbar .navbar-wrapper .navbar-logo {
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

}

@media (max-width: 768px) {
	
}

@media (max-width: 767px) {
    #mainMenu {
        top: 100%;
        left: 0;
        background-color: #468074;
        padding: 0;
    }

    .header-navbar .navbar-wrapper .navbar-logo a img {
        margin-top: 5px;
    }

    .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a {
        border-bottom: solid 2px #71cff3 !important;
    }

	#link_usuario img {
		display: none;
	}

	.header-navbar .navbar-wrapper .navbar-logo .mobile-search {
		display: none !important;
	}

	.pcoded-main-container {
		margin-top: 0px !important;
	}

}

/* Alerts */

.alert {
	border: solid thin #ccc;
	background: #f8f9fd;
    display: block;
    font-size: 14px;
}

.alert p {
	margin-bottom: 0;
}

.alert i {
	margin-right: 4px;
}

/*.alert strong {
	font-weight: 600;
}*/

.alert {
	padding-right: 15px;
	padding-left: 15px;
}

.alert.icons-alert {
    border-left-width: 1px;
    padding-left: 32px;
    
}

h6.alert-title {
    text-transform: uppercase;
    letter-spacing: .5px;
}

.alert-text,
.alert-list {
    color: #656977;
    font-size: 14px;
}

.alert-list {
    padding-left: 15px;
}

.alert-list li {
    list-style: initial;
}

.icons-alert:before {
	left: 10px;
	top: 50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert-default {
    color: #586077 !important;
}

.alert-primary {
	border-color: #4db3d9;
	background-color: #fbfeff;
}

.alert-primary,
.alert-primary.icons-alert:before,
.alert-primary button.close {
	color: #4db3d9 !important;
}

.alert button.close {
	margin-top: 3px;
}



.alert-danger {
	border-color: #dd7250;
	background-color: #fff0eb;
}

.alert-danger,
.alert-danger.icons-alert:before,
.alert-danger button.close {
	color: #dd7250 !important;
}

.alert-warning {
	border-color: #e8ab38;
	background-color: #fff6e6;
}

.alert-warning,
.alert-warning.icons-alert:before,
.alert-warning button.close {
	color: #d69824  !important;
}

.alert-success {
	border-color: #91b511;
	background-color: #f4f7e8;
}

.alert-success,
.alert-success.icons-alert:before,
.alert-success button.close {
	color: #83a213 !important;
}


/* new styles */

#mainLogin {
	background-color: #fff; 
}

#mainLogin,
#mainLogin > .col-left,
#mainLogin > .col-right {
	width: 100%;
	height: 100vh;
	float: left;
	position: relative;
}

#mainLogin > .col-right {
	max-width: 460px;
	position: absolute;
	right: 0;
	top: 0;
}

#mainLogin > .col-left {
	padding-right: 460px;
}

#mainLogin .card {
	background: #fff;
	border-radius: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#mainLogin form {
	width: 100%;
	padding: 50px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#mainLogin form a {
	font-size: 13px;
}

#sliderLogin,
#sliderLogin div {
	height: 100vh;
	position: relative;
}

#sliderLogin .overlay {
	width: 100%;
	height: 100%;
	background-color: #001e3b;
	opacity: .5;
	position: absolute;
}

#sliderLogin .caption {
	position: absolute;
	max-width: 700px;
	color: #fff;
	left: 100px;
	top: 50%;
	border-left: solid 4px #3bb2df;
	height: auto;
	padding-left: 30px;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#sliderLogin .caption h1 {
	font-weight: 300;
	text-transform: none;
	font-size: 3.5rem;
	letter-spacing: 0;
	margin-bottom: 10px;
	line-height: 1;
}

#sliderLogin .caption p {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 300;
	color: #c7cbd7;
	line-height: 1.4rem;
}

#sliderLogin .caption img {
	margin-bottom: 10px;
}

.title-deco {
	overflow-x: hidden;
	width: 100%;
	position: relative;
}

.title-deco h4 {
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.title-deco h4:before {
	content: '';
	width: 800px;
	height: 3px;
	margin-top: -1.5px;
	margin-right: 10px;
	right: 100%;
	top: 50%;
	background: #e8eaef;
	position: absolute;
}

.title-deco h4:after {
	content: '';
	width: 800px;
	height: 3px;
	margin-top: -1.5px;
	margin-left: 10px;
	left: 100%;
	top: 50%;
	background: #e8eaef;
	position: absolute;
}

@media (max-width: 1380px) {
	#sliderLogin .caption {
		max-width: none;
		padding-right: 100px;
	}
}

@media (max-width: 991px) {
	#mainLogin > .col-left {
		width: 100%;
		padding: 0;
		height: 400px;
	}
	#mainLogin > .col-right {
		max-width: none;
		position: relative;
		height: auto;
	}

	#mainLogin form {
		position: initial;
		transform: none;
	}

	#mainLogin .card {
		box-shadow: none;
	}

	#sliderLogin,
	#sliderLogin div {
		height: 100%;
	}

	#sliderLogin .caption {
		left: 50px;
		padding-right: 50px;
		padding-left: 0;
		border: none;
	}

	#sliderLogin .caption h1 {
		font-size: 2.8rem;
	}
}

@media (max-width: 400px) {
	.checkbox-fade {
		display: table;
		margin-left: auto;
		margin-right: auto;
        float: left;
	}
	a.pull-right {
		float: none;
		display: table;
		margin-left: auto;
		margin-right: auto; 
	}
}

.page-icon,
.page-title {
	display: inline-block;
	float: left;
}

.page-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 1px #fff;
	line-height: 50px;
	text-align: center;
	font-size: 22px; 
	margin-right: 10px;
}

.page-title h5 {
	margin: 12px 0 5px;
    font-size: 24px;
    font-weight: 400;
}

.pcoded[fream-type="theme1"] .main-menu .main-menu-header:before, .pcoded[fream-type="theme1"] .page-header:before {
    background: #76b9abe8;
}

.page-header .page-block {
    padding: 10px;
}

.page-header .page-block .breadcrumb{display:none}

@media (max-width: 768px) {
    .page-header .page-block {
		padding: 20px 40px;
		-webkit-transition: all ease-in 0.3s;
    	transition: all ease-in 0.3s;
	}

	.page-header .page-block .breadcrumb {
		display: none;
	}
}

@media (max-width: 480px) {
	.page-header .page-block {
		padding: 30px 20px;
	}
}

.form-footer {
	border-top: solid thin #e9edf1;
	padding-top: 15px;
    display: inline-block;
    width: 100%;
}

.form-footer .dropdown-menu {
	transform: none !important;
	left: initial !important;
	right: 0 !important;
	top: 100% !important;
}

@media (max-width: 420px) {
	.form-footer .btn,
	.form-footer .pull-right,
	.form-footer .dropdown {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.form-footer .btn {
		margin-bottom: 10px;
	}
}

.list-default {
	padding-left: 30px;
}

.list-default > li {
	list-style: initial;
	font-size: 14px;
}

.list-default > li.success {
	color: #91b511;
}

.list-default > li.danger {
	color: #dd7250;
}

.list-default > li span {
	display: inline-block;
	position: relative;
}

.list-default > li.success span:after {
	content: '\e64c';
	font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 10px;
	margin-left: 3px;
}

.list-default > li.danger span:after {
	content: '\e646';
	font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 10px;
	margin-left: 3px;
	font-size: 12px;
    top: 3px;
}

/* Full Calendar */

.fc th {
    background: #468074;
    color: #fff;
    border-color: #468074;
}

.fc button {
	box-shadow: none !important;
	outline: none !important;
}

.fc-state-active {
	background: #71cff3;
}

#external-events .fc-event {
	border-color: #4db3d9;
    background-color: #f7fdff;
    color: #586077;
}

tr:first-child > td > .fc-day-grid-event {
	color: #586077;
	background-color: #eff6f9;
    margin-left:2px !important;
}

.fc-center h2 {
	font-weight: 700;
	text-transform: none;
}

.fc-event {
	border-color: #4db3d9;
    background-color: #4db3d9;
}

.fc-title {
    font-size: 12px;
    color:#fff;
}

/* JP: hora en los eventos */
.fc-day-grid-event .fc-time {
    font-weight: bold;
    color:#fff;
}

@media (max-width: 767px) {
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-right,
    .fc-toolbar .fc-center {
        float: left;
        width: 100%;
    }
}

.calendarResumen .fc-header-toolbar {
    display: none;
}

.calendarResumen .fc-scroller {
    max-height: 200px !important;
}

.calendar_event {
    display: block;
    border-radius: 3px;
    border: solid thin #4db3d9;
    margin: 5px;
    line-height: 1;
    background-color: #fbfeff;
}

.calendar_event .event_head {
    background-color: #4db3d9;
    padding: 10px;
    border-radius: 3px 3px 0 0;
}

.calendar_event .event_head h6 {
    color: #fff;
    letter-spacing: .5px;
    
}

.calendar_event .event_content {
    padding: 15px 10px;
}

.calendar_event .event_asunto {
    font-size: 13px;
    color: #fff;
    opacity: .8;
}

.calendar_event .event_time strong {
    margin-bottom: 5px;
}

.calendar_event .event_time {
    font-size: 13px;
    opacity: .9;
}

.calendar_event .event_desc {
    font-size: 13px;
    opacity: .9;
    margin-bottom: 10px;
}

.calendar_event .event_desc strong {
    margin-bottom: 5px;
}

.calendar_event span,
.calendar_event strong {
    display: block;
}

.calendar_event strong {
    font-weight: 600;
}

/* Modals */

.button-page .modal .btn {
	margin-bottom: 0;
}

.modal-title {
	text-transform: none !important;
}

.modal-title i {
	border-radius: 50%;
    border: solid 2px;
    width: 28px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    margin: 0;
    font-size: 16px;
    padding-left: 2px;
    display: inline-block;
}

.modal .button-center {
	display: inline-block;
	margin: auto;
}

.modal-footer.button-group>:not(:last-child),
.modal-footer.button-group>:not(:first-child) {
    margin: 0;
}

.modal .md-tabs {
	display: flex !important;
	margin-bottom: 0 !important;
}

.modal .md-tabs > li {
	margin-right: 0 !important;
}

/* /// sweetalert /// */
.sweet-alert h1,
.sweet-alert h2,
.sweet-alert h3,
.sweet-alert h4,
.sweet-alert h5,
.sweet-alert h6,
.sweet-alert p,
.sweet-alert button,
.sweet-alert input {
	font-family: 'ProximaNova';

}

.sweet-alert button {
	border-radius: 2px !important;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .05rem;
	text-transform: uppercase;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.sweet-alert button.confirm {
	background: #006699 !important;
}

.sweet-alert button.confirm:hover {
	background-color: #003366 !important;
}

.sweet-alert button.cancel {
    background-color: #fff;
    border: solid 1px #ccc;
    color: #586077;
}
.sweet-alert button.cancel:hover {
    background-color: #f8f9fd;
}

.sweet-alert .sa-input-error {
	top: 22px;
}


/* Tabs */

.md-tabs .nav-item a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .05rem;
}

.md-tabs .nav-item.open .nav-link,
.md-tabs .nav-item.open .nav-link:focus,
.md-tabs .nav-item.open .nav-link:hover,
.md-tabs .nav-link.active,
.md-tabs .nav-link.active:focus,
.md-tabs .nav-link.active:hover {
	color: #3bb2df;
}

.nav-tabs .slide {
	background: #3bb2df;
}


.inline-filter {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.list-resultados {
    margin: 1.25rem 0;
}

.list-resultados > li:first-child .inline-filter {
    border-top: 1px solid rgba(0,0,0,.1);
}

.inline-filter ul {
    display: inline-block;
    float: left;
}

.inline-filter li.form-group {
    padding-right: 20px;
    border-right: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    margin-right: 20px;
}

@media (max-width: 1199px) {
    .inline-filter ul,
    .inline-filter li.form-group {
        display: block;
        float: none;
        width: 100%;
    }

    .inline-filter li.form-group {
        border-right: none;
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
    }

    .inline-filter li.form-group:last-child {
        border: none;
        padding: 0;
    }

}

.inline-filter .form-group h6 {
    font-size: 15px;
    margin-bottom: 3px;
}

span.timetxt {
    font-size: 15px;
    font-weight: 500;
    color: #4cb2d8;
}

.customTxtAreaContent textarea {
    resize: none;
    border-radius: 0 0 2px 2px;
}

.customTxtAreaContent .txtAreaHead {
    border: solid thin #cfd4e2;
    border-bottom: none;
    background-color: #edeff5;
    border-radius: 2px 2px 0 0;
    padding: 5px 10px;
    width: 100%;
    float: left;
}

.customTxtAreaContent .txtAreaHead span {
    font-size: 12px;
    font-weight: 600;
    float: left;
}

.customTxtAreaContent .txtAreaHead a {
    font-size: 12px;
    font-weight: 600;
    float: right;
}

.inputHorarios {
    margin-bottom: 0;
}

.inputHorarios strong {
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 3;
    color: #abadb5;
}

.button-group-list > li {
    border: none;
    cursor: pointer;
    color: #fff;
    background-color: #468074;
    padding: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0rem;
    display: inline-block;
}

.button-group-list > li.active {
    background-color: #13576f;
}

/* Mobile */

@media (max-width: 767px) {
    .mobile-w100 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .mobile-mt {
        margin-top: 15px;
    }
}

/* Timesetter */


.divTimeSetterContainer {
border-radius: 2px;
border: 1px solid #cfd4e2;
float: left;
width: 100%;
}

.divTimeSetterContainer .timeValueBorder {
width: 100%;
float: left;
}

.divTimeSetterContainer .timePart.hours,
.divTimeSetterContainer .timePart.minutes {
    display: inline-block;
    float: left;
    width: 100%;
    border: none;
    background-color: transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    height: 35px;
    color: #586077;
    font-size: 14px;
}

.divTimeSetterContainer .timePart.hours {
    padding-right: .25rem;
}

.divTimeSetterContainer .timePart.minutes {
    padding-left: .25rem;
}

.divTimeSetterContainer .hourContainer,
.divTimeSetterContainer .minuteContainer {
    width: 100%;
    max-width: 40px;
    float: left;
    position: relative;

}

.divTimeSetterContainer .timeSeparator {
    position: absolute;
    right: 2px;
    top: 6px;
}

.divTimeSetterContainer .button-time-control {
    float: right;
    width: 34px;
    text-align: center;
}


.divTimeSetterContainer .updownButton {
background: transparent;
padding: 1px 0;
line-height: 1;
-webkit-appearance: none !important;
}


/*Home / Dashboard*/

.fullContainer_gray {
    background-color: #f4f8fb;
    margin: -18px -40px 0 -40px;
    min-height: 1000px;
    padding: 20px 40px;
}

.fullContainer_gray h5 {
    font-size: 1rem;
}

.card-header.color-primary {
    color: #fff;
    background-color: #006699;
}

.card-header.color-warning {
    color: #fff;
    background-color: #fca603;
}

.card-header.color-danger {
    color: #fff;
    background-color: #ea6237;
}

@media (min-width: 1200px) {
    .buttonRightDesktop {
        float: right;
        margin-top: 0 !important;
    }
}

.tooltipevent {
min-width:200px;
min-height:100px;
background:#006699;
position:absolute;
border-radius: 3px;
z-index:10001;
color: #fff;
line-height: 1;
font-size: 12px;
}

.tooltipevent:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #004365;
    top: 15px;
    left: -4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.tooltipevent .ttHeader {
    background: #004365;
    padding: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tooltipevent .ttHeader h6 {
    font-size: 13px;
    margin-bottom: 4px;
}

.tooltipevent .ttBody {
    padding: 10px;
    min-height: 80px;
}

.tooltipevent .ttRow {
    margin: 5px 0;
}

.tooltipevent .ttRow span {
    display: inline-block;
}

.tooltipevent .ttDesc {
    border-bottom: solid 1px rgba(255,255,255,.2);
    padding-bottom: 10px;
    margin: 0 0 10px;
}

.tooltipevent .ttDesc strong {
    display: block;
    margin-bottom: 3px;
}


/*  ---  Estilos image uploader de perfil */

.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
    cursor: pointer;
}

    .inputfile:focus + label,
    .inputfile + label:hover {
        background-color: red;
    }


.header-navbar .navbar-wrapper .navbar-container .header-notification.active:before {
    box-shadow: none;
}

.breadcrumb-item,
.breadcrumb-item > a {
    font-size: 13px !important;
}

.breadcrumb-item:last-child {
    opacity: .7;
}


.header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
    width: 30px;
    height: 30px;
}

.form-row-wrapper {
    margin: 0 -30px;
}

.form-row-wrapper > div {
    padding: 0 30px;
}

.card .card-header {
    box-shadow: none;
    border-bottom: solid thin #eceef7;
    padding: 15px 20px;
}

.card .card-block {
    padding: 20px;
}

.fc-workWeekWithoutHours-view .fc-event-container a,
.fc-basicWeek-view .fc-event-container a,
.fc-agendaWeek-view .fc-time-grid .fc-event {
    min-height: 30px;
}

.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-title {
    display: block;
    font-size: 12px;
}
/*  -- JP: usado en grillas con filas de agrupadores y totales */
.rowGreyBackground,
.rowGreyBackground > td {
    background-color: #f0f1f5 !important;
    font-weight: 500;
}

.hiddenRow{
    display:none;
}

/*  -- FIN JP: usado en grillas con filas de agrupadores y totales */

.fa-caret-left, .fa-caret-right {
    width: 100% !important;
    height: 100% !important;
}

.viewDisable {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: #e9ecef;
}

.viewDisable:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: #e9ecef;
}

.ui-datepicker-trigger {
    width:35px;
    background-color: white;
    border: 1px solid #cfd4e2;
    border-color: #cfd4e2 !important;
    color: #aab0c1 !important;
}

.ui-datepicker-trigger:disabled {
    width: 35px;
    background-color: #eff3f7;
    border: 1px solid #cfd4e2;
    border-color: #cfd4e2 !important;
    color: #aab0c1 !important;
}

.datepicker-width {
    flex-wrap: nowrap;
    margin-left: 1px;
    width:100%;
}

.datepicker-border {
    border-right: 1px !important;
}