/* ----------------------------------------------------------------------------- */
/* ----------------------- Base Styles : BREAKPOINTS --------------------------- */
/* ----------------------------------------------------------------------------- */
@media (min-width: 320px) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
	.col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; }
}
@media (min-width: 480px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
	.col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; }
}
@media (min-width: 768px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
	.col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; }
}
@media (min-width: 1024px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
	.col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; }
}
@media (min-width: 1280px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
	.col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0; }
}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
{ padding-left: 5px; padding-right: 5px; }
.row { margin-right: -5px; margin-left: -5px; }
/* ----------------------------------------------------------------------------- */
/* -------------------------- Base Styles : CORE ------------------------------- */
/* ----------------------------------------------------------------------------- */
body { position: relative; font-family: "Roboto", sans-serif, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #666; line-height: 1.471; background: #222a2d; }
body .right_col { background: #F7F7F7; }
h1, .h1, h2, .h2, h3, .h3 { font-weight: 400; margin-top: 4px; margin-bottom: 8px; }
h2 { font-size: 18px; font-weight: 400; }
a { color: #5389b7; text-decoration: none; }
a:focus, a:hover{ color: #141c1f; }
a, a:visited, a:focus, a:active, :visited, :focus, :active,
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; }
a:hover, a:focus { text-decoration: none }
img{ width: 100% }
ul{ padding: 0; margin: 0; list-style: none; }
textarea{ resize: vertical; }
p{ margin: 0; }
label{ font-weight: 300; }
.no-border{ border: 0!important; }
.trunc{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.loading{ text-align: center; }
.img-circle{ border-radius: 50%; }
.color-circle{ width: 15px; height: 15px; padding: 0; display: inline-block; vertical-align: middle; }
.text-small{ font-size: 12px; }
.show, .block{ display: block; }
.hide{ display: none; }
.inline-block{ display: inline-block !important; }
.cursor{ cursor: pointer; }
ul.list{}
ul.list li{margin: 10px 0;}
.bg-alert{ padding: 15px; }
.button-info-icon{ display: block; width: 22px; height: 22px; font-size: 16px; text-align: center; border-radius: 50%; }
.button-info-icon i{ font-size: 18px; color: #fff; vertical-align: middle; height: 100%; }
.button-info-icon-home{ position: absolute; top: -12px; right: -9px; }

@media (max-width: 480px) {
	.btn-calendar{ display: block; float: none !important; margin-bottom: 10px; }
}

/*  Base Styles: input type number
/* ------------------------------------ */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
/*  Base Styles: form required
/* ------------------------------------ */
.required.input-group,
.required.select2{ border: 1px solid #E74C3C !important; }
.required .fa{ color: #E74C3C !important; }
.required.form-group input{ border: 1px solid #E74C3C !important; }

/*  Base Styles: colors
/* ------------------------------------ */
.primary{ color: #666; }
.default{ color: #DDD; }
.blue   { color: #48b1c4; }
.green  { color: #B3D58B; }
.red    { color: #E74C3C; }
.red-light{ color: #EDA29A; }
.dark   { color: #34495E; }
.purple { color: #9B59B6; }
.yellow { color: #ffcf15; }
/* Oro plata bronce */
.gold{ color: #FFD700; }
.silver{ color: #c0c0c0; }
.bronze{ color: #cd7f32; }

.border-default{ border-color: #DDD !important; }
.border-blue   { border-color: #48b1c4 !important; }
.border-green  { border-color: #B3D58B !important; }
.border-red    { border-color: #E74C3C !important; }
.border-dark   { border-color: #34495E !important; }
.border-purple { border-color: #9B59B6 !important; }

.bg-default  { background: #DDD !important; color: #FFF; }
.bg-blue     { background: #48b1c4 !important; color: #FFF; }
.bg-green    { background: #B3D58B !important; color: #FFF; }
.bg-red      { background: #E74C3C !important; color: #FFF; }
.bg-red-light{ background: #EDA29A !important; color: #FFF; }
.bg-purple   { background: #9B59B6 !important; color: #FFF; }
.bg-orange   { background: #F39C12 !important; color: #FFF; }
.bg-blue-sky { background: #50C1CF !important; color: #FFF; }

/*  Base Styles: font-size font-weight
/* ------------------------------------ */
.bold{ font-weight: bold; }
.font-normal{ font-weight: normal; }
.font-16{ font-size: 16px; }
.font-18{ font-size: 18px; }
.font-20{ font-size: 20px; }
.font-25{ font-size: 25px; }

/*  Base Styles: padding and margin
/* ------------------------------------ */
.no-padding { padding: 0 !important; }
.no-margin{ margin: 0!important; }
.padding-5{ padding: 5px; }
.padding-10{ padding: 10px; }
.margin-b-5{ margin-bottom: 5px; }
.margin-b-10{ margin-bottom: 10px; }
.margin-t-5{ margin-top: 5px; }
.margin-t-10{ margin-top: 10px; }
.margin-t-15{ margin-top: 15px; }
.margin-l-10{ margin-left: 10px; }

/*  Base Styles: importants
/* ------------------------------------ */
.container { width: 100%; padding: 0 }
.main_container {}

/*  Base Styles: Bootstrap
/* ------------------------------------ */
.row > .row{ margin: 0; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover,
.nav > li > a:focus { text-decoration: none; background: transparent; }

.navbar{ margin-bottom: 0 }
.nav.navbar-nav > li > a { color: #515356 !important; }
.navbar-header { background: #34495E; }
.navbar-right { margin-right: 0; }
.navbar-nav > li > a,
.navbar-brand,
.navbar-nav > li > a { color: #fff !important; }
.navbar-brand,
.navbar-nav > li > a { margin-bottom: 5px }
.navbar-brand,
.navbar-nav > li > a { margin-left: 0 !important; margin-bottom: 0 !important; line-height: 38px; color: #ECF0F1 !important; }
.dropdown-menu{ border-radius: 0; box-shadow: 0 0; }
.navbar-nav .open .dropdown-menu { position: absolute; width: 300px; margin-top: 0; padding: 10px 5px 10px 5px; background: #fff; border: 1px solid #D9DEE4; right: 0; left: auto; -webkit-box-shadow: none; box-shadow: none; }
.label{ padding: .3em .6em; }

.form-control { width: 100%; border-radius: 0; box-shadow: 0 0; }
.form-control:focus{ box-shadow: 0 0; /*border-color: #CCC;*/ }
.form-group,
.input-group{ margin-bottom: 5px; }
.input-group.input-group-border{ border: 1px solid #CCC; }
.input-group .input-group-addon{ background: #FFF; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .input-group-addon{ background: #FFF; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .form-control.pull-left{ padding-left: 0; border-left: 0; }
.input-group .form-control.pull-right{ padding-right: 0; border-right: 0; }

.table > thead > tr > th{ border-bottom: 1px solid #ddd; }
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th{ padding: 12px 8px; vertical-align: middle; }
.table.padding-t-0 > thead > tr > th{ padding-top: 0; }

/*  Base Styles: Bootstrap typeahead
/* ------------------------------------ */
.typeahead.dropdown-menu{ width: 100%; }

/*  Base Styles: Bootstrap alerts NOTIFY
/* ------------------------------------ */
.alert{ padding-left: 15px; padding-right: 15px; margin-bottom: 0; border-radius: 0; -webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2); }

/*  Base Styles: Bootstrap colors and buttons
/* ------------------------------------ */
.btn{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btn-empty{ padding: 0; background: transparent; border: 0; }
.btn-flat{ border-radius: 0; }
.btn-primary{ background: #48b1c4; border: 1px solid transparent !important; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{ background: #43a4b5!important; }
/*.btn-default{
	background: #
}
.btn-success{
	background: #
}
.btn-info{
	background: #
}
.btn-warning{
	background: #
}
.btn-danger{
	background: #
}
.btn-dark{
	background: #
}*/
/*  Base Styles: Bootstrap tabs
/* ------------------------------------ */
.nav-tabs > li{ margin-bottom: 5px; }
.nav-tabs > li > a{ border-radius: 0;  }
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{ background-color: #ededed; border: 1px solid #ddd!important; }

/*  Base Styles: Bootstrap Modal
/* ------------------------------------ */
.modal-dialog{ margin-top: 30px; }
.modal-xl{ width: 90%; }
.modal-header{ background: #f5f5f5; }
.modal-content{ -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2); }

@media (max-width: 1024px) {
	.modal-xl{ width: 100%; margin: 15px 0 0; padding: 0 10px; }
}
/*  Base Styles: Bootstrap DateRangePicker
/* ------------------------------------ */
.daterangepicker.opensleft::before,
.daterangepicker.opensleft::after{ display: none; }
.daterangepicker .input-mini,
.daterangepicker .calendar.left .calendar-table,
.daterangepicker .calendar.right .calendar-table{ border-radius: 0; }
.daterangepicker .ranges li{ padding: 5px 12px; color: #536A7F; border-radius: 3px }
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover { background: #48b1c4; color: #FFF; }
.daterangepicker .calendar th,
.daterangepicker .calendar td{ border-radius: 0!important; }
.daterangepicker td.active,
.daterangepicker td.active:hover { background: #48b1c4; color: #FFF; }

/*  Base Styles: jquery flot
/* ------------------------------------ */
/*.legendColorBox{ padding-right: 5px; padding-bottom: 3px; }
.legendLabel{ padding-bottom: 3px; }
.flot_chart_tooltip{
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.5)!important;
	font-size: 14px!important;
	color: #FFF!important;
	border: 0 !important;
	-webkit-border-radius: 2px!important;
	border-radius: 2px!important;
}*/
/*  Base Styles: Select2
/* ------------------------------------ */
.select2{ width: 100%!important; }
.select2-container{ vertical-align: inherit; }
.select2-container .select2-selection--single{ min-height: 34px; height: auto; padding: 3px; background: #E5E5E5; border: 0px none; font-weight: 400; border-radius: 0; }
.select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 15px; padding-right: 25px; }
.select2-container .select2-selection--single .select2-selection__arrow{ width: 25px; height: 32px; }
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple{ border: 1px solid #CCC; border-radius: 0 }
.select2-dropdown{ border: 0px none; border-radius: 0; }
.select2-results__options{ background: #DDD; }
.select2-results__options li{ padding: 7px 10px 7px 18px; font-weight: 400; color: #717171; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #666; }
.select2-search--dropdown{ background: #DDD; }
select.select2-block + .select2{ width: 100%!important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ border-radius: 0; }

/*  Base Styles: tablesorter
/* ------------------------------------ */
.tablesorter .tablesorter-header{ position: relative; cursor: pointer; }
.tablesorter .tablesorter-header .tablesorter-header-inner{ display: inline-block; }
.tablesorter .tablesorter-header:after{ font-family: FontAwesome; color: #CCC; content: "\f0dc"; padding-left: 10px; }
.tablesorter .tablesorter-header.sorter-false:after{ content: ""; }
.tablesorter .tablesorter-header.tablesorter-headerAsc:after{  content: "\f0dd"; }
.tablesorter .tablesorter-header.tablesorter-headerDesc:after{ content: "\f0de"; }

/*  Base Styles: table.table-collapse
/* ------------------------------------ */
table.table-collapse > thead > tr,
table.table-collapse > tbody > tr{ cursor: pointer; }
table.table-collapse tr.tablesorter-childRow{ display: none; background: #F7F7F7; cursor: auto; }
table.table-collapse tr.tablesorter-childRow:hover,
table.table-collapse tr.tablesorter-childRow .table,
table.table-collapse tr.tablesorter-childRow .table tbody{ background: #F7F7F7; }

table.table-collapse tr.collapse-open,
table.table-collapse tr.collapse-open:hover{ background: #E5E5E5; }
table.table-collapse tr.tablesorter-childRow{ -webkit-box-shadow:inset 0px 0px 0px 6px #E5E5E5; box-shadow:inset 0px 0px 0px 6px #E5E5E5; }
table.table-collapse tr.tablesorter-childRow > td{ border: 0!important; }
/*table.table-collapse tr.tablesorter-childRow {
	position: relative;
}
table.table-collapse tr.tablesorter-childRow:after {
	top: -4px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFFFFF;
	border-width: 20px;
	margin-left: -20px;
	transform: translate(-50%,0);
}*/

/* ----------------------------------------------------------------------------- */
/* ---------------------------- BODY-collapse ---------------------------------- */
/* ----------------------------------------------------------------------------- */
/* El menu lateral vive dentro de un mCustomScrollbar, que le pone
   overflow:hidden y lo desplaza por dentro. Su alto era height:100%, y como
   .mod-customscrollbar es position:absolute y el ancestro posicionado mas
   cercano es el <body> (position:relative), ese 100% se resolvia contra el
   ALTO DEL BODY, es decir contra el alto del contenido de la pagina.

   En una pagina corta -Pagos sin resultados, por ejemplo- el body mide menos
   que el propio menu y las ultimas entradas (Configuracion y Manual) quedaban
   fuera del area visible. Y como el scroll va con autoHideScrollbar, no habia
   ni barra que indicara que quedaba menu por debajo: simplemente desaparecian.

   Con min-height:100vh el menu nunca mide menos que la ventana. Si el menu
   creciera mas que la pantalla, el scroll interno sigue funcionando igual. */
.mod-left_col{ max-height: 100%; height: 100%; min-height: 100vh; }
.mod-left_col .mod-customscrollbar{ position: absolute; height: 100%; min-height: 100vh; background: #222a2d; }
.mod-left_col .mod-customscrollbar .mCSB_inside > .mCSB_container{ margin-right: 0; }
body.nav-sm .mod-left_col { position: absolute; width: 70px; padding: 0; z-index: 200; }
body.nav-sm .right_col { padding: 10px 20px; margin-left: 70px; z-index: 2; }

body.nav-sm .nav_logo { width: 70px; }
body.nav-sm .nav_logo .nav_logo-desktop{ display: none; }
body.nav-sm .nav_logo .nav_logo-responsive{ display: block; }

body.nav-sm .mod-top_nav { display: block; margin-left: 70px; z-index: 2; }
body.nav-sm .side-menu li a { padding: 10px 5px; text-align: center !important; font-weight: 400; font-size: 10px; }
body.nav-sm .side-menu li.active-sm { border-right: 5px solid #B3D58B; }
body.nav-sm > .side-menu > li.active-sm > a { color: #B3D58B !important; }
body.nav-sm .side-menu li a i.toggle-up { display: none !important; }
body.nav-sm .side-menu li a i { width: 100% !important; margin-bottom: 5px; font-size: 25px !important; text-align: center; }

body.nav-sm .menu_section { margin: 0; }
body.nav-sm .side-menu span.fa,
body.nav-sm .menu_section h3 { display: none !important; }

body.nav-sm ul.child-menu { display: none; position: absolute; top: 0; left: 100%; padding: 10px; width: 210px; background: #3E5367; z-index: 4000; }
body.nav-sm ul.child-menu li { padding-left: 0; }
body.nav-sm ul.child-menu li a { text-align: left !important; }

body.nav-md .mod-left_col { width: 230px; padding: 0; }
body.nav-md .mod-left_col .nav_logo .nav_logo-desktop{ display: block; }
body.nav-md .right_col { margin-left: 230px; padding: 10px 15px 0; }
body.nav-md ul.child-menu li:before { position: absolute; left: 23px; right: auto; bottom: auto; width: 8px; height: 8px; margin-top: 15px; content: ""; background: #425668; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
body.nav-md ul.child-menu li:after { position: absolute; top: 0; bottom: 0; left: 27px; content: ""; border-left: 1px solid #425668; }
@media (max-width: 1023px) {
	body.nav-md .right_col,
	body.nav-md .mod-top_nav { width: 100%; margin: 0; }
	body.nav-md .mod-left_col { display: none; }
	body.nav-md .right_col { width: 100%; }
}
/* ----------------------------------------------------------------------------- */
/* ---------------------------------ASIDE--------------------------------------- */
/* ----------------------------------------------------------------------------- */

/*  ASIDE mod-left_col
/* ------------------------------------ */
.mod-left_col{ position: absolute; }
.mod-left_col .nav_logo-responsive{ display: none; padding: 15px; }
.mod-left_col .nav_logo-desktop{ display: block; padding: 15px; }

/*  ASIDE mod-left_col -> sidebar_menu
/* ------------------------------------ */
.sidebar_menu .fa { width: 26px; font-size: 18px; }
.sidebar_menu span.fa { float: right; min-width: inherit; margin-top: 5px; font-size: 10px !important; text-align: center; color: #C4CFDA; }

.menu_section { margin-bottom: 35px; }
.menu_section h3 { margin-top: 0; margin-bottom: 0; padding-left: 23px; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: .5px; }
.menu_section > ul { margin-top: 10px; }
ul.side-menu > li { position: relative; display: block; cursor: pointer; }
ul.side-menu li.active a span.fa { margin-right: 4px; text-align: right !important; }
ul.side-menu > li > a { margin-bottom: 6px; }
ul.side-menu > li > a:hover { color: #F2F5F7 !important; }
ul.side-menu > li > a,
ul.side-menu > li > a:hover{ color: #E7E7E7 !important; }
ul.side-menu > li.current-page,
ul.side-menu > li.active { border-right: 5px solid #5389b7; }
ul.side-menu > li.active > a,
ul.side-menu > li a:hover{ color: #ff0000; text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; background: #141c1f; }
ul.side-menu li ul.child-menu li.current-page { background: rgba(255, 255, 255, 0.05); }
ul.side-menu li ul.child-menu li.current-page a { color: #5389b7 !important }
ul.side-menu li ul.child-menu li:hover { background-color: rgba(255, 255, 255, 0.06); }
ul.side-menu li ul.child-menu li { padding-left: 36px }
ul.side-menu li ul.child-menu > li > a { color: #E7E7E7 !important; }

/*  ASIDE mod-left_col -> sidebar-footer
/* ------------------------------------ */
.sidebar-footer { position: fixed; bottom: 0px; display: block; padding: 5px 0 0 0; width: 230px; background: #2A3F54; clear: both; z-index: 1000; }
.sidebar-footer a { display: block; float: left; padding: 7px 0 3px; width: 25%; font-size: 17px; text-align: center; background: #172D44; }
.sidebar-footer a:hover { background: #425567; }

/* ----------------------------------------------------------------------------- */
/* ----------------------------HEADER mod-top_nav----------------------------------- */
/* ----------------------------------------------------------------------------- */
.mod-top_nav { display: block; height: 58px; margin-left: 230px; }
.mod-top_nav .navbar-right { float: right; width: 79%; margin: 0; }
.mod-top_nav .navbar-right li { display: inline-block; position: static; float: right; }
.mod-top_nav ul.dropdown-menu li { width: 100%; }
.mod-top_nav ul.dropdown-menu li a { width: 100%; padding: 7px 15px; }
.mod-top_nav li a i { font-size: 15px }
.mod-top_nav .nav_menu { position: relative; float: left; width: 100%; background: #EDEDED; border-bottom: 1px solid #D9DEE4; }
.mod-top_nav a.user-profile { color: #5E6974 !important; }
.mod-top_nav a.user-profile img { margin-right: 10px; width: 29px; height: 29px; border-radius: 50%; }
.mod-top_nav .info-number .badge { position: absolute; top: 8px; right: 2px; line-height: 13px; padding: 2px 6px; font-size: 10px; font-weight: normal; }

/*  HEADER mod-top_nav -> dropdown-usermenu
/* ------------------------------------ */
.mod-top_nav ul.dropdown-usermenu{ max-width: 220px; padding: 3px 0 !important; }
.mod-top_nav ul.dropdown-usermenu:after { bottom: 100%; right: 4%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 8px; }
.mod-top_nav ul.dropdown-usermenu:before { bottom: 100%; right: 3.5%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #D2D2D2; border-width: 9px; }
.mod-top_nav ul.dropdown-usermenu li a{ padding: 10px 15px !important; }

/*  HEADER mod-top_nav -> button.toggle
/* ------------------------------------ */
.toggle { float: left; height: 58px; }
.toggle a { display: block; margin: 0; padding: 15px; cursor: pointer; }
.toggle a i { font-size: 26px; color: #222a2d; }

/*  HEADER mod-top_nav -> msg_list
/* ------------------------------------ */
ul.msg_list { width: 300px; padding: 0 !important; }
ul.msg_list:after { bottom: 100%; right: 4%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 8px; }
ul.msg_list:before { bottom: 100%; right: 3.5%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #D2D2D2; border-width: 9px; }
ul.msg_list span.check{ position: absolute; top: 8px; left: 93%; cursor: pointer; }
ul.msg_list span.check i:before{ content: "\f096"; }
ul.msg_list span.check:hover i:before{ content: "\f046"!important; }
ul.msg_list span.check.active i:before{ content: "\f046"; }
ul.msg_list li { border-bottom: 1px solid #EAEAEA; }
ul.msg_list li.no-result{ padding: 15px; }
ul.msg_list li:last-child { border-bottom: 0; }
ul.msg_list li a { padding: 8px !important; }
ul.msg_list li a .image img { float: left; margin-right: 10px; width: 40px; height: 40px; }
ul.msg_list li a .time { display: block; padding-top: 4px; font-size: 12px; color: #999; }
ul.msg_list li a .time i{ color: #777; }
ul.msg_list li a .message { display: block !important; padding-left: 50px; font-size: 12px; }
ul.msg_list span { white-space: normal; }

@media (min-width: 480px) {
	.mod-top_nav .navbar-right li { position: relative; }
	.nav_menu { position: static; }
}
@media (max-width: 480px) {
	ul.msg_list:after{ right: 50%; }
	ul.msg_list:before{ right: 49.6%; }
}

/* ----------------------------------------------------------------------------- */
/* ----------------------------- MAIN right_col -------------------------------- */
/* ----------------------------------------------------------------------------- */
.right_col{ min-height: 600px; }

/*  MAIN right_col -> HEADER.page-title
/* ------------------------------------ */
.page-title { width: 100%; min-height: 50px; padding: 10px 0 0; margin-bottom: 20px }
.page-title h3 { margin-top: 0; }
.page-title.border{ border-bottom: 3px solid; }

/*  MAIN right_col -> ARTICLE.panel
/* ------------------------------------ */
.mod-panel { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; padding: 15px 17px 10px; background: #fff; border: 1px solid #E6E9ED; opacity: 1; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
.mod-panel.block{ padding-left: 0; padding-right: 0; }
.mod-panel.empty{ background: transparent; border: 0; }
.mod-panel .panel_title { margin-bottom: 10px; padding: 1px 5px 6px; border-bottom: 2px solid #E6E9ED; }
.mod-panel .panel_title .filter { float: right; width: 40%; }
.mod-panel .panel_title h2 { display: inline-block; margin: 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mod-panel .panel_title h2 small { margin-left: 10px; }
.mod-panel .panel_title span { color: #BDBDBD; }
.mod-panel .panel_title .panel_toolbox { float: right; font-size: 0; }
.mod-panel .panel_title .panel_toolbox > li { display: inline-block; padding: 0 5px; }
.mod-panel .panel_title .panel_toolbox > li > a { padding: 5px; color: #C5C7CB; font-size: 14px; }
.mod-panel .panel_title .panel_toolbox > li > a:hover { background: #F5F7FA; }
.mod-panel .panel_content { position: relative; margin-top: 5px; }
.mod-panel .panel_content h4 { font-size: 16px; font-weight: 500; }

/*  MAIN right_col -> box_stats_count
/* ------------------------------------ */
.box_stats_count { padding-left: 10px; height: 100%; text-overflow: ellipsis; overflow: hidden; }
.box_stats_count span { font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.box_stats_count .count { margin-top: 5px; margin-bottom: 15px; font-size: 45px; line-height: 45px; }
.box_stats_count .count small { font-size: 20px; line-height: 20px; font-weight: 600; }
.box_stats_count .count_bottom i { width: 12px; }

/*  MAIN right_col -> mod-list_totals
/* ------------------------------------ */
.mod-list_totals{}
.mod-list_totals li{ padding: 0; text-align: right; }
.mod-list_totals li span{ font-size: 18px; }
.mod-list_totals li .hightlight{ font-size: 25px; }
.mod-list_totals li .hightlight.big{ font-weight: 500 }
@media (max-width: 767px) {
	.mod-list_totals li{ text-align: left; }
}

/*  MAIN right_col -> mod-options_filter
/* ------------------------------------ */
.mod-options_filter{ background: #EDEDED; padding: 10px 10px 5px; }
.mod-options_filter .search{ width: 100%; }
.mod-options_filter ul li{}
.mod-options_filter ul li:last-child{}
.mod-options_filter .select2{ width: 100%!important; margin-bottom: 5px; }
.mod-options_filter .btn-trash-history{ font-size: 23px; }
@media (max-width: 767px) {
	.mod-options_filter ul li{ padding-bottom: 5px; }
	.mod-options_filter .form-group,
	.mod-options_filter .input-group{ margin-bottom: 3px; }
}
/*  MAIN right_col -> mod-table
/* ------------------------------------ */
.mod-table{ margin-top: 20px; font-weight: 400; overflow-x: auto; }
.mod-table .icon{ text-align: center; font-size: 20px }
.mod-table table thead tr th{ border-bottom: 0; }
.mod-table table tbody{ background: #FFF; }
.mod-table table tbody tr:first-child th,
.mod-table table tbody tr:first-child td{ border-top: 0; }
.mod-table.product img.img-product{ width: 45px; padding: 2px; background: #f7f7f7; border: 1px solid #e6e6e6; }

/*  MAIN right_col -> mod-box_search
/* ------------------------------------ */
.mod-box_search{}
.mod-box_search .select2{ width: 100%!important }
.mod-box_search ul li{ padding-right: 0; }
.mod-box_search ul li:last-child{ padding-right: 15px; }
@media (max-width: 767px) {
	.mod-box_search ul li{ padding-bottom: 10px; padding-right: 15px; }
}

/*  MAIN right_col -> mod-progressbar
/* ------------------------------------ */
.mod-progressbar{}
.mod-progressbar .progressbar_wrapper{ margin-bottom: 15px; }
.progressbar_wrapper .progress{ height: 15px; border-radius: 0px; margin-bottom: 5px; background: #E5E5E5; box-shadow: 0px 0px; }
.progressbar_wrapper .progress .progress-bar{ line-height: 15px; font-weight: 700; }

/*  MAIN right_col -> mod-info_search
/* ------------------------------------ */
.mod-info_search{ margin: 10px 0; text-align: center; }
.mod-info_search p{ font-size: 16px; }
.mod-info_search p span{ font-size: 20px; font-weight: 500; }
.mod-info_search ul.list_tags{}
.mod-info_search ul.list_tags li{ display: inline-block; line-height: 30px; margin-right: 10px; }
.mod-info_search ul.list_tags li:last-child{ margin-right: 0; }
.mod-info_search ul.list_tags li span.icon{ margin-right: 5px; font-size: 20px; vertical-align: bottom; }

/*  MAIN right_col -> mod-progressbar
/* ------------------------------------ */
.mod-insert_invoice{ margin: 20px 0; padding: 0 5px 15px 5px; border: 2px dashed #E1E1E1; }
.mod-insert_invoice .select2{ width: 100%!important; }
.mod-insert_invoice .info-box-invoice{ margin: 0; padding: 15px 5px; background: #DDD; }
.mod-insert_invoice .info-box-invoice p{ margin-bottom: 10px; }
.mod-insert_invoice .separate-border{ padding: 15px 0; margin: 0; border-bottom: 2px dashed #E1E1E1; }
.mod-insert_invoice .separate-empty{ padding: 15px 0 0 0; margin: 0; }

/*  MAIN right_col -> mod-checkinvoice
/* ------------------------------------ */
.mod-check_invoice{ margin-top: 10px; }
.mod-check_invoice .icheckbox_square-blue{ margin-right: 5px; }

/*  MAIN right_col -> mod-line-invoice
/* ------------------------------------ */
.mod-line-invoice{ margin-bottom: 5px; }
.mod-line-invoice button.btn-line{ margin-bottom: 5px; }
@media (max-width: 767px) {
	.mod-line-invoice button.btn-line{ margin-bottom: 0; }
}
/*  MAIN right_col -> mod-configuration_account
/* ------------------------------------ */
.mod-configuration_account{ padding: 0 15px; }
.row-configuration{ padding: 15px 0; border-bottom: 1px solid #E1E1E1; }

/*  MAIN right_col -> mod-upload_files
/* ------------------------------------ */
.mod-upload_files{ position: relative; height: 190px; text-align: center; }
.mod-upload_files .files_default{ position: relative; height: 180px; padding: 15px 10px; border: 2px dashed #E1E1E1; color: #CCC; text-align: center; }
/*.mod-upload_files .files_default.up-expense{ margin: 20px auto 0 auto }*/
.mod-upload_files .files_default i.fa,
.mod-upload_files .files_default i.fa{ width: 100%; font-size: 70px }
.mod-upload_files .files_default .btn{ margin: 5px 0; }
.mod-upload_files .files_default input[type='file']{ position: absolute; top: 0px; right: 0px; bottom: 0px; width: 100%; margin: 0px; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; }
.mod-upload_files .files_default p{ font-weight: 500; }

/*.mod-upload_files .files_thumbsnail{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; font: 0/0 a; }
.mod-upload_files .files_thumbsnail:before{
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}*/
.mod-upload_files .files_thumbsnail img{ display: inline-block; max-height: 190px; width: auto; }
.mod-upload_files .files_thumbsnail .btn{ position: absolute; top: 0; right: 0; }
@media (max-width: 767px) {
	.mod-upload_files .files_default{ width: 180px; margin: 0 auto 10px auto; }
	.mod-upload_files .files_thumbsnail{ margin-bottom: 10px; }
}
@media (max-width: 480px) {
	.mod-upload_files .files_default{ width: 100%; margin: 0 0 10px 0; }
	.mod-upload_files .files_thumbsnail{ margin-bottom: 10px; }
}
/*  MAIN right_col -> mod-show_client
/* ------------------------------------ */
/*.mod-show_client{ padding: 15px; background: #DDD; }
.mod-show_client p{ margin-bottom: 10px; }
.mod-show_client img.image_profile{ max-width: 150px; margin-bottom: 15px; }*/

/*  MAIN right_col -> small-box
/* ------------------------------------ */
.small-box { position: relative; display: block; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 15px; }
.small-box > .inner { padding: 10px; }
.small-box > .small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; }
.small-box > .small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15); }
.small-box h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.small-box p { font-size: 15px; }
.small-box p > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px; }
.small-box h3,
.small-box p { z-index: 5; }
.small-box .icon { position: absolute; top: auto; bottom: 5px; right: 5px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15); }
.small-box:hover { text-decoration: none; color: #f9f9f9; }

/*  MAIN right_col -> mod-profile
/* ------------------------------------ */
.mod-profile{ text-align: center; }
.mod-profile img.img-thumbnail{ display: inline-block; width: 138px; height: 138px; padding: 4px; background-color: #fff; border: 1px solid #ddd; }
.mod-profile h4{ font-size: 20px; font-weight: 300; }

@media (max-width: 320px) {
	.mod-profile button{ margin-bottom: 8px; }
}

/*  MAIN right_col -> mod-chat
/* ------------------------------------ */
article.mod-chat-list .mod-customscrollbar{ max-height: 495px; overflow-y: auto; }
ul.chat-list { margin-bottom: 15px; background: #FFF; border: 1px solid #e0e0e0; }
ul.chat-list li { border-bottom: 1px solid #eee; }
ul.chat-list li a img { float: left; width: 45px; height: 45px; margin-right: 10px; }
ul.chat-list li a { position: relative; display: block; padding: 10px;  transition: background-color 0.5s ease; }

ul.chat-list li a .last-message { width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
ul.chat-list li a .time { position: absolute; top: 10px; right: 8px; }
ul.chat-list li a .chat-alert { position: absolute; right: 8px; top: 27px; padding: 3px 5px; font-size: 10px; color: #777; }
ul.chat-list li a .chat-alert.label{ color: #FFF; }
/* Hover */
ul.chat-list li a:hover .friend-name,
ul.chat-list li a:focus .friend-name{ color: #5389b7; }
ul.chat-list li.active a,
ul.chat-list li a:hover { background-color: #EDEDED }

article.chat-message { padding: 0 10px 0 20px; }
article.chat-message header h4{ margin-top: 0; margin-bottom: 10px; }
article.chat-message .mod-customscrollbar{ max-height: 420px; overflow-y: auto; }
ul.mod-chat { list-style: none; margin: 0; }
ul.mod-chat li { margin: 15px 0; }
ul.mod-chat li img { width: 45px; height: 45px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
ul.mod-chat li.left .chat-body { margin-left: 70px; background-color: #fff; }
ul.mod-chat li .chat-body { position: relative; padding: 10px; border: 1px solid #e0e0e0; box-shadow: 0 1px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); }
ul.mod-chat li .chat-body .header { overflow: hidden; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; }
ul.mod-chat li.left .chat-body:before { position: absolute; top: 10px; left: -9px; display: inline-block; width: 16px; height: 16px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
ul.mod-chat li.left .chat-body:after { position: absolute; top: 10px; left: -8px; display: inline-block; background: #fff; width: 16px; height: 16px; border-top: 1px solid #f1f5fc; border-left: 1px solid #f1f5fc; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
ul.mod-chat li.right .chat-body:before { position: absolute; top: 10px; right: -9px; display: inline-block; background: #fff; width: 16px; height: 16px; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
ul.mod-chat li.right .chat-body:after { position: absolute; top: 10px; right: -8px; display: inline-block; background: #fff; width: 16px; height: 16px; border-top: 1px solid #f1f5fc; border-right: 1px solid #f1f5fc; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
ul.mod-chat li.right .chat-body { margin-right: 70px; background-color: #fff; }
footer.chat-box{ margin-top: 10px; padding-right: 100px; }

/*  MAIN right_col -> mod-list_emails / wysiwyg / modal show emails
/* ------------------------------------ */
.mod-list_emails{}
.mod-list_emails .actions{ margin-left: 8px; }
.mod-wysiwyg{}
.mod-wysiwyg .btn-toolbar .btn-group{ margin-bottom: 10px; }
.mod-wysiwyg .editor{ min-height: 180px; padding: 8px; border: 1px solid #CCC; }

.modal-body .row-separator{ margin-top: 15px; margin-right: -15px; margin-left: -15px; padding: 15px 15px 0; border-top: 1px solid #e5e5e5; }

@media (max-width: 480px) {
	.mod-list_emails .actions{ margin-left: 0; margin-bottom: 8px; }
}
/*  MAIN right_col -> mod-tablechild_payments
/* ------------------------------------ */
.mod-tablechild_payments .row{ max-width: 920px; width: 100%; margin: 0 auto; padding: 10px; }

/*  MAIN right_col -> mod-console
/* ------------------------------------ */
.mod-console{ position: absolute; bottom: 0; right: 0; width: 350px; height: 150px; background: #000; border: 5px solid #A5A5A5; font-family: 'Rubik', sans-serif; }
.mod-console.extend{ width: 450px; height: 200px; }
.mod-console.extend section{ font-size: 16px;}
.mod-console header{ background: blue; color: #FFF; padding: 1px 5px; font-size: 13px; height: 20px; }
.mod-console section{ width: 100%; height: calc(100% - 20px); padding: 5px 8px; color: #FFF; font-size: 13px; overflow-y: scroll; }
.mod-console span{ padding-bottom: 2px; display: block; }
.mod-console button{ padding: 0 3px; }

/*  MAIN right_col -> mod-autocomplete
/* ------------------------------------ */
ul.mod-autocomplete{ display: none; position: absolute; left: 0; top: 35px; width: 100%; background-color: #fff; color: #333; border: 1px solid #ccc; z-index:9999;}
ul.mod-autocomplete > li{ padding: 3px 12px; line-height: 25px; }
ul.mod-autocomplete > li:hover{ cursor: pointer; color: #fff; background-color: #48b1c4; }

.autocomplete{ position: relative; }
.autocomplete input.hint{ position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: #999; }
.autocomplete input.hint + input.input{ background: transparent; }
.autocomplete input.input{ position: relative; }

/*  MAIN right_col -> mod-autocomplete
/* ------------------------------------ */
.mod-calendar{}
.mod-calendar .external-events .fc-event{ margin: 10px 0; cursor: pointer; }
.fc-day-header, .fc-toolbar { text-transform: capitalize; }
.fc-event{ position: relative; padding: 3px 10px 3px 32px; font-size: 14px; border: 0 !important; border-radius: 0; }
.fc-event a.delete{ width: 24px; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; color: #FFF; text-align: center; }
.fc-event a.delete i{ position: relative; transform: translate(0,-60%); top: 50%; }
.fc-event.btn-primary a.delete{ background: #3b92a2; }
.fc-event.btn-success a.delete{ background: #4fa24f; }
.fc-event.btn-warning a.delete{ background: #da9c45; }
.fc-event.btn-danger a.delete{ background: #c04844; }

.fc-unthemed .fc-today{ background: #fff1a7; }
.fc-unthemed .fc-today > .fc-day-number{ font-weight: bold; }
.fc-button{ border-radius: 0 !important; box-shadow: none; background: #e5e5e5; border-color: #e5e5e5 !important; color: #333; font-weight: 500; text-shadow: none; }
.fc .fc-button-group > *{ margin: 0; }
.fc-prev-button{ margin-right: 1px !important; }
.fc-next-button{ margin-left: 1px !important; }
.fc-state-hover,
.fc-state-active{ background: #d9534f; border-color: #d43f3a !important; color: #FFF; }

/*  MAIN right_col -> mod-import-excel
/* ------------------------------------ */
.mod-import-excel{ position: relative; display: block; height: 200px; text-align: center; border: 2px dashed #CCC; cursor: pointer; }
.mod-import-excel .fa{ display: block; margin: 35px 0 15px; font-size: 80px; }
.mod-import-excel.test-excel{ border-color: transparent; color: #02723B; }
.mod-import-excel.check-excel{ border-color: #02723B; color: #02723B; }
.mod-import-excel.check-excel:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f05d"; position: absolute; top: 10%; left: calc(50% - 50px); font-size: 35px; background: #FFF; width: 35px; height: 35px; border-radius: 50%; }
.mod-import-excel.new-excel{}

.mod-import-excel.error-excel{ border-color: #d9534f; color: #d9534f; }
.mod-import-excel.error-excel:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f05c"; position: absolute; top: 10%; left: calc(50% - 50px); font-size: 35px; background: #FFF; width: 35px; height: 35px; border-radius: 50%; }
.mod-import-excel input[type="file"] { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 100%; margin: 0px; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; }

/*  MAIN -> FOOTER
/* ------------------------------------ */
footer.mod-footer { padding: 15px 20px; }