/* here you can put your own css to customize and override the theme */

.ui-grid { 
    height: 365px;
}

.ui-grid-cell-actions { 
    text-align: center;
	padding-top: 4px;
}

.btn-space {
    margin-right: 5px;
}

.ui-grid-menu-button {
	height: 30px;
}

.ui-grid-row-debit-amount { 
    color: red;
}

.ui-grid-row-unread-notification { 
    font-weight: bold;
}

/* FIX FOR EXUPERY-DATEPICKER **/
p.input-group {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* ROW CUSTOM TOP MARGIN **/
.custom-margin-row {
  margin-top: 10px;
}

/* FIELDSET WITH BOX BORDER*/
fieldset.fieldsetBox-border {
    border: 1px groove gray !important;
    border-radius:3px;
    padding: 0 1em 1em 1em !important;
    margin: 0 0 0.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}
/* LEGEND FOR FIELDSET WITH BOX BORDER*/
legend.fieldsetBox-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
    margin-bottom:0px;
}

/* BEGIN CSS FOR UPLOAD FILE COMPONENT*/
.file-thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
    top: 7px;
}

form .file-progress {
    line-height: 15px;
}

.file-progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

.file-progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}
/* END CSS FOR UPLOAD FILE COMPONENT*/

div.system-date {
	float: left; 
	margin: 15.5px 0 0 0; 
	padding-left: 20px;
	color: #c6cfda; 
	font-size: 13px; 
	font-weight: 300;
}

/* HOME */
.tabController{
	min-height:390px;
	
}

.fa-circle{
	font-size:12px;
	
}

.cont-col1 i{
	margin-left:10px;
	margin-top:7px;
}
/* SLIDER */

.scrollbar-dynamic {
    max-height: 300px;
    overflow: auto;
}

.scrollbar-dynamic-minHeight {
    max-height: 260px;
    overflow: auto;
}

.limitesFontSize li a{
	font-size:10px!important;
}




/*************** SCROLLBAR BASE CSS ***************/
 
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}



/* COMPONENTE HOME COL2 */
.feeds li .col2{
	margin-left:-93px;
}

/* Le agregamos min-widht al componente de multiseleccion */
.multiSelect>button {
	min-width: 100%;
	text-align: left!important;
}

.addedCellClass { background-color: #F5DEB3 !important; }


/* CUSTOMS FOR SIDEBAR*/
.page-sidebar .page-sidebar-menu .sub-menu li>a {
	font-size: 12px;
}

/* Row with equal height columns */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.vcenter{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.vbottom{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
/* Font size para los montos del dashboard */
.dashboard-stat .details .number{
	font-size:27px;
}

.modalChangePass > .modal-backdrop, .modal-backdrop.fade.in{
	z-index:2!important;
}

/* tooltip change pass*/


.tooltipP {
    position: relative;
    display: inline-block;
    color:#32c5d2!important;
}

.tooltipP .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: white;
    color: #93a2a9!important;
    border:1px solid #81E2EB;
    text-align: center;
    border-radius: 10px!important;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 20%;
    margin-top: 10px;
    margin-left: -220px;
}

.tooltipP .tooltiptext  h3{
	font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    margin-top: 0px;
}
.tooltipP .tooltiptext  ul{ 
	padding-left: 10%;
}
.tooltipP .tooltiptext  ul li{
	font-size: 12px;
	text-align:left;
}

.tooltipP:hover .tooltiptext {
    visibility: visible;
}

.block-ui-container {
  position: absolute;
  z-index: 10051;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=00);
}

.negative-number { 
    color: red;
}