﻿
/* serve per centrare la maschera di login*/
.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.Absolute-Center.is-Responsive {
  width: 50%; 
  height: 50%;
  min-width:330px;
  max-width:440px;
  padding: 40px;
}

.Absolute-Center.vertical-center {
     
    margin-top:40px;
}

.padding-top-container{
    margin-top:40px;
}
 
     
 
 /************************************/

/*STYLE DEL FOOTER DEVE ESSERE FISSO IN BASSO*/  
.eplast_footer {
    position:fixed;
    bottom:0px;
    width:100%;
    height:5%;
    background-color:#555555;
    color:white;
    font-family:'Segoe UI';
    font-size:.9em;
    text-align:left;
    padding-top:10px;  
}

/*CAMBIO IL COLORE DEI LINK IN ARANCIONE SE SERVE UTILIZZANDO QUESTO STILE*/
.eplast_link{
    color:darkorange;
    font-size:.9em;
}
.eplast_link:hover{
    color:white;
}
body{
    font-family:'Segoe UI';
}
/* gestione colore username sulla headerbar se ci passo sopra o no con il mouse*/
#UserName{
    color:#555555;
}
#UserName:hover{
    color:white;
}
/*******/

/*gestione button home agenti che devono essere compatibili con i device mobile senza però andare in colonna ma restare 2 a 2*/
.btn.btn-warning.eplast-button{
    
     min-height: 100px; 
     width: 100%;
     white-space: normal; 
     font-size:0.9em; 
     text-align: center;
     vertical-align:middle;
}
.btn.btn-warning.eplast-button-search{
    
     min-height: 20px; 
     width: 100%;
     white-space: normal; 
     font-size:0.8em; 
}
 .row .padding-bottom-row{
     padding-bottom:2px;
 }

.dropdown-toggle.btn-warning.eplast-button {
    /*color: #fff;
    background-color: #ec971f;
    border-color: #d58512;*/

    min-height: 100px;
    width: 100%;
    white-space: normal;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
    /*padding: 0px 50px 0px 50px;*/
}

     
/*è lo stile del div che fa da freccia in alto*/
#up {
   /* width: 48px;
    height: 48px;*/
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 2;
   /* background-color: #000;*/
    display: none;
   /* background: url(/images/arrowpagetop.png); l’immagine è messa come sfondo
    background-position: center;*/
    opacity: 0.4;
    filter: alpha(opacity=40);
}

  .btn-circle.btn-lg {
        width: 40px;
        height: 40px;
        padding: 5px 8px;
        font-size: 12px;
        line-height: 1.33;
        border-radius: 25px;
        opacity:0.7;
        filter: alpha(opacity=40);
        z-index:99999;
    }

    .feedback {
        position: fixed;
    }

    .feedback textarea {
        height: 180px;
    }

    .feedback .screenshot {
        position: relative;
        top: -24px;
        right: 10px;
        opacity: .6;
    }

    .feedback .screenshot:hover {
            opacity: 1;
        }

    .feedback .reported p, .feedback .failed p {
        height: 190px;
    }


    .feedback.left {
        left: 10px;
        bottom: 50px;
    }

    .feedback.right {
        right: 5px;
        bottom: 5px;
    }

    .feedback .dropdown-menu {
        width: 320px;
        height: 320px;
        bottom: 50px;
    }

    .feedback.left .dropdown-menu {
        left: 0px;
    }

    .feedback.right .dropdown-menu {
        right: 0px;
    }

  


