﻿/* estilos generales */

body {
    padding: 0% 5% 2%;
    color: #333333;
}

table {
    margin-top: 1%;
}

    table tr {
        height: 51px;
    }
    
    table tr td.fecha{
        width: 160px;
    }

    table tbody tr:last-child {
        border-bottom:solid 1px #dddddd;
    }

footer {
    background-color: #057EB5;
    padding: 7px 0 7px;
    color: #ffffff;
    clear: both;font-size:0.65em;
    font-size:10px;
}

footer .maintext{
    padding-top:5px;
}
footer .logo-xunta{text-align:left;padding-left:0;position:relative;top:5px;}
footer .cau-logogalicia{text-align:right;padding-right:0px;}
footer .cau-logogalicia a{margin-left:10px;}
footer .cau-logogalicia a img{margin-top:5px;}

.nav-tabs {
}

.fa {
    font-size: 1.2em;
}

.tab-content {
    min-height: 300px;
}
.tab-pane{padding-top: 1px;}

#main-container {
    padding-top: 10px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.view-docs {
   width: 103px;
}

.oculto{display: none;}
.clear {clear: both;}
.tachado {text-decoration:line-through;}

/*button[disabled], .btn[disabled], .btn[disabled="disabled"], .btn[data-enabled="f"] {*/
button[disabled] {
    cursor: help;
}

/* VISOR -----------------------------------------------------------------------------------------------------*/
.visor {
    height: 900px;
}

/* CABECERA -----------------------------------------------------------------------------------------------------*/
header {
    border-bottom: 2px solid #057EB5;
}

    header .login-info {
        font-size: 11px;
        float: right;
    }

    header .app-name{ 
       padding: 0.2em 0 0 0px;
       font-size: 33px;
       color:#333333;
       word-wrap: break-word;
    }

    
    header .app-name .fa {
        position: relative;top: 28px;
        font-size: 60px;
    } 

    header .app-name span {
        position: relative;
        left: 69px;
        top: -15px;
        font-weight:bold;
    }

    header .logo-xunta-lng {
        padding-top: 5px;
        padding-right: 0px;
        padding-left: 0px;
    }

    header .contacto-axuda {
        padding-left: 12px;
    }
        header .contacto-axuda a {
            margin-right:10px;
        }

    header .lng-info {
        color: #057EB5;
        margin-bottom: 12px;
        text-align: right;
        border-bottom: 1px solid #057EB5;
        width:216px;
    }

    header .lng-info .help {
        margin-right:45px;
    }
    header .lng-info span {
        color: #b6b6b6;
        cursor: pointer;
    }

        header .lng-info span.lng-info-activa {
            /*font-weight: bold;
            text-decoration: underline;*/
            color: #333333;
            cursor: default;
        }
.logo-xunta{text-align:right;}

/* MENU -----------------------------------------------------------------------------------------------------*/
#menu{
    background-color: #057EB5;
}

    #menu .container { margin-right:0;  }
    #menu .navbar { margin-bottom:0;    }
    #menu .navbar-default { border-radius:0; background-color:transparent;border:0;}

    #menu #menu-options{  /*width:610px;     position: relative;    top: 1px;*/   }
    #menu #menu-options .nav > li { color:#ffffff; background-color:#057EB5;}
    #menu #menu-options .nav > li:hover { color:#057EB5; background-color:#ffffff;}

    #menu #menu-options .nav > li a { color:#ffffff; border-right:solid 1px transparent;border-left:solid 1px transparent;}
    #menu #menu-options .nav > li a:hover { color:#057EB5;border-right:solid 1px #057EB5;border-left:solid 1px #057EB5; }

    #menu #menu-options .nav > li.active a { color:#333333; background-color:#ffffff; }

    #menu #menu-options .nav > li .badge { color:#057EB5; background-color:#ffffff; }
    #menu #menu-options .nav > li:hover .badge,#menu #menu-options .nav > li.active .badge { color:#ffffff; background-color:#057EB5; }
#user-info { /*background-color:#3276B1;*/
    padding: 5px 6px 0px;
}

    #user-info i.fa-user {
        margin-right: 10px;
        color: #ffffff;
        font-size:25px;
        padding-top:4px;
    }

    #user-info > .pull-left {
        margin-right: 5px;
    }

    #user-info .user-info-name {
        font-size:10px;
        color: #ffffff;
        /*background-color: #ffffff;*/
        padding: 2px 10px 2px 2px;
    }
    #user-info .user-info-name span{display:block;}

    #user-info .btn { /*color:#3276B1;*/
    }



/* POP UPs
   ----------------------------------------------------------------------------------------------------- */
/* sign
    ------------------------------------------------------------------------------------------------------*/
#sign-form {
}
/*#sign-form*/ .modal-header {
    background-color: #3276B1;
    color: #ffffff;
    border-bottom: solid 1px #285E8E;
}

    #sign-form .modal-body {
        padding-bottom:0px;
    }

    #sign-form .modal-title {
        color: #ffffff;
    }

#sign-form ul {
    list-style: none;
}

    #sign-form ul table {
    }

    #sign-form .file-list-container ul .processing{
        background: url('images/file-processing.gif') no-repeat right center;
    }
        #sign-form .file-list-container ul .done,
        #sign-form .file-list-container .processing .done{display:none;}

    #sign-form ul.file-list-container .processed .done{
        color: #47A447;
        font-size:18px;
        display:inline-block;
        /*border-color: #398439;*/
    }

#sign-form #sign-dialog-summary  {padding: 10px 10px 10px 0px;border-radius: 4px;margin-top:10px;clear:both;}
    #sign-form #sign-dialog-summary .icon, #sign-form #sign-dialog-warning .icon, .modal-dialog .alert .icon{text-align:center;float:left; margin-left:10px;font-size: 40px;}
    #sign-form #sign-dialog-summary .msg, #sign-form #sign-dialog-warning .msg, .modal-dialog .alert .msg {margin-left:60px;text-align: justify;}
    #sign-form #sign-dialog-summary.alert-success {border: 2px solid #398439;background-color:#47A447;color:#ffffff;}
    #sign-form #sign-dialog-summary.alert-danger {border: 2px solid #AC2925;background-color:#D2322D;color:#ffffff;}

#sign-form #sign-dialog-processing  {padding: 10px 10px 25px 0px;color:#31708F;border-radius: 4px;margin-top:10px;clear:both;} 
    #sign-form #sign-dialog-processing .icon{font-size:30px;position:relative;top:-5px;}
    #sign-form #sign-dialog-processing .icon .fa-spinner{font-size:2em;}
    #sign-form #sign-dialog-processing .icon .fa-save{font-size:0.9em;}
    #sign-form #sign-dialog-processing .msg{margin-left:90px;padding-top:15px;}

#sign-form #request-list-to-sign{max-height:500px;overflow-y:auto;margin-bottom:10px;}
#sign-form .request {margin-bottom:1px;}
#sign-form .request-title{background-color: #39B3D7;color:#ffffff;padding: 4px 4px 4px 10px; font-weight:bold;cursor:pointer;border-color:#269ABC;}
#sign-form .request-title i.fa{padding:3px;}
#sign-form .request-to-sign{/*border:solid 1px #3276B1;padding:10px;*/}

/* request-info
    ------------------------------------------------------------------------------------------------------*/
.user-list-container {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 10px;
}
    .user-list-container .list-group-item {padding:10px 15px 0 10px;}
        .user-list-container .list-group-item .signer-name{padding:10px 15px 0 10px;}
            .user-list-container .list-group-item .signer-name .name{}
            .user-list-container .list-group-item .signer-name .job{}
        .user-list-container .list-group-item .alert {padding:10px;margin-bottom: 5px;}

.request-description {
    margin-bottom: 20px;
}

/* reject
    ------------------------------------------------------------------------------------------------------*/
#reject-form {
}
#reject-form #motivoRechazo{
    height: 6em;
    width: 40em;
}
/* processing
    ------------------------------------------------------------------------------------------------------*/
#working-progress #working-progress-msg {margin-bottom:20px;padding:10px;}

/* gallery
    ------------------------------------------------------------------------------------------------------*/
.blueimp-gallery .close{float:none !important;color:#ffffff !important; opacity: 1 !important;}
.blueimp-gallery .close:hover{color:#aaaaaa !important; opacity: 1 !important;background-color:transparent !important;}

/*  show info
    ------------------------------------------------------------------------------------------------------*/
#modal-message .alert-danger{color:#ffffff;background-color: #D9534F;border-color: #EBCCD1;}
#modal-message .alert-warning{color:#ffffff;background-color: #F0AD4E;border-color: #FAEBCC;}

#modal-message #modal-message-img, .modal-body .confirm-message-img{float:left;width:55px;color:#39B3D7;}
#modal-message #modal-message-img.danger{color:#D9534F;}
#modal-message #modal-message-img.warning{color:#F0AD4E;}
#modal-message #modal-message-img .fa{font-size:60px;}
.modal-body .confirm-message-img .fa{font-size:60px; color:#39B3D7;}

#modal-message #span-message {margin-left:70px;padding-top:5px;}
.modal-body .confirm-message{margin-left:70px;padding-top:15px;}
#modal-message .modal-body, .modal-body {min-height: 90px;}


/* LOGIN PAGE
   -----------------------------------------------------------------------------------------------------*/
#login-header {
    background: url('images/logoXunta.png') no-repeat 20px 10px;
    border-bottom: 5px solid #3276B1;
    padding-bottom: 5px;
    height: 90px;
    padding: 10px 20px;
}

    #login-header .logo-sfv {
        color: #3276B1;
        width: 212px;
        font-size: 3.5em;
    }

        #login-header .logo-sfv h1 {
            font-size: 24px !important;
            margin: 0;
            padding: 0;
            margin-left: 75px;
        }

#login-body {
    padding: 20px 10px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

    #login-body #login-text {
        text-align: justify;
        /*background: url('images/signature-icon.png') no-repeat 5px 120px;*/
    }

    #login-body h2 {
        color: #3276B1;
        padding-left:41px;
    }

    #login-body #login-text p {
        padding: 2%;
        margin: 1% 5%;
    }


    #login-body #login-access {
        margin-top: 2em;
        /*border:solid 2px #3276B1;*/
        background-color: #057EB5;
        color: #ffffff;
        padding: 20px 30px 30px;
        border-radius: 10px;
    }

        #login-body #login-access h3 {
            border-bottom: solid 2px #ffffff;
        }

        #login-body #login-access a {
            color: #ffffff;
            text-align: justify;
            display: inline-block;
        }

        #login-body #login-access .btn {
            color: #057EB5;
        }

        #login-body #login-access p {
            text-align: center;
            margin: 30px 0px 20px;
        }

        #login-body #login-access ul {
            list-style:none;
            padding-top:3px;
        }
            #login-body #login-access ul li {
                padding:3px 0;
            }

        #login-body #login-access .btn {
            color: #3276B1;
            font-weight: bold;
            font-size: 1.1em;
            padding: 8px 25px;
        }

        #login-body #login-access .moreinfo-cert{
            font-size:0.85em;
            margin-top:20px;
        }



/* WORKING PAGE -----------------------------------------------------------------------------------------------------*/
/* Pending tab ------------------------------------------------------------------------------------------------------*/
.file-list-container {
    margin-bottom: 20px;
}

    .file-list-container ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin: 5px 0 0;
    }

        .file-list-container ul li {
            min-height: 30px;
            padding: 5px 5px 5px 15px;
        }
        .file-list-container ul li:hover {
            border-color:#3276B1;
        }
        .file-list-container ul li i.link {
            cursor:pointer;
            margin-right:5px;
        }
        .file-list-container ul li i.link:hover {
            color:#3276B1;
        }


.filter-block{
    text-align: right;
    right: -16px;
    top: -11px;
    position: relative;
    float: right;
    width: 21em;
}

    .filter-block span {
        padding: 7px;
        color:#ffffff;
        background-color:#39B3D7;
        border:solid 1px #269ABC;
        border-top-left-radius:0;
        border-bottom-left-radius:5px !important;
    }

    .filter-block .table-filter {
        height: 36px;
        padding: 3px 2px 5px 10px;
        width: 20em;
        border:solid 1px #269ABC;
        border-top-right-radius:0;
        border-bottom-right-radius:0;
     }

        .filter-block .table-filter.watermark {
            color:#aaaaaa;
        }
        span.filtered-count{background-color:#F0AD4E !important;cursor:pointer;}

/* Signed tab ------------------------------------------------------------------------------------------------------*/
.request-status {
    text-align:center;
}    
    .request-status .fa-check-circle-o{color:#3C763D; cursor:help;font-size:30px;}
    .request-status .fa-clock-o{color:#8A6D3B; cursor:help;font-size:30px;}    
    .request-status .fa-times-circle-o{color:#a94442; cursor:help;font-size:30px;}



    /*common*/
#no-signed-requests,#no-refused-requests{margin-top: 35px;}

/*Visor de documentos*/

.pdfobject-container {
    height: 650px;
    width: 900px
}

.pdfobject {
    border: 1px solid #666;
}

.anchoVisor {
    width: 900px;
    margin-left: -150px;
}

.closeVisor {
    margin-right: 15px;
    cursor: pointer
}


/**Pantalla inicial evitar mala visualizacion en asuntos largos*/
.recorte-texto {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}