.titulo{
    font-family: 'Source Sans Pro',sans-serif;font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

#mensaje{
    text-align: left;
    min-width: 300px;
    max-width: 400px;
    position:fixed;
    top: 35px;
    right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 5px;
    background-color: #5e9c5f !important;    
    z-index: 150;
}

#error{
    text-align: left;
    min-width: 300px;
    max-width: 400px;
    position:fixed;
    top: 35px;
    right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 5px;
    background-color: red !important;    
    z-index: 150;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .4 ) 
        url('../image/loading.gif') 
        50% 50% 
        no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}


.form-30 {
    width: 30%;
    padding-top: 5%;
}

.form-40 {
    width: 40%;
    padding-top: 5%;
}

.form-60 {
    width: 60%;
    padding-top: 5%;
}

.form-80 {
    width: 80%;
    padding-top: 5%;
}

@media (max-width: 767px) {
    .form-30 {
        width: 100%;
        padding-top: 5%;
    }

    .form-40 {
        width: 100%;
        padding-top: 5%;
    }

    .form-60 {
        width: 100%;
        padding-top: 5%;
    }

    .form-80 {
        width: 100%;
        padding-top: 5%;
    }
}

.form-title {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.form-title a {
    color: #444;
}

.image-logo-menu{
    width: 50%;
}

.sidebar-menu > li.header {
    text-align: center;
    text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

.img_home{
    width: 100%;
}

.content{
    padding-top: 35px;
}

.iconheaderMovimientos{
    font-size: 20px;
    color: #00a65a;
}

.iconheaderEnEspera{
    font-size: 28px;
    color: #000000;
    border-color: blue;
}

.iconheaderAnulada{
    font-size: 28px;
    color: #000000;
    border-color: red;
}

.iconheaderComentario{
    font-size: 28px;
    color: blue;
    border-color: red;
}

.center{
    text-align: center;
}

.workflow-div {
    float: left;
    margin-left: 10px;
}

.btn-workflow {
    font-size: 12px;
    padding: 8px 8px;
}

.workflow-grid {
    display: grid;
}

.workflow-flecha {
    cursor: pointer;
    width: 15px;
    padding-top: 10px;
}

.workflow-estado-select {
    color: white;    
}

.workflow-estado-select:hover {
    color: white;    
}

.workflow-estado-toselect:hover {
    border-color: #f39c12;
    border-width: 1px; 
    background-color: #fad395;
}

.workflow-estado-noselect:hover {
    
}

.workflow-historial {
    padding-top: 7px !important;
}

.referencia {
    font-size: 11px !important;
    text-transform: uppercase;
}