﻿p.title {font-size: 12px; font-weight: bold; margin: 20px 0 0; clear: both; padding: 0px 0; border-top: solid #ccc 1px }
.clear {clear: both}

.apriConto {width: 106px; margin:5px 10px; float: left}
.cancel    {width: 106px; margin:5px  10px; float: left}
.clienti   {width: 150px; margin:5px  10px; float: left}

/*-- Stili pulsanti --*/
.btn-std {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px;
    line-height: 30px; text-align: center;
    text-transform: uppercase; font-weight: bold;
    display: block; text-decoration: none;
    border-width: 1px; border-style: solid;
    height: 28px;
    width: 100%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #999 0px 1px 2px;
    -moz-box-shadow: #999 0px 1px 2px;
    box-shadow: #999 0px 1px 2px;
}

input.btn-std {height: 30px}
.btn-std:hover {text-decoration: none;}


/* Pulsante arancione */
.btn-orange {
  color: #fff !important;
    border-width: 1px; border-style: solid; border-color: #CA9236 #bc7500 #935600;
    background: #ec8d00;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#f09d00),to(#e87d00));
    background: -moz-linear-gradient(#f09d00,#e87d00);
    background: -ms-linear-gradient(#f09d00,#e87d00);
    background: -o-linear-gradient(#f09d00,#e87d00);
    background: linear-gradient(#f09d00,#e87d00);
    -pie-background: linear-gradient(#f09d00,#e87d00);
    position: relative;
}
.btn-orange:hover{
    border-width: 1px; border-style: solid; border-color: #d9b270 #cf9d4a #b2874a;
    background: #ffae00;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#ffbf00),to(#ff9e00));
    background: -moz-linear-gradient(#ffbf00,#ff9e00);
    background: -ms-linear-gradient(#ffbf00,#ff9e00);
    background: -o-linear-gradient(#ffbf00,#ff9e00);
    background: linear-gradient(#ffbf00,#ff9e00);
    -pie-background: linear-gradient(#ffbf00,#ff9e00);
}
.btn-orange-down{
  color: #fff !important;
    border-width: 1px; border-style: solid; border-color: #d9b270 #cf9d4a #b2874a;
    background: #ffae00;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#ff9e00),to(#ffbf00));
    background: -moz-linear-gradient(#ff9e00,#ffbf00);
    background: -ms-linear-gradient(#ff9e00,#ffbf00);
    background: -o-linear-gradient(#ff9e00,#ffbf00);
    background: linear-gradient(#ff9e00,#ffbf00);
    -pie-background: linear-gradient(#ff9e00,#ffbf00);
}

/* Pulsante grigio chiaro */
.btn-gray{
  color: #333 !important;
    border-width: 1px; border-style: solid; border-color: #f8f8f8 #e3e3e3 #b7b7b7;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#fdfdfd),to(#ededed));
    background: -moz-linear-gradient(#fdfdfd,#ededed);
    background: -ms-linear-gradient(#fdfdfd,#ededed);
    background: -o-linear-gradient(#fdfdfd,#ededed);
    background: linear-gradient(#fdfdfd,#ededed);
    -pie-background: linear-gradient(#fdfdfd,#ededed);
    position: relative;
}
.btn-gray:hover{
  color: #096abc !important;
    border-width: 1px; border-style: solid; border-color: #f8f8f8 #e3e3e3 #b7b7b7;
    background: #f9f9f9;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#fefefe),to(#f6f6f6));
    background: -moz-linear-gradient(#fefefe,#f6f6f6);
    background: -ms-linear-gradient(#fefefe,#f6f6f6);
    background: -o-linear-gradient(#fefefe,#f6f6f6);
    background: linear-gradient(#fefefe,#f6f6f6);
    -pie-background: linear-gradient(#fefefe,#f6f6f6);
}
.btn-gray-down{
  color: #096abc !important;
    border-width: 1px; border-style: solid; border-color: #f8f8f8 #e3e3e3 #b7b7b7;
    background: #f9f9f9;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#f6f6f6),to(#fefefe));
    background: -moz-linear-gradient(#f6f6f6,#fefefe);
    background: -ms-linear-gradient(#f6f6f6,#fefefe);
    background: -o-linear-gradient(#f6f6f6,#fefefe);
    background: linear-gradient(#f6f6f6,#fefefe);
    -pie-background: linear-gradient(#f6f6f6,#fefefe);
}

/* Pulsante azzurro semplice */
.btn-blue, .btn-blue-noHover{
  color: #fff !important;
    border-width: 1px; border-style: solid; border-color: #368fbf #0071ae #0071ae;
    background: #0094dc;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#00a4e3),to(#0087d7));
    background: -moz-linear-gradient(#00a4e3,#0087d7);
    background: -ms-linear-gradient(#00a4e3,#0087d7);
    background: -o-linear-gradient(#00a4e3,#0087d7);
    background: linear-gradient(#00a4e3,#0087d7);
    -pie-background: linear-gradient(#00a4e3,#0087d7);
    position: relative;
}
.btn-blue:hover{
    border-width: 1px; border-style: solid; border-color: #369fdb #0085d1 #0085d1;
    background: #00a6f8;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#00b3fa),to(#0098f7));
    background: -moz-linear-gradient(#00b3fa,#0098f7);
    background: -ms-linear-gradient(#00b3fa,#0098f7);
    background: -o-linear-gradient(#00b3fa,#0098f7);
    background: linear-gradient(#00b3fa,#0098f7);
    -pie-background: linear-gradient(#00b3fa,#0098f7);
}
.btn-blue-down{
  color: #fff !important;
    border-width: 1px; border-style: solid; border-color: #369fdb #0085d1 #0085d1;
    background: #00a6f8;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#0098f7),to(#00b3fa));
    background: -moz-linear-gradient(#0098f7,#00b3fa);
    background: -ms-linear-gradient(#0098f7,#00b3fa);
    background: -o-linear-gradient(#0098f7,#00b3fa);
    background: linear-gradient(#0098f7,#00b3fa);
    -pie-background: linear-gradient(#0098f7,#00b3fa);
}

/* Pulsante azzurro composto */
.btn-comp-arrow      {background:url(https://media.evaluation.it/step/images/logInArrow.png) no-repeat right center; padding-right: 20px;}
a.btn-comp-arrow     {display: block; color:#fff; text-decoration: none}
input.btn-comp-arrow {width:100%; height:100%; border:none; display:block; color: #fff; font-family: Arial, Helvetica, sans-serif; 
                      font-size: 12px; font-weight: bold; text-transform:uppercase; line-height: 30px; cursor: pointer}

#btnAreaClienti {height: 28px; } 
#btnAddPortfolio {height: 28px; } 

.float-left {float:left}
.float-right {float:right}
.hide {display: none}
.show {display: block}
div.clear {clear: both;}
div.clear1px {clear: both; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0}

.loginBox { width: 300px; position: relative; }
.loginBox .header {
    position: relative;
    width: 295px; height: 44px;
    overflow: hidden;
    border-width: 1px; border-style: solid; border-color: #368dbf #006eae #006eae;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#008cd9),to(#0080c1));
    background: -moz-linear-gradient(#008cd9,#0080c1);
    background: -ms-linear-gradient(#008cd9,#0080c1);
    background: -o-linear-gradient(#008cd9,#0080c1);
    background: linear-gradient(#008cd9,#0080c1);
    -pie-background: linear-gradient(#008cd9,#0080c1);
}
.loginBox .areaClienti{
    float: left;
    height: 44px; line-height: 44px;
    margin: 0 0 0 16px; padding: 0 0 0 20px;
    background: url(https://media.evaluation.it/step/images/padlock-lightblue.png) no-repeat 0 center;
    color: #fff;
    font-size: 20px; font-family: Calibri, arial; font-weight: bold;
}
.loginBox .sfondo {
    position: relative;
    background-color:#fff;
    overflow: hidden;
    width: 297px;
    float: right;
    -webkit-box-shadow: #999 0px 2px 3px;
    -moz-box-shadow: #999 0px 2px 3px;
    box-shadow: 0 2px 3px #999;
}

.loginBox .main {
    border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px;
    padding: 20px 22px 0;
    background-color: #fff;
}
.loginBox #errorBox {
    background: url(https://media.evaluation.it/step/images/ico-error.png) no-repeat 13px center #ffefef; color: #8b0000; border: solid 1px #fd5c5c;
    line-height: 16px;
    padding: 9px 13px 9px 55px;
    margin: 0 0 20px;
}
.loginBox form {
    overflow: visible;
}
.loginBox .row {
    padding: 0 0 16px;
    position: relative;
}
.loginBox .txtType    {font-size: 14px !important;}
.loginBox .fieldSize  {width: 232px;}
.loginBox .buttonSize {width: 120px;}
.loginBox .buttonSize input { position: relative; }

.loginBox #footer{
    background-color: #f4f4f4;
    height: 39px; line-height: 40px;
    padding: 0 0 0 25px;
    border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px;
    font-size: 11px; font-weight: bold;
    width: 270px;
}
.loginBox #footer .separa{padding: 0 8px}
.loginBox #footer .separa-riga{padding: 0 8px; border-left: solid 1px #d9d9d9}