body {
    font-family: Open Sans,Arial,Helvetica,Sans-Serif;
}

.clear {
    clear: both;
}

.height1 {
    height: 1px;
}

.height2 {
    height: 2px;
}

.height5 {
    height: 5px;
}

.height10 {
    height: 10px;
}

.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.height60 {
    height: 50px;
}

.boxOriz {
    width: 50px;
}

.linea {
    background-color: #CCCCCC;
    width: 1000px;
}

.padding-lef3 {
    padding-left: 3px;
}

.padding-lef10 {
    padding-left: 10px;
}

.padding-lef20 {
    padding-left: 20px;
}

.padding-top10 {
    padding-top: 10px;
}

.width100 {
    width: 200px;
}

.fontSizeXSmall {
    font-size: x-small;
}

.fontSizeSmall {
    font-size: small;
}

.fontSizeMedium {
    font-size: medium;
}

.fontSizeLarge {
    font-size: large;
}

.fontSize14 {
    font-size: 14pt;
}

.fontSize16 {
    font-size: 16pt;
}

.fontSize12 {
    font-size: 12pt;
}

.fontSize10 {
    font-size: 10pt;
}

.fontSize9 {
    font-size: 9pt;
}


.iconBlue {
    color: #333399 !important;
}

.iconRed {
    color: #FF2A2A !important;
}

.iconLightRed {
    color: #FF7171 !important;
}

.iconGreen {
    color: #006600 !important;
}

.bckIconLightGray {
    color: #AAAAAA !important;
}

.iconGray {
    color: #888888;
}

.iconWhite {
    color: #EEEEEE;
}

.bckIconBlue {
    background-color: #333399 !important;
}

.bckIconRed {
    background-color: #dc3545 !important;
}

.bckIconLightRed {
    background-color: #faa3ac !important;
}

.bckIconLightGray {
    background-color: #AAAAAA !important;
}

.bckIconGray {
    background-color: #888888;
}

.bck-color-inherit {
    background-color: inherit;
    cursor: default;
}

.buttonIconPulse:hover {
    animation-name: anim-pulse;
    animation-duration: .5s;
    cursor: pointer;
}

.semaphoreRed {
    color: #FB9985;
}

.semaphoreGreen {
    color: #87E187;
}

@keyframes anim-pulse {

    50% {
        transform: scale(1.2);
        -webkit-transition-timing-function: ease-out; /* Safari and Chrome */
        transition-timing-function: ease-out;
    }

    100% {
        transform: scale(1.0);
        -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
        transition-timing-function: ease-in;
    }
}

.customEditRowPanel {
    background-color: white;
    border: 4px solid #D8D8D8;
    padding: 5px;
}

    .customEditRowPanel input {
        /* background-color: #696969;
            color: #FFFFFF;*/
        border: 1px solid #CCCCCC;
        padding: 2px;
    }

     .customEditRowPanel table tr td {
         padding-left: 5px;
         padding-right: 5px;
     }

     .customEditRowPanel table tr td[colspan="6"]{
       padding-top: 10px;
     }