/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2-apr-2014, 16.12.36
    Author     : trinity
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
    font-family:'Poppins', sans-serif;
    font-size:19px;
    font-weight:400;
    color:#000;
}

body{
    padding:0px;
    margin:0px;
}

p{
    font-size:19px;
    font-weight:400;
    color:#000;
}

input, select{
    border-radius: 5px;
    padding: 4px 7px;
    color: #294a52;
    border: 2px #294a52 solid;
    font-size:19px;
    font-weight:400;
    background-color:#fff;
    width: 192px;
}

textarea{
    border-radius: 5px;
    padding: 4px 7px;
    font-weight: 400;
    color: #294a52;
    border: 2px #294a52 solid;
    font-size:19px;
    font-weight:400;
    resize: none;
    text-align: justify;
}
select{
    width: 210px !important;
}

input:hover,select:hover{
    background-color:#eee;
}

input[type='submit'],input[type='button']{
    border-radius: 5px;
    padding: 4px 7px;
    color: #fff;
    background-color: #294a52;
    width: 100px;
}

input[type=submit]:hover,input[type=button]:hover{
    background-color:#000;
}

/*
input[type='button']:focus,input[type='button']:hover,input[type='submit']:hover, input[type='submit']:focus{
    border: 1px #eee inset;
}

input[type='number']:hover,input[type='text']:hover,input[type='password']:hover,select:hover,input[type='date']:hover{
    padding: 3px;
    border-color: #f55;
}

input[type='number']:focus,input[type='text']:focus,input[type='password']:focus,select:focus,input[type='date']:focus{
    padding: 3px;
    border-color: #f55;
}


input[type='text']:disabled,input[type='password']:disabled,select:disabled,input[type='date']:disabled,input[type='submit']:disabled{
    padding: 3px;
    border-color: #55F !important;
}
*/

fieldset{
    border:#2a434b 2px solid;
    position:relative;
    border-radius:10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    margin: auto;
    padding:20px;
    margin-top:20px;
    width: fit-content;
}

fieldset a{
    text-decoration: underline;
    color: #000;
}

fieldset a:hover{
    text-decoration: underline;
    color: #555;
}

legend{
    color: #2a434b;
    font-weight: bold;
    font-size: 22px;
    padding: 5px;
    text-align: left;
    text-transform:uppercase;
}

.box{
    text-align: left;
    margin-top: 0px;
}
.boxNew{
    text-align: left;
    margin-top: 50px;
}
.boxLogin{
    text-align: center;
    margin-top: 50px;
}

.boxPsw{
    text-align: center;
    margin-top: 50px;
    display:none;
}

.redHr{
    height: 3px;
    border: 2px #f00 outset;
    border-radius: 4px;
    background-color: #f00;
    color: #f00;
    width: 90%;
    padding:0px;
    margin-top: 10px;
}

.container{
    position: relative;
    text-align: center;
    display: block;
}

.leftCol{
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 30%;
}

.centralCol{
    width:100%;
    margin:auto;
}

.rightCol{
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30%;
}
.logoPlaceHolder{
    position: relative;

}
div.logoPlaceHolder{
    border: 0px #000 solid;
    position:relative;
    padding: 0px;
    text-align: center;
}

div.menuLeftHolder,div.menuRightHolder{
    position: relative;
    border: 0px #000 solid;
    display: inline-block;
    top:-10px;
    width: 40%;
}

div.menuLeftHolder{
    text-align: left;

}

div.menuRightHolder{
    text-align: right;
}

div.divMenu a{
    text-decoration: none;
    border-bottom: 2px #f00 outset;
    border-left: 2px #f00 outset;
    border-right: 2px #f00 outset;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f00;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    max-width: 140px;
}

div.divMenu {
    position:relative;
    top:-3px;
    display: inline-block;
    text-align: center;
}

div.divMenu a:hover{
    border-bottom: 2px #f00 inset;
    border-left: 2px #f00 inset;
    border-right: 2px #f00 inset;
}

fieldset input,fieldset select{
    margin:3px;
}

form p{
    margin-top: 10px;
    text-align: center;
}

form p label{
    float: left;
    padding-top:8px;
}
form p input, form p select{
    float: right;
}

form p input[type='submit'],form p input[type='button']{
    float: none;
}

.tableContainer{
    width:90%;
    /*display: inline-block;*/
    text-align: center;
    position: relative;
    margin:auto;
}

.tableContainer table{
    margin: auto;
    padding: 0px;
    margin-top: 20px;
    border-spacing: 0px;
    font-size: 12px;
}
.tableContainer table th{
    padding: 2px;
    border: 1px #000 solid;
}

.tableContainer table td input[type='button']{
    border: 0px;
    border-radius: 0px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url('../../PacchettiBus/img/download.png');
}

.tableContainer table td{
    padding: 5px;
    border-bottom: 1px #aaa solid;
}

.logoPlaceHolder .logo{
    color: #f00;
    font-weight: bold;
    font-size:  16px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top:15px;
    left:5%;
    text-align: left;
    /*text-shadow: #ddd 4px -1px 1px;*/
}

label{
    float:left;
}

.error{
    padding: 3px;
    font-weight: bold;
    color: #f00;
    background-color: #fff;
    text-align:center;
    /*margin-left:15px;*/
}

.logo{
    position: absolute;
    top: 0px;
    width: 100%;
}

.infoUt{
    position: relative;
    bottom: 5px;
    right:5%;
    width: 100%;
    text-align:right;
    vertical-align: bottom;
    font-weight:bold;
    font-size:14px;
    color:#f00;
}

.logo img{
    position: relative;
    float: left;
    width: 80px;
}

.topSas{
    width:100%;
    height:105px;
    display:grid;
    grid-row-gap:0px;
    grid-column-gap:0px;
    grid-template-columns: 460px auto;
    grid-template-rows: auto auto;
    margin-bottom:20px;
}


.aboveMenu{
    background-color:#fff;
    height:45px;
    width:100%;
    position:relative;
    grid-area: 1 / 2 / 2 / 3;
    font-weight:bold;
}

.aboveMenu > span{
    vertical-align:top;
    display:flex;
    color: #000;
    height:100%;
    justify-content:right;
    align-items:center;
    margin-right:100px;
}

.aboveMenu > span > a{
    text-decoration:none;
    color: #000;
    margin-left:10px;
    margin-right:10px;
}

.headerSas{
    background-image: linear-gradient(to right, #ed1c24 ,#b2141a);
    height:fit-content;
    min-height:70px;
    width:100%;
    text-align:center;
    position:relative;
    grid-area: 2 / 2 / 3 / 3;
    overflow:auto;
}

.headerSas > form{
    display:inline-block;
    position:relative;
    top:20px;
}

.divider{
    background-image: linear-gradient(to right, #ed1c24 ,#b2141a);
    width:100%;
    height:15px;
}

.topBoxControl{
    position:relative;
    margin:auto;
    width: fit-content;
    text-align:center;
}

.topBoxControl *{
    padding: 7px;
    
}