/* 
    Created on : 28-jul-2017, 17:37:44
    Author     : pozu
*/

body { padding-top: 100px; background-color: #EEF1F2; }
body.login-view { 
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url("../img/background-pencil-login.jpg");

    /* Full height */
    /*height: 100%;*/
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.h1, h1{ font-size: 2rem; }
.text-center svg.d-block{ margin: 0 auto; }
.form-group{ position: relative }

.relative{ position: relative }

.navbar-brand{ padding: 0; }
.navbar-brand svg{ height: 30px; }
.navbar-brand img{ max-height: 40px;}
.classic-tabs .nav li a{ border-bottom: 0; } /* Evitamos el efecto de cambio de tab sin border bottom */
.classic-tabs .nav li a:not(.active){ margin-bottom: 0; }
.classic-tabs .nav li a.active{ background-color: #FFFFFF; border-bottom: 0;  }
.classic-tabs.grey .nav li a{ color: #000000; } 
.classic-tabs .nav li:first-child{ margin-left: 0; }
.pe-none { pointer-events: none!important;}

/* light-blue-skin */
/*.light-blue-skin .navbar{ background-color: #297090; }*/
/*.light-blue-skin .btn-default{ background-color: #3E7F9B !important; }*/
/*.light-blue-skin .btn-primary{ background-color: #F29200 !important; }*/
/*.light-blue-skin .btn-primary.active, .light-blue-skin .btn-primary:active, .light-blue-skin .btn-primary:focus, .light-blue-skin .btn-primary:hover{ background-color: #db8400 !important; }*/
/*.light-blue-skin .btn-outline-primary{ color: #F29200 !important; border-color: #F29200 !important; }*/
/*.light-blue-skin .btn-outline-primary.active, .light-blue-skin .btn-outline-primary:active, .light-blue-skin .btn-outline-primary:active:focus, .light-blue-skin .btn-outline-primary:focus, .light-blue-skin .btn-outline-primary:hover{ color: #F29200 !important; border-color: #F29200 !important; }*/
/*.light-blue-skin a{ color: #F29200; }*/
/*.light-blue-skin .breadcrumb{ background-color: transparent; }*/

/* Elemenos no añadidos en el Skin por defecto */
.black-skin .navbar{ background-color: #041342; }
.black-skin .navbar-brand .cls-1{ fill: #FFFFFF; }
.black-skin .navbar-brand .cls-2{ fill: #FFFFFF; }

.black-skin a:not(.btn){ color: #007e70 }
.black-skin .btn-primary{ background-color: #159370 !important; }
.black-skin .primary-text{ color: #007e70 }
.black-skin .btn-light:hover, .black-skin .btn-light:focus{ background-color: #159370 !important; } 
.black-skin .btn-outline-primary{ border-color: #159370 !important; color: #159370 !important; }
.black-skin .dropdown .dropdown-menu .dropdown-item:active,.black-skin .dropdown .dropdown-menu .dropdown-item:hover{ background-color: #159370; color: #FFFFFF; }
.black-skin .navbar-dark li a.nav-link.active, .black-skin .navbar-dark li a.nav-link:hover{ background-color: #159370 !important; }

.black-skin .pagination .page-item .page-link:focus{ background-color: #aaeddb; }
.black-skin .pagination .page-item.active .page-link{ background-color: #159370; }

.black-skin .modal-dialog.modal-notify.modal-primary .badge, .modal-dialog.modal-notify.modal-primary .modal-header{ background-color: #159370; }
.black-skin .border-primary{ border-color: #159370 !important; }
.black-skin .nav.secondary-color { background-color: #e0e0e0 !important }
.black-skin .nav.secondary-color .nav-link { color: #000000 }
.black-skin .nav.secondary-color .nav-link.active { color: #159370; background-color: #FFFFFF; }
.black-skin .nav.secondary-color .nav-link:hover { color: #159370; background-color: #FFFFFF; }
.black-skin .dropdown-item.active, .black-skin .dropdown-item:active{ background-color: #159370; color: #FFFFFF; }

.black-skin .btn-primary.disabled{ opacity: .3; }

.black-skin table .btn.btn-link{
    color: #999999 !important;
}
.black-skin table .btn.btn-link:hover{
    text-decoration: none; color: #159370 !important
}

/* Mejora inputs en el Black Skin */
.black-skin .form-group input[type="email"]:focus:not([readonly]), 
.black-skin .form-group input[type="text"]:focus:not([readonly]), 
.black-skin .form-group input[type="password"]:focus:not([readonly]), 
.black-skin .form-group input[type="number"]:focus:not([readonly]), 
.black-skin .form-group textarea.md-textarea:focus:not([readonly]), 
.black-skin .form-group textarea.form-control:focus:not([readonly]),
.black-skin .form-control:focus:not([readonly]){
    box-shadow: 0 0 0 .2rem rgba(42, 209, 163,0.2); 
    -webkit-box-shadow: 0 0 0 .2rem rgba(42, 209, 163,0.3);
    border-color: #159370;
}

.black-skin .switch label input[type="checkbox"]:checked + .lever::after { background-color: #159370; }
.black-skin .switch label input[type="checkbox"]:checked + .lever{ background-color: #92CEBD; }
.black-skin .switch label .lever{ margin-left: 5px; }
.black-skin input[type="checkbox"]:checked + label::before{ border-right:0; border-bottom: 0; }
.black-skin .multiple-select-dropdown input[type="checkbox"]:checked + label::before{ border-right: 2px solid #159370; border-bottom: 2px solid #159370; }
.black-skin .select-wrapper input.select-dropdown{ border-width: 2px; margin-bottom: .5rem; }
.black-skin .form-control:not(.form-control-sm){ border-width: 2px; }

.black-skin .form-check-input[type="radio"].with-gap:checked + label::after, .black-skin .form-check-input[type="radio"]:checked + label::after, .black-skin label.btn input[type="radio"].with-gap:checked + label::after, .black-skin label.btn input[type="radio"]:checked + label::after{
   background-color: #159370;
}
.black-skin .form-check-input[type="radio"].with-gap:checked + label::after, .black-skin .form-check-input[type="radio"].with-gap:checked + label::before, .black-skin .form-check-input[type="radio"]:checked + label::after, .black-skin label.btn input[type="radio"].with-gap:checked + label::after, .black-skin label.btn input[type="radio"].with-gap:checked + label::before, .black-skin label.btn input[type="radio"]:checked + label::after{
   border-color: #159370; 
}

.mdb-select input.is-invalid{ border-color: #dc3545; }


.btn-group .important-1, .btn-group .important-2{ opacity: 0; }

div.mce-fullscreen { z-index: 1050; }
.mce-container-body iframe html{ padding-top: .5rem; padding-left: .5rem }
/* Arreglo BS Datetimepicker 5 */
.bootstrap-datetimepicker-widget table td a{ display: inline-block; width: 100%; height: 54px; line-height: 54px; margin: 2px 1.5px; box-shadow: none; }
.bootstrap-datetimepicker-widget table td a:hover{ box-shadow: none; background-color: #e9ecef }

.timepicker-picker a{ color: #666666; }


.text-capitalize { text-transform: lowercase !important; }
.text-capitalize:first-letter { text-transform: uppercase !important; }
label:not(.text-uppercase):not(.text-normal) { text-transform: lowercase !important; }
label:first-letter { text-transform: uppercase !important; }

.popover-header { display: block; }
.popover-header:first-letter { text-transform: uppercase; }
button.dropdown-item{ cursor: pointer; }
/* Arreglos del MDB o Bootstrap 4 */
/* ELIMINAR DEL mdb.min.css .table a{ margin-right: 1rem !important } */
.c-pointer{ cursor: pointer; }
.a-pointer{ cursor: auto !important; }
.mdb-lightbox figure figcaption{ display: inherit; }

/* IMPORT */
.qq-gallery.qq-uploader:before { font-size: 180%!important; }
#resume_upload_body .select2-container{ min-width: 200px; }

/* Preloader */
#preloader { background-color:#FFF; position: fixed; top:0; left:0; right:0; bottom:0; z-index:9998; height: 100%; width: 100%; }
.verticalcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

#loading { /*background-color:#FFF;*/ position: fixed; top:0; left:0; right:0; bottom:0; z-index:9997; height: 100%; width: 100%; display: none; }


/* Mejora del Collapse simple */
.rotate-icon{ transition: all 0.2s; }
[data-toggle="collapse"]:not(.collapsed) .rotate-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* SORTABLE */ 

.sortable .card .card-header .btn:not(.collapsed) .rotate-icon{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.placeholder { outline: 1px dashed #4183C4; }
.mjs-nestedSortable-error { background: #fbe3e4; border-color: transparent; }
.sortable li div { cursor: move; }
ol.sortable{ padding-left: 0; list-style: none; }
ol.sortable ol{ list-style: none; }
tr.bg-warning { background-color:rgba( 255, 187, 51,0.4)!important }
#ajax-list-files .ui-sortable-placeholder{ list-style: none; min-height: 2rem; width: 100%; }

/*body.dragging, body.dragging * { cursor: move !important; }

.dragged { position: absolute; opacity: 0.5; z-index: 2000; border: 1px solid red; }

.sorted_table tr.placeholder { position: relative; height: 20px; background-color: transparent !important; }
.sorted_table tr.placeholder::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: " ";  background-color: #159370; opacity: 0.2; }

ol.example li.placeholder {  position: relative; * More li styles * }
ol.example li.placeholder:before { position: absolute; * Define arrowhead * }*/


/* Menu */
#menu-top{ padding-top: 2px; padding-bottom: 2px; z-index: 1031; }
#menu-top .nav-link.btn{ padding-top: .3rem; padding-bottom: .3rem; box-shadow: none; }

#menu-principal{ top: 44px; padding-bottom: 0; padding-top: 0; }
/*#menu-principal a{ color: #949494; }*/
#menu-principal .navbar-nav > li > a:hover{ background-color: #E5E5E5 !important; }
#menu-principal a > span{ font-size: 12px; text-transform: uppercase; height: 1em; }
#menu-principal a > i{ display: block;  }

#menu-principal.navbar-expand-lg .navbar-nav .nav-link{ padding: 1rem 1rem; }
#menu-principal.top-nav-collapse.navbar-expand-lg .navbar-nav .nav-link{ padding-top: 0.5rem; padding-bottom: 0.5rem; }

h1{ line-height: 1.8; }
h2 small,.h2 small{ font-size: 1rem; }

/* Submenu */
.md-pills .nav-link.active, .md-pills .show > .nav-link{ background-color: #159370; }
/*.nav.md-pills li{ padding: 0; }*/
/*.nav-scrolling{ white-space: nowrap; overflow-x: auto; }
ul.nav-scrolling li { display: inline-block; float: none; }*/

.nav-scrolling { overflow-x: auto; overflow-y:hidden; flex-wrap: nowrap; margin-left: 15px; margin-right: 15px; }

/* Select Multiple MDB */
.select-wrapper select{ display: none; }
/*.input-group
{
position:fixed;
z-index:100;
width:337px;
background-color:white;
padding:10px;
}*/

/* Timeline responsive en cols */

.timeline-main.timeline-w100 .stepper.stepper-vertical.timeline li .step-content{
      width: 80% !important;
      /*left: 3rem !important;*/
      /*margin-right: 3rem !important;*/
      /*margin-bottom: 2rem !important;*/
      /*float: right !important;*/ 
}
.timeline-main.timeline-w100 .stepper.stepper-vertical.timeline li:not(:last-child)::after{ left: 9%; }
.timeline-main.timeline-w100 .stepper.stepper-vertical.timeline li a { left: 9%; }
.timeline-main.timeline-w100 ul.stepper{ margin: inherit; }

/* TinyMCE */
.tox-selectfield select{ display: block !important; }

/* Datatable */
.table .btn-group{ margin-top: -0.2rem; margin-bottom: -0.3rem; float: right; }
#btn-ajax-save{ position: absolute; top: 4px; left: 100%; margin-left: -7px; z-index: 1; margin-top: 0; }
.datatable_ajax_v3 td{ position: relative; }
table tr.modal-edit-open{ background-color: #64ffda !important; }
table tr.modal-edit-open a{ color: #000000 !important; }

table tr.disabled-tr{ color: #CCCCCC; }
/*.countTable table table td:nth-child(2){}*/

/* Tree daredevel */
ul.level-1.tree{ padding-left: 0; }
.daredevel-tree-label .border-bottom{ border-color: #EEE !important; }

/* Sidebar */

/*.sidebar { position: fixed; top: 62px; bottom: 0; left: 0px; z-index: 1000; padding: 20px 20px 60px; overflow-x: hidden;
  overflow-y: auto;  Scrollable contents if viewport is shorter than content.  border-right: 1px solid #eee; border-radius: 0;
}
.sidebar { padding-left: 0; padding-right: 0; }
.sidebar .nav { margin-bottom: 20px; }
.sidebar .nav-item { width: 100%; }
.sidebar .nav-item + .nav-item { margin-left: 0; }
.sidebar .nav-link { border-radius: 0; padding-left: 20px; }
.sidebar a.nav-link{ font-size: 14px; line-height: 25px; }
.sidebar a.nav-link:hover{ background-color: rgba(21, 73, 103, 0.73); }
.sidebar .nav-link > i{ margin-right: 10px; }
.sidebar.navbar .dropdown-menu{ position: relative !important; top: 0; width: 100%; border-radius: 0; background: none; padding: 0 0 20px 20px; box-shadow: none; background-color: rgba(21, 73, 103, 0.73); }
.sidebar.navbar .dropdown .dropdown-menu .dropdown-item{ padding: 10px; }
.sidebar.navbar .dropdown .dropdown-menu .dropdown-item:hover,.sidebar.navbar .dropdown .dropdown-menu .dropdown-item:active{ color: #FFFFFF; box-shadow: none; }
.sidebar.navbar.navbar-dark .breadcrumb .dropdown-menu a, .sidebar.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a{ color: #FFFFFF; }*/

 /* Placeholders */
.placeholders { padding-bottom: 3rem; }
.placeholder img { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.navbar{ border-radius: 0; }
.navbar .form-control{ margin: 0; }
.card-header .btn{ margin: -10px; }
.card-header .btn.btn-outline-primary{ background-color: #FFFFFF; }

.dropdown-item img{ vertical-align: inherit; }
/*
Oscuro #2b2d2e
Claro #222222
*/

/* Dropdown Select2 de la barra arriba */
.navbar .select2-container--default .select2-selection--single{ border-radius: 0; border: 0; background-color: #2b2d2e; }
.navbar .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #FFFFFF; }
.navbar .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-top-color: #FFF }
.navbar .select2-container--default .select2-selection--single .select2-selection__placeholder{ color: #FFF; }

.link_webs .select2-dropdown{ border-color: #222222; }
.link_webs .select2-search--dropdown{ background-color:#222222; }
.link_webs .select2-results{ background-color: #222222; color: #FFFFFF; }
.link_webs.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #2b2d2e; }
.link_webs.select2-container--default .select2-results__option[aria-selected="true"]{ background-color: #2b2d2e; }
.link_webs.select2-container--default .select2-search--dropdown .select2-search__field{ border-color: #2b2d2e; background-color: #2b2d2e; box-shadow: none; color: #FFF; }


/* Para el Skin */
.black-skin .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #159370; }
.black-skin .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected]{ background-color: #159370; }
.black-skin .select2-container--bootstrap4.select2-container--focus .select2-selection, .black-skin .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #159370;
}
.black-skin .select2-container--bootstrap4 .select2-dropdown{ border-color: #159370; }

/* Arreglo para cuando el select está dentro del H1 */
h1 .select2-container--bootstrap4{ display: inline-block; }
h1 .select2-container--bootstrap4 .select2-selection--single{ height: calc(0.8em + .75rem + 2px) !important}
h1 .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{ font-size: 1rem; overflow: visible;  }



.select2-container .multiline .select2-search--inline{ float: none; margin-bottom: .8rem; margin-bottom: .6rem; }
.select2-container--bootstrap4 .select2-selection--multiple.multiline .select2-selection__choice{ border: 0; background-color: #EFEFEF; float: none; margin: .5rem 0; padding: .5rem; }
.select2-container--bootstrap4 .select2-selection--multiple.multiline .select2-selection__rendered{ padding-top: .3rem; }
.select2-container--bootstrap4 .select2-selection--multiple.multiline .select2-search--inline .select2-search__field{
    border: 2px solid #ced4da;  width: 100% !important;
}
.select2-container--bootstrap4 .select2-selection--multiple.multiline .select2-search--inline .select2-search__field:focus{
    border-color: #159370;
}
.select2-container--bootstrap4 .select2-selection{ border-width: 2px; }
.select2-container--open { z-index: 9999999 }


/* FullCalendar Theme */
/* Si actualizamos el fullcalendar de reservas, tener en cuenta estos estilos */
#tab-prices-by-dates .fc-event-title{ font-size: 1.5rem; color: #666666; }
#tab-prices-by-dates .fc .fc-bg-event{ opacity: 1 !important; background-color: transparent; }
#tab-prices-by-dates .fc-daygrid-day-top{ color: #159370; font-size: 1rem; }
#tab-prices-by-dates .fc .fc-day-other .fc-daygrid-day-top{ opacity: 1; }
#tab-prices-by-dates .btn-group-fullcalendar{ position: absolute; z-index: 1; }

.fc-event-title.fc-sticky{ white-space: break-spaces }

/* Arreglo del SM, MDB no lo ha tenido en cuenta */
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn{ padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }

/* Dashboard */

/* Table */
.dataTables_wrapper select{ display: inline-block !important; padding: 0 5px; }
.datatable .nopadding, .datatable_ajax .nopadding{ padding: 0;}
/*i.active1, svg.active1{ font-size: 11px; color: green; }*/
/*i.active0, svg.active0{ font-size: 11px; color: #b10000; }*/

.btn-link.btn-update{ padding-top: .8rem; padding-bottom: .8rem; }
.btn-link.btn-update:hover{ background-color: #CCC; }

i.star1{ font-size: 11px; color: #FFB400; }
i.star0{ font-size: 11px; color: #dddddd; }

.btn-sm.btn-flat{ padding: .2rem .7rem; font-size: .7rem;  }
.btn.btn-flat{ font-weight: inherit; }
/*.btn.btn-sm.btn-flat:hover{ background-color: #CCC !important; }*/

.iconsort{ width: 5rem;}
.th_id{ width: 3rem; }
.th_active{ width: 1rem; }
.th_buttons{ width: 80px; }

.table thead tr th{ font-weight: inherit; font-size: 12px; text-transform: uppercase }

.table tr.disabled{ color: #969696; }
.table tr.disabled input{ color: #969696; }

/*.dataTables_processing{ background-color: #f2dede; border-color: #eed3d7; color: #b94a48; float: left; padding: 2px 10px;}*/

.datatable.table-sortable span.sortable-handler,
.datatable.table-sortable span.sortable-handler-disabled,
.datatable_ajax.table-sortable span.sortable-handler,
.datatable_ajax.table-sortable span.sortable-handler-disabled{ padding: 8px; float: left; display: block; }

.datatable th.iconsort{ cursor: pointer; }
.datatable th.iconsort [class*="icon-"]:before{ cursor: pointer; }

/* Maps */
.map_customs{ height: 350px; }


/* Checkbox */
/*[type="checkbox"][class*="filled-in"]:not(:checked) + label::after{ border-color: #757575; }*/
/*[type="checkbox"][class*="filled-in"] + label::after, [type="checkbox"][class*="filled-in"] + label::before{ border-width: 1px; }*/
.form-check{ font-size: 0; }
.form-check .form-check-label{ font-size: 1rem; }
.form-check-input[type="checkbox"].filled-in:not(:checked) + label::after, label.btn input[type="checkbox"].filled-in:not(:checked) + label::after { border-width: 1px; border-color: #ababab; }
table .form-check-input[type="checkbox"] + label, table label.btn input[type="checkbox"] + label{ height: 20px; width: 20px; padding-left: 0; }


/* Gallery Image Crud */
#upload_and_list_images .qq-gallery.qq-uploader{ padding: 0; border-color: #159370; }
#upload_and_list_images .qq-gallery.qq-uploader::before { top: 0; }
.image-highlight-sortable{ width: 40px; background-color: #ffff8d; border: dashed 1px #CCC; }
.wrap_img_galleries{ max-width: 142px; }
.wrap_img_galleries img{ border-radius: .25rem .25rem 0 0 !important; }
.wrap_img_galleries input{ border: 0; border-bottom: 1px solid #CCCCCC; border-radius: 0 }

/* SHOP */
ul.stepper li a.clickable:hover .circle{ background-color: #000000 !important; }
/*ul.stepper li a .circle{ background-color: #000000 !important; }*/

#color-swap { height: 15px; width: 15px; }

/* Item - sidebar Categories*/
#categories_list_card #content_cat{ max-height: 600px; overflow-y: auto; } 

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
}

@media (min-width: 992px){
    .modal .modal-full-height.modal-list-payments { width: 480px; }
}
@media (max-width: 767.98px){
    #menu-top form { max-width: 200px; }
    .navbar-brand svg{ max-width: 150px; }
    .btn.btn-sm{ padding-left: .5rem; padding-right: .5rem; }
    
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
    .navbar-brand svg{ max-width: 120px; }
    
}