/* Integration in BS panel */
.windowcontainer  { padding-top: 20px; }
.nav-tab-close { cursor: pointer; }

/* Scroll overflow tabs instead of stacking */
/*.nav-tabs {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 46px;
}
.nav-tabs > li {
 float: none;
 display: inline-block;
}
*/
/* .jrapid_property  { clear: both; } */

/* Tables */
.jrapid_action_widget_button, span.jrapid_listing_header_prefix { margin-right: 5px; }
.jrapid_entity_table { width: 100%; }
.jrapid_entity_table td { vertical-align: top; padding-right: 20px; /*width: 100%;*/ }
 
/* Listings */
#pageselect { font-size: 12px;  padding: 2px; } /* Align with buttons */
.buttonbar { height: 60px; }
.buttonbar .jrapid_okandcancel { float: left; }
.buttonbar .jrapid_actions { float: right; }
.listing_boolean_off:after { content: 'No' }
.listing_boolean_on:after { content: 'Si' }
fieldset.jrapid_listing { margin: 0px 0px 10px 0px;   }

/* Forms */
.jrapid_tab { padding:20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px; background-color: white;}
div.jrapid_checkbox input { margin-right: 10px; }
div.jrapid_checkbox label { font-weight: normal; }
.jrapid_labelposition_fieldset legend { font-size: 14px; font-weight: bold; }
input.date { max-width: 100px; }
input.jrapid_number { max-width: 100px; }
.jrapid_form_properties select.form-control { min-width: 200px; /*max-width: 400px;*/ }
.jrapid_form_properties textarea.form-control { min-width: 250px; min-height:100px; /*max-width: 500px;*/ }
.jrapid_add_file_button { margin: 0px 5px 0px 10px; }
.jrapid_file { border: 1px solid #ccc;    padding: 2px 5px 0px 16px;    border-radius: 5px; height: 37px; }
.jrapid_file .file {   display: inline-block;    overflow-x: hidden;    margin-top: 5px; position: absolute; }/* width: 80%; */  
.jrapid_file .btn-xs { float: right; }
 
.cleditorMain iframe { height: 92%;  }
div.jrapid_combo {    background-color: #ffffff; border: 1px solid #767676; height: 200px; padding: 10px; overflow: scroll; z-index:300;}
div.jrapid_combo td { border-bottom: 1px dashed #ccc; cursor: pointer;  }
.jrapid_row > div { float: left; margin-right: 10px; }

/* Images */
div.jrapid_no_image img { background-color:#fff;  border:1px solid #aaa; min-height:80px; width: 100%;  }
table.jrapid_table div.jrapid_no_image img { width: 30px; height: 30px; }


/* Modals */
.modal-content #xsl { max-height: 85vh; overflow: auto; padding-right: 12px; }
.modal-body { overflow-y: auto; padding-right: 10px; }


/* Jquery UI Datepicker */
.ui-helper-hidden-accessible { clip: auto !important; }

/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    background-color: #f8f8f8;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-search { 
	padding: 9px;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
/*     .sidebar { */
/*         z-index: 1; */
/*         position: absolute; */
/*         width: 250px; */
/*         margin-top: 51px; */
/*     } */

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: " \f0de";
/*     float: right; */
    font-family: "Font Awesome 5 Free";
}

table.dataTable thead .sorting_desc:after {
    content: " \f0dd";
/*     float: right; */
    font-family: "Font Awesome 5 Free";
}

table.dataTable thead .sorting:after {
    content: " \f0dc";
/*     float: right; */
    font-family: "Font Awesome 5 Free";
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}


.huge {
    font-size: 40px;
}


.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; 
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

/** Panel styles - Used in colorful dashboard **/

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}


.img-wrapper {
  position: relative;
  width: 200px; 
  
 }
 .img-wrapper img {
  width: 200px;
 } 
.img-overlay a {
	opacity: 0.35;
}

.img-overlay:hover a {
  opacity: 1;
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: white;
  opacity: 0.01;
}

.img-overlay:hover {
  opacity: 0.5;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 50%;
}