.login-page, .register-page {
    background-image: url(../images/authbackground.jpg);
    background-size: cover;
}
.login-logo a, .register-logo a {
    color: #fff;
}
dd {
    margin-left: 7px;
    display: inline-block;
    display: -moz-inline-block;
}

.info-box-number {
    font-size: 12px;
}


.bg-pukie {
    background-color: #000000 !important;
}
.bg-pukie {
    color: #fff !important;
}

.StackedContainer {
    margin-top: 15px;
}

.StackedContainer .StackedList {
    min-height: 30px;
    display: block;
    border: 1px solid #c2c2c2;
    margin-top: 5px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.StackedContainer ul.StackedList
{
    padding-left: 0px;
}

.StackedListItem.StackedListItem--isNoDraggable
{
    color: #c2c2c2;
}

.StackedListItem.StackedListItem--isDraggable
{
    color: #444;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

li.StackedListItem {
    list-style-type: none;
    z-index: 2;
    color: #444;
}

.StackedList
{
    display: block;
    border: 2px solid #E05410;
}

.draggable-container-parent--capacity
{
    background-color: #E05410 !important;
}

.draggable-container--over
{
    border: 1px solid #c2c2c2 !important;
    background-color: #c2c2c2 !important;
}

.StackedListContent {
    background-color: #dedede;
    padding: 1px;
    margin: 4px;
    border-radius: 4px;
    padding-left: 7px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding-right: 5px;
    border: 1px solid #bdbdbd;
}

.StackedListItem.StackedListItem--isDraggable.draggable-source--is-dragging .StackedListContent
{
    background-color: #f0f0f0;
    border: 1px solid #dedede;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #E05410 !important;
}

.dd-handle {
    left: 23px;
}

.team-member-list-1
{
    padding: 5px;
    margin: 0;
}

.team-member-list-2
{
    list-style: none;
    font-size: 12px;
}

.do_legend{
    height:120px;
}

.do_legend{
    width:100%;
}

.do_legend> ul{
    padding: 0;
    text-align: center;
}


.do_legend {
    width:100%;
    bottom:10%;
}
.do_legend li {
    cursor: pointer;
    margin: 4px 3px;
    display: inline-table;
}
.do_legend li span {
    position: relative;
    padding: 3px 10px;
    border-radius: 13px;
    z-index: 2;
    font-size: 11px;
    color: #ffffff;
    background-color: #b8b8b8;
}

.do_legend{
    height: 62px;
    overflow-y: auto;
}

.donut-area{
    height:calc(100% - 62px)
}

.progress-bar-pkb {
    background-color: #E05410 ;
}

.btn-sm-inline {
    padding: 0px 3px 0px 0px !important;
    font-size: 15px !important;
    margin-bottom: 3px !important;
    color: #E05410 !important;
    background: #fff !important;
    border: none !important;
    /* padding-right: 10px; */
}

form.formame .form-control {
    margin-top: 4px;
    margin-bottom: 4px;
}

@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}


.dark-mode .content-wrapper {
    background-color: #24272b;
}

body.dark-mode {
    color: #fff !important;
}

.dark-mode .box {
    background: #000;
    border-top: 3px solid #d2d6de;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.dark-mode .box-header {
    color: #fff;
}

.dark-mode .box-header.with-border {
    border-bottom: 1px solid #2b2b2b;
}

.dark-mode .info-box {
    background: #000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.dark-mode .box-footer {
    border-top: 1px solid #2b2b2b;
    background-color: #000;
}

.dark-mode .icheck-pkb > input:first-child + input[type="hidden"] + label::before,
.dark-mode .icheck-pkb > input:first-child + label::before {
    background-color: black;
}

.dark-mode .form-control {
    color: #dedede;
    background-color: #24272b;
    border: 1px solid #6e7277;
}

.dark-mode.skin-pukiebook .main-sidebar {
    border-right: 1px solid #242424;
}

.dark-mode.skin-pukiebook .wrapper,
.dark-mode.skin-pukiebook .main-sidebar,
.dark-mode.skin-pukiebook .left-side {
    background-color: #343434;
}

.dark-mode.skin-pukiebook .sidebar-menu > li.header {
    color: #e6e6e6;
    background: #151515;
}

.dark-mode.skin-pukiebook .sidebar a {
    color: #c1c1c1;
}

.dark-mode.skin-pukiebook .user-panel > .info,
.dark-mode.skin-pukiebook .user-panel > .info > a {
    color: #fff;
}

.dark-mode.skin-pukiebook .sidebar-menu > li > .treeview-menu {
    background: #24272b;
}

.dark-mode.skin-pukiebook .sidebar-menu .treeview-menu > li > a {
    color: #bdbdbd;
}

.dark-mode.skin-pukiebook .sidebar-menu .treeview-menu > li.active > a,
.dark-mode.skin-pukiebook .sidebar-menu .treeview-menu > li > a:hover {
    color: #eee;
}

/* Sidebar menu - colores naranja Repify para modo oscuro */
.dark-mode.skin-pukiebook .sidebar-menu > li:hover > a {
    color: #fff;
    background: #F07A3D !important; /* Naranja Claro - Repify */
}

.dark-mode.skin-pukiebook .sidebar-menu > li.active > a {
    color: #fff;
    background: #E05410 !important; /* Naranja Principal - Repify */
}

.dark-mode.skin-pukiebook .sidebar-menu > li.active {
    border-left-color: #E05410 !important; /* Naranja Principal - Repify */
}

/* Treeview menu (submenús) - colores naranja Repify para modo oscuro */
.dark-mode.skin-pukiebook .sidebar-menu .treeview-menu > li > a:hover {
    color: #fff !important;
    background: #F07A3D !important; /* Naranja Claro - Repify */
}

.dark-mode.skin-pukiebook .sidebar-menu .treeview-menu > li.active > a {
    color: #fff !important;
    background: #E05410 !important; /* Naranja Principal - Repify */
}

.dark-mode .main-footer {
    background: #24272b;
    color: #aaa;
    border-top: 1px solid #535353;
}

.dark-mode .dropdown-menu {
    border-color: #737373;
    background-color: #24272b;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top-color: rgba(0, 0, 0, 0.15);
    border-right-color: rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}

.dark-mode .dropdown-menu > li > a {
    color: #eee;
}

.notificationContainer {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    color: #757575;
    margin: 0;
    padding: 10px;
    font-weight: normal;
    font-size: 12px;
    white-space: normal;
}

.dark-mode .notificationContainer {
    color: #fff;
}

.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    border-bottom: 1px solid #575757;
}

.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background-color: #000 !important;
    border-bottom: 1px solid #151515;
    color: #fff !important;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #24272b;
}

.dark-mode .btn-app {
    color: #fff9f9;
    border: 1px solid #848484;
    background-color: #4f4f4f;
}

.dark-mode .btn-default {
    color: #fff9f9;
    border: 1px solid #848484;
    background-color: #4f4f4f;
}

.dark-mode .panel {
    background-color: #24272b;
    border: 1px solid transparent;
}

.dark-mode .panel-default {
    border-color: #606060;
}

.dark-mode .panel-default > .panel-heading {
    color: #fff;
    background-color: #000;
    border-color: #646464;
}

.dark-mode .calendar-week td,
.dark-mode .calendar-month td {
    background-color: #fdfdfd00;
    border: 1px solid #626262;
}

.dark-mode .dayWOD .card-body {
    background-color: #24272b;
    border-top: 2px solid #0d4676;
    color: #fff;
}

.dark-mode table.dataTable tbody tr {
    background-color: #24272b;
    color: #fff;
}

.dark-mode .table-bordered > thead > tr > th,
.dark-mode .table-bordered > tbody > tr > th,
.dark-mode .table-bordered > tfoot > tr > th,
.dark-mode .table-bordered > thead > tr > td,
.dark-mode .table-bordered > tbody > tr > td,
.dark-mode .table-bordered > tfoot > tr > td {
    border: 1px solid #515151;
    color: #fff;
}

.dark-mode .table-bordered {
    border: 1px solid #515151;
}

.dark-mode table.dataTable,
.dark-mode table.dataTable.no-footer {
    border-top: 1px solid #515151;
    border-bottom: 1px solid #515151;
}

.dark-mode .modal-content {
    background-color: #424242;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
}

.dark-mode .dropdown-menu > li > a:hover,
.dark-mode .dropdown-menu > li:hover > a,
.dark-mode .dropdown-menu li:hover > a,
.dark-mode .dropdown-menu li > a:hover,
.dark-mode .dropdown-menu > li:hover,
.dark-mode .dropdown-menu li:hover,
body.dark-mode .dropdown-menu > li > a:hover,
body.dark-mode .dropdown-menu > li:hover > a,
body.dark-mode .dropdown-menu li:hover > a,
body.dark-mode .dropdown-menu li > a:hover,
body.dark-mode .dropdown-menu > li:hover,
body.dark-mode .dropdown-menu li:hover {
    background-color: #F07A3D !important;
    background: #F07A3D !important;
    color: #ffffff !important;
}

.dark-mode .nav-tabs-custom > .tab-content {
    background: #262626;
}

.dark-mode .nav-tabs-custom {
    background: #262626;
}

.dark-mode .nav-tabs-custom > .nav-tabs > li > a {
    color: #d5d5d5;
}

.dark-mode .nav-tabs-custom > .nav-tabs > li.active > a,
.dark-mode .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #000;
    color: #dfdfdf;
}

.dark-mode .nav-tabs > li.active > a,
.dark-mode .nav-tabs > li.active > a:focus,
.dark-mode .nav-tabs > li.active > a:hover {
    background-color: #E05410 !important;
    border: 1px solid #E05410 !important;
    color: #ffffff !important;
}

.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #646464;
    text-decoration: none;
}

.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #fff;
}

.dark-mode .list-group-item {
    background-color: #343742;
    border-color: #0d0d0f;
}

.dark-mode .box.box-solid.box-default>.box-header {
    color: #fff;
    background: #666a72;
    background-color: #595a5c;
}

.dark-mode .box.box-solid.box-default {
    border: 1px solid #383c44;
}

@media (max-width: 991px) {
    .dark-mode .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        background-color: #242424;
        border: 1px solid #6f6f6f;
    }
}


.absent-row,
.absent-row .balanced,
.absent-row a.balanced {
    color: #F07A3D !important;
    font-style: italic !important;
}

.calendarContainer
{
    overflow: visible;
}

.calendarContainer table
{
    width: 100%;
}

@media (max-width: 991px) {
    .calendarContainer
    {
        overflow: auto;
    }

    .calendarContainer table
    {
        min-width: 1000px;
    }
}

.assertive
{
    color: #F07A3D !important;
}

a.dropdown-toggle {
    cursor: pointer;
}

input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control {
    line-height: inherit;
}

span.client-title {
    font-weight: bold;
    color: #444;
    padding-left: 15px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

ng-quill-editor .ql-container {
    height: 400px;
}

ng-quill-editor.ng-invalid .ql-container {
    border: 1px dashed red;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14"]::before {
    content: '14';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16"]::before {
    content: '16';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18"]::before {
    content: '18';
}

.search-results {
    /*width: 280px;*/
    max-height: 200px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-sizing: border-box;
    overflow-y: auto;
    border-top: none;
}

.search-result:hover {
    background-color: #F07A3D;
    color: white;
}

.search-result {
    cursor: default;
    background: white;
    padding: 10px;
}

.search-result-header:hover {
    background: #EEEEEE;
    color: initial;
}

.search-result-header {
    cursor: default;
    background: #EEEEEE;
    padding: 10px;
    margin: 0;
}

.search-result-moroso:hover {
    background: #f1f1f1;
    color: #797979;
}

.search-result-moroso {
    cursor: default;
    background: #f1f1f1;
    color: #797979;
    padding: 10px;
    margin: 0;
}

.search-result-text {
    cursor: default;
    padding: 10px;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.dropdown-menu>li.danger>a {
    color: #E05410;
}

.well.well-muted {
    color: #919191;
}

.well.well-muted .well-active {
    color: #333;
}

.well.well-muted ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.well.well-muted ul li {
    margin-bottom: 8px;
}

.well.well-muted ul li:last-child {
    margin-bottom: 0;
}

/* Botones - colores naranja corporativos Repify */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #E05410 !important; /* Naranja Principal - Repify */
    border-color: #E05410 !important; /* Naranja Principal - Repify */
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.hover {
    background-color: #F07A3D !important; /* Naranja Claro - Repify */
    border-color: #F07A3D !important; /* Naranja Claro - Repify */
    color: #fff !important;
}

.btn-info,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #E05410 !important; /* Naranja Principal - Repify */
    border-color: #E05410 !important; /* Naranja Principal - Repify */
    color: #fff !important;
}

.btn-info:hover,
.btn-info:active:hover,
.btn-info.hover {
    background-color: #F07A3D !important; /* Naranja Claro - Repify */
    border-color: #F07A3D !important; /* Naranja Claro - Repify */
    color: #fff !important;
}

/* Menú superior del dashboard - fondo negro siempre */
.main-header,
.main-header .navbar,
.skin-pukiebook .main-header,
.skin-pukiebook .main-header .navbar {
    background-color: #000000 !important;
    background: #000000 !important;
}

.main-header .logo,
.skin-pukiebook .main-header .logo {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Footer del dashboard - Color naranja corporativo para enlace Repify */
.main-footer a,
.main-footer strong a {
    color: #E05410 !important; /* Naranja Principal - Repify */
}

.main-footer a:hover,
.main-footer strong a:hover {
    color: #F07A3D !important; /* Naranja Claro - Repify */
}