.invalidCell {
    background-color: red
}
#loading {
    position: absolute;
    top: 50%;
    width: 98%;
    margin-top: -70px
}

#loading .title {
    font-family: "Exo", sans-serif;
    font-size: 1.5em;
    color: gray;
    text-align: center;
    white-space: nowrap;
    display: block
}

#loading .logo {
    background: url(../../resources/load1.gif) no-repeat center;
    display: block;
    height: 120px
}

.course {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    max-width: 100%;
    margin: 2px;
    overflow: hidden;
    width: 400px;
}

.course h6 {
    letter-spacing: 1px;
    margin: 10px 0;
}

.refresh {
    background-color: #9694FF;
}

.load {
    background-color: #57CAEA;
}

.course-preview {
    color: #fff;
    padding: 20PX;
    max-width: 250px;
    margin: 25px;
    border-radius: 10px;

}

.course-info {
    padding: 20px;
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.x-btn-icon-el-header-small{
    /* color: rgb(255, 255, 255); */
    color: rgb(54, 51, 51);
}

.top-user-name{
    /* color: rgb(255, 255, 255); */
    color: rgb(54, 51, 51);
} 


.button-chart   {
    background-image: url('../images/chart-line-two.png') !important;
    /* background-image: url(../images/calendar80.png) !important; */
    width:20px!important;
    height:20px!important;
    margin-right: auto !important;
    margin-left: auto !important;

    /* background-color: white !important; */
}


.no-icon {
	display : none;
	background-image:url('ext/resources/images/default/s.gif') !important;
}

.x-btn-wrap-header-small.x-btn-arrow-right:after {
    width: 18px;
    content: '\f0d7';
    font: 16px/1 'Font Awesome 5 Free';
    /* color: #fff; */
    color : rgb(54, 51, 51);;
}

.grid-title .x-column-header-text>.x-column-header-text-inner {
    color: white;
    background-color: #ccc;
    font: 800 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    border-width: 0 1px 1px 0;
    border-style: none;
    border-color: transparent;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}


.btn-filter{
    background-color: #4e7451; 
    border: none;
    color: white;
    padding: 0px 0px;
    /* height: 16px; */
    font-size: 8px;
    width: 100px;
}
.btn-filter .x-btn-inner{
    color:white;
    font-size:12px;
    font-weight:bold;
}
.btn-filter .x-btn.x-btn-menu-active.x-btn-default-toolbar-large, .x-btn.x-btn-pressed .x-btn-default-toolbar-large{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter.x-btn.x-btn-pressed.x-btn-default-toolbar-small{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
} 

.btn-filter.x-btn-pressed{
    background-color: #313030;
}

.btn-filter:hover{
    background-color: #d1d1d1
}

.btn-filter-2{
    background-color: #4e7451; 
    border: none;
    color: white;
    padding: 0px 0px;
    /* height: 16px; */
    font-size: 8px;
    /* width: 100px; */
}
.btn-filter-2 .x-btn-inner{
    color:white;
    font-size:13px;
    font-weight:bold;
}
.btn-filter-2.x-btn.x-btn-menu-active.x-btn-default-toolbar-large, .x-btn.x-btn-pressed .x-btn-default-toolbar-large{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter-2.x-btn.x-btn-pressed.x-btn-default-toolbar-small{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter-2.x-btn-pressed{
    background-color: #313030;
}

.btn-filter-2:hover{
    background-color: #d1d1d1
}

.btn-filter-2.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter.active{
    background-color:#3d3d3d;
}
.btn-filter-2.active{
    background-color:#3d3d3d;
}
.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}
.btn-filter.x-btn.x-btn-pressed.x-btn-default-small{
border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}
.center {
    margin: 0px auto;
}

.divContent {
    display: flex;
    justify-content: center;
    
}

.title-toolbar  {
    font-weight: 600;
    font-size: 20px;
    color: #2b4e67;
}
.title-toolbar  .x-panel-header-text-default {
    font-weight: 600;
    font-size: 20px;
    color: #2b4e67;
} 
 
.headerTablero .x-panel-header{
    background-color:#4e7451; 
    background-image:none;
    /* height: 15px; */
    /* border-radius:20px; */
    font-weight: 200;

    text-align:center;
}

.x-column-header.required > .x-column-header-inner {
    /* background-color: rgb(203, 255, 231); */
    font-weight: bold;
    
}

.picture {
    height: 25px;
    width: 25px;
}

.picture {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: center;
}

.count-text {
    color: #2f9ba0;
    font-weight: bold;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-height: 60px;
}


.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .35rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

.la,
.las {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1rem;
    color: #1c2a44;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #2b4e67;
}

.la-check:before {
    content: "\f00d";
}

.la,
.las,
.lar,
.lal,
.lad,
.lab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    
    text-rendering: auto;
    line-height: 1;
}

.text-error {
    color: #ee4318 !important;
}

.me-2 {
    margin-right: .5rem !important;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #7081b9;
    pointer-events: none;
    background-color: #fff;
}






.tree-img{    
    border-radius: 50%;
    width: 20px;
    height: 20px;
} 



.x-grid-item:not(.x-grid-item-selected):not(.x-grid-item-over) .verde .x-grid-cell{ 
    background-color: #2b4e67  !important;
    color: white;
}
.x-grid-item:not(.x-grid-item-selected):not(.x-grid-item-over) .rojo .x-grid-cell{
    background-color: #ec6359 !important;
    color: white;
}
.x-grid-item:not(.x-grid-item-selected):not(.x-grid-item-over) .azul .x-grid-cell{
    background-color: rgb(36, 155, 235) !important;
    color: white;
}
 
.rojoCell{
    background-color: #ec6359 !important;
    color: white;
}
.verdeCell{
    background-color: #2b4e67 !important;
    color: white;
}
.azulCell{
    background-color: rgb(36, 155, 235)!important;
    color: white;
}

.x-progressbar-default-cell > .x-grid-cell-inner .x-progress-default, .x-progress-default-cell > .x-grid-cell-inner .x-progress-default, .x-progressbarwidget-default-cell > .x-grid-cell-inner .x-progress-default {
    height: 24px;
}


.top-margin{
    margin-top: 5px;
}


.progress-green .x-progress-default .x-progress-bar-default {
    background-image: none;
    background-color: #4e7451;
}

.progress-green .x-progress-default .x-progress-bar-default {
    background-color: #4e7451;
}
.progress-green .x-progress-bar.x-progress-bar-default{
    background-color: #4e7451;
}

#barAvanveActual .custom-bar .x-progress-bar {
    background-image: none;
    background-color: #206A5D;
}
.pbar-red{
    background-image: none;
    background-color: #e92b32 !important;
}
.pbar-ambar{
    background-image: none;
    background-color: #f2c811 !important;
}
.pbar-verde{
    background-image: none;
    background-color: #206A5D !important;
}

ul .bar-bottom {
    list-style-type:none;
	padding:0px;
	margin:0px;
    border-bottom: 1px solid #d0d0d0;
     
    padding-bottom: 8px;
     
}

.btn-filter-mes{
    background-color: #4e7451; 
    border: none;
    color: white;
    padding: 0px 0px;
    /* height: 16px; */
    font-size: 8px;
    width: 40px;
}
.btn-filter-mes .x-btn-inner{
    color:white;
    font-size:12px;
    font-weight:bold;
}
.btn-filter-mes.x-btn.x-btn-menu-active.x-btn-default-toolbar-large, .x-btn.x-btn-pressed .x-btn-default-toolbar-large{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter-mes.x-btn.x-btn-pressed.x-btn-default-toolbar-small{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter-mes.x-btn-pressed{
    background-color: #313030;
}

.btn-filter-mes:hover{
    background-color: #d1d1d1
}

.btn-filter-mes.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #313030;
}

.btn-filter-mes.active{
    background-color:#3d3d3d;
}

.x-panel-border{
    border-bottom:solid #4e7451;
}