@import url(../../css/fonts/ars_maquette/font.css);
body {font-family: 'ARSMaquettePro', sans-serif; font-size:14px; margin:0!important; box-sizing: border-box;}

td { font-family: inherit; font-size: 16px; text-decoration: none;}
td.g { background-color: #80b33a !important; }
td.y { background-color: #FFCC66 !important; }
td.r { background-color: #FF3333 !important; }
.s1 { font-family: inherit; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}
a    { color: #114170; text-decoration: underline;  cursor: pointer;}
a.l { font-size: 12px; font-weight: bold; color: blue; text-decoration: underline;}
input	    {  font-family:  inherit; font-size: 14px; width:100%;margin:10px 0; box-sizing: border-box;}

select { font-size: 14px; font-family: inherit ; background-color: #fff; border: solid 1px #ccc ; fint-weight: bold; color: #000000; width: 92%;margin-bottom:15px;}
.newtable-search select {margin-bottom:0;}
.search_results h3 {
float: left;
clear: both;
}
topmenu { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;}
small  {  font-size: 12px; font-family: inherit; scrollbar-DarkShadow-Color:#234560; scrollbar-Track-Color:#345670; scrollbar-Face-Color:#89ABC0; scrollbar-Shadow-Color:#789ABC; scrollbar-Highlight-Color:#456789; scrollbar-3dLight-Color:#789ABC; scrollbar-Arrow-Color:#FFFFFF }
input.small { font-size: 14px; font-weight: bold }
hr {
    border: none;
    clear: both;
}


.sort {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0px;
    background: #ffffff;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container {
margin: 0 auto;
overflow: hidden;
width: 88%;
min-width:1000px;
}


header {
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
    height: 75px;
    width: 100%;
    min-width: 1000px;
    background: #fff;
    border-bottom: 1px solid #c5ceda;
}
.headercont {
width: 89%;
min-width:1000px;
margin: 0 auto;
overflow: hidden;
}
.headercont .top a {text-decoration:none!important;}
.hide {display:none;}
.show {display:block;}
div.searchbox input[type=text] {
width: 175px;
padding: 5px 25px 5px 10px;margin:5px;
background: url(img/search.png) 190px 10px no-repeat;
}

input[type=text], input[type="password"] {
border: 1px solid #ccc;
border-radius: 4px;
}

.container h2 {font-size:2em; padding-left:5px;}

.searchbox {/*width:310px; */width:auto;margin-top:15px;}

.panel {
margin: 0px auto;
overflow: hidden;
display:none;
margin-bottom:20px;
clear: left;}

.showresults .panel {display:block;}

.pm a {
background: url(img/mail.png) bottom left no-repeat;
background-size: 18px;
padding-left: 20px;
}



.payment a {
background: url(img/pdf.png) center left no-repeat;
background-size: 13px 14px;
padding-left: 17px;
}
.feedback a {
background: url(img/star.png) center left no-repeat;
background-size: 20px;
margin-top:16px;
padding: 2px 0 0 22px;
color:#517aae;
}
.logo {
    width: 44%;
    margin-top: 14px;
    max-width: 230px;
}
.left {float:left;}
.right {float:right;}
.tright {text-align:right!important;}
.p20 {padding:20px;}
table {
	border-collapse: collapse;
border-spacing: 1px;
}
div.top.left {
width: 56%;
}
div.top.left h1 {
margin-top: 20px;
margin-left: 10px;
float: left;	
color: #000;
}
div.top.right {
width: 44%;
margin-top:17px;
}
.custid {
font-size:0.9em; color:#666;
	float: right; padding-right: 10px;
	}

.adv {display: block;
float: right;
clear:both;
font-size: 13px;
font-weight: normal;}
.adv, .closeadv {cursor:pointer;}
.closeadv {
margin-top: 56px;
font-weight: normal;
font-size: 13px;
}


.nav .active {
text-decoration: none;
font-weight: bold;
padding:2px 10px;
}

.sort ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: unset;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.sort ul li {
    display: flex;
    margin-right: 10px;
    line-height: 20px;
}

.sort ul a {
min-width: 100px;
width: auto;
display: inline-block;
padding: 5px;
}


.projdet {line-height:24px;}
.jobdetails  tr {
    border-bottom: 1px solid #ccd4df!important;
height:40px;
}
.jobdetails tr:last-child {
border-bottom: none!important;
}
.jobdetails tr td {
padding: 15px;
}

.fattura table.jobdetails tr {
   background-color: #fff;
}


table.jobdetails tr:last-child {
   background-color: #fff;
}



.jobdetails tr {
    border-bottom: 1px solid #c5ceda !important;
    height: 40px;
}
.jobdetails tr:first-child {
    border-bottom: none !important;
}
.login td {
}
.login h1 {
color: #333;
}

.login h2 {
color: #333;
}

.login h3 {
color: #333;
font-size:90%
}


.login table {width:100%;color:#333;}
.login {margin: 0 auto;
color:red;
min-width:360px;
overflow: hidden;
width: 35%; margin-top:5%;
}
.login .button-green {background: #0055B8; padding: 10px 20px !important;}
.projtot, .price {text-align:right;!important}
.nav { margin:0; padding:0;}
.nav li {float:right; list-style: none;border-right: 1px solid #EBEBEB;}
.nav li:first-child {border-right:none;}
.nav li a { color: #114170; display:block;padding: 2px 10px;}
.nav-left { float:left;}
/*.nav-left li:first { padding: 0 10px 0 0;}*/
.nav-right {float: right;
margin-top: -16px;
clear: both;}
.title{background: #f0f3f6 !important;font-weight:bold}
.nav .search a{text-decoration:none;}
.newtable, .newtable-search  {/*font-size:14px;*/width:100% !important}
.newtable-search  {padding:5px 10px !important;background:#f7f8f9;border:1px solid #ccc !important;border-collapse: separate;table-layout:fixed;}
.newtable-search td {font-size:14px!important;}
.newtable-search th {text-align:left}
.newtable-search .intestazione td {
font-size: 14px!important;
padding: 5px 3px;
font-weight: 800;
background: #e6edf2;
border-right: 1px solid #BBB;
border-bottom: 1px solid #235f95;
text-align: left;
}
div.sort.newposition {
    position: fixed;
    top: 0px;
    width: 100%;
    min-width: 1000px;
    box-shadow: 0px 6px 9px 0px rgba(204, 204, 204, 0.7);
    border-bottom: 0;
    left: 0%;
    padding-left: 6%;
    padding-right: 6%;
}
.newtable tr th {padding:5px; text-align:left;}
.newtable tr td {
    padding: 5px;
    font-size: 13px;
    color: #000;
}
.newtable tr td.projdet {
    font-size: 16px;
}
.login-input{border:1px solid #ccc;padding:5px;margin:3px 0 3px 0}
.container-footer {
    width: 100%;
    background: #fff;
    border-top: 1px solid #98999b;
    clear: both;
    font-family: inherit;
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 37px !important;
}

.footer {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 40px;
    min-width: 1000px;

}
.container-footer-login {
border-top: 1px solid #f4f4f4;
margin-top: 200px;
}
.newfooter ul li {
display: block!important;
float: none!important;
line-height: 20px!important;
margin: 0!important;
padding: 5px;
}

.newfooter {
width:88%;
margin:0 auto;
overflow:hidden;	
text-align:left;
font-size:14px;
}

.footcol1, .footcol2, .footcol3 {
float: left;
width:31%;
}

.footcol3 img {
width:70px;
}

.newfooter .tw {
padding-left: 18px;
background: url(img/tw.png) left center no-repeat;
background-size: 14px;
}

.newfooter .fb {
padding-left: 18px;
background: url(img/fb.png) left center no-repeat;
background-size: 14px;
}

.footcol3 {
padding: 20px;
text-align:center;
}


.filter {
    float: unset;
    display: flex;
    align-items: center;
}
.filter select {
    width: auto;
    float: unset;
    margin-bottom: 0;
}
.filter span {
    margin-right: 5px;
}

.footer input{
    display: flex;
    height: 40px;
    min-width: 1000px;
}
.note {
    width: 88%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.projtot {
padding-right: 5px!important;}
.note p {
    font-size: 12px;
    margin: 0;
}
.button {width: 20px; height: 20px;background: #cedce7;text-align:center; color:#235F95;}
.navigation {
    font-size: 12px;
}
.navigation button {
    margin-left: 5px;
    margin-right: 5px;
}
.button-green{ float:right; padding: 5px 20px !important;
margin: 6px 0px;background: #6BD3BD; color:#fff; text-decoration: none; border: none; cursor: pointer;width:auto;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
		border-radius:3px;
}
.button:active {box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
}


.search_results {
float: left;
width: 97.8%;
padding: 0.5% 1%;
margin-bottom: 20px;
border: 1px dashed #ccc;
}
td.big {
font-size: 16px!important;
font-weight: 800;
}
input.project_name {
width: 95%;
}



/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	left:20px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background:  url(img/icon_top.png) no-repeat center center;
	/* rounded corners */
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	    opacity: 0.3;
}

select.price_operator {
width: 40%;
float: left;
margin-top: 10px;
}

input.cost {
width: 48%;
float: left;
margin-left: 5px;
}


.button,input[type="button"], input[type="submit"] {

text-decoration:none;
text-align: center !important;
padding: 10px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
}
#containerTable .button,input[type="button"], #containerTable input[type="submit"] {
border:0;
width:auto;
padding:10px;
background-color: #0078e7;
color: #fff;
cursor:pointer;
float: right;
/*margin-right: 10%;*/
}
/*.button {width: 190px;}*/
.pl10 {padding-left:10px;}


.prev_online{
font-size: 120%;
width: auto;
padding:10px 20px;
background: #0055B8;
}
.projtot small {margin-top:5px;}
.active.button, .creafattura{background: #a1aab5;
    border: 1px solid #a1aab5;}
.inactive.button {    border: 1px solid #c5ceda;
    color: #002B5C;
    background: white;  }
.inactive.button:hover {
    background: #a1aab5;
    border: 1px solid #a1aab5;
    background: #f2f5f7;
}
.pay-now.button {background: #1BB440; margin: 10px 0; clear:both;width:auto;}
.projtot span {
display: block;
width: 194px;
height: 20px;
clear: both;
float: right;
background: url(img/paynow.png) bottom center no-repeat;
background-size: 194px;
}




#back-top a:hover span {
opacity: 0.6;
}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white!important;
    background: black!important;
    border-radius: 4px!important;
    border: 2px solid white;
    font-size: 14px;
    box-shadow: 0 0 4px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
  td.projdet {
padding: 0!important;
}
  
	td.projdet .divider, .fattura .divider{
border-left: 1px solid #ccc;
padding: 3px 3px 3px 0px;
margin: 0 5px;
}  

.riepilogo tr {
height: 35px;
}
.riepilogo {
margin: 20px 0;
float: right;
}

.riepilogo td {
padding: 0 0 0 20px;
}


.riepilogo tr {
height: 35px;
border-top: 1px solid #ccc;
}

.bottom {
float: left;
clear: both;
margin-top: 20px;
}

.riepilogo .totale {
background: #F1F1F1;
}

input.button.pay-now, input.creafattura{
border: 0;
height: 40px;
}

.fatt-ext input {
margin: 0;
font-weight: normal;
margin-right: 10px;
}
  
 input.creafattura {width:200px;}
 span.highlight {
     color: #002B5C;
     font-size:1.3em;
     padding-left: 0!important;
     font-weight: 100;
}

/* fattura */

.fattura .container {
width: 78%;
border: 1px solid #f4f4f4;
margin-bottom: 50px;
-webkit-box-shadow: 0px 6px 9px 0px rgba(204,204,204,0.29);
-moz-box-shadow: 0px 6px 9px 0px rgba(204,204,204,0.29);
box-shadow: 4px 6px 9px 0px rgba(204,204,204,0.29);
}

.fattura header {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height:40px;
margin-bottom:0;
}

.fattura .headercont {
	width:78%;
	height:20px;
	padding:10px 0;
}


.fattura .wrapper {
padding: 3% 5% 3% 5%;
margin: 0 auto;
overflow: hidden;
}

.nowrap, .statustd {white-space:nowrap;}

.fattura .nav li a {display:inline;}

.fattura .jobdetails tr td {
padding: 0;
}

.fattura .jobdetails tr td tr td {
	padding:5px;
}
.fattura h2 {
font-size:22px;
}

tr.id-fattura td {
padding: 10px 0!important;
}


li.payment a, li.print a {
padding-left: 20px;
margin-left: 10px;
}

#projectTable_1 {
width: 100%;
line-height:24px;
}

.fatt-ext table tr  {vertical-align:top;}
.fatt-ext table td, .fatt-ext table th {padding:5px;}
.fatt-ext table th {text-align: right;}

.fattura .logo {margin-bottom: 8px; margin-top:0;max-width: 250px;}

.fatt-tran{
width: 55%; font-size: 13px;
line-height: 20px;color: #888888;}
.fatt-ext {width:45%; margin-top:64px;}
#projListContainer {
margin-top: 20px;
float: left;
}

.payment-m div:last-child {
margin-right: 0;
}
.payment-m div {
width: 30%;
float: left;
margin-right: 2.5%;
border-radius: 4px;
line-height: 24px;
padding: 1% 0.7%;
border: 1px solid #ECECEC;
min-height: 280px;
}

.payment-m h3 {
margin:10px 0;
border-bottom: 1px solid #235f95;
padding-bottom: 10px;
color: #235f95;
}

.fattura u {
text-decoration: none;
font-weight: bold;
}


.jobdetails.riepilogo {
border-top: 1px solid #ccc;
}

.fattura select {
width: 50%;
display: block;
margin-bottom: 5px;
}

.fattura label {color:#000;}




@media (max-width: 1100px) {
.headercont {width:90%;}

div.top.left h1 {letter-spacing:-0.5px;}
.prev_online {font-size: 100%;
width: 120px;}

.filter select {
width: 40%;
min-width:120px;
}

.prev_online {
    font-size: 100%;
    width: auto;
    float: right;
    background: #0055B8;
    color: #fff;
    padding: 4px 10px 0px;
    margin: -5px 10px 20px 0;
}

.filter span {
width: 57%;
display:none;
}

}
@media (max-width: 1050px) {
div.top.left {
width: 54%;
}
div.top.right {
width: 46%;
}
div.top.left h1 {
font-size: 1.4em;
margin-top:23px;
}
}
/* query specifiche per lingue */
.fr .headercont h1,
.ru .headercont h1 
{font-size:1.7em; margin-top:25px!important;}
.pt .headercont h1,
.es .headercont h1 
{font-size:1.6em; margin-top:25px!important;}
@media (max-width: 1200px) {
.fr .headercont h1,
.pl .headercont h1,
.ru .headercont h1
{font-size:1.5em;padding-top: 2px;}
.filter span {display:none;}
.pt .headercont h1
.es .headercont h1 
{font-size:1.4em;}

.pt .prev_online, .es .prev_online {
font-size: 100%;
width: auto;
float: right;
background: #0055B8;
color: #fff;
padding: 2px 10px;
margin:-5px 10px 20px 0;
}

.pt div.top.left, .es div.top.left {
width: 60%;
}
.pt div.top.right, .es div.top.right {
width: 40%;
}

}

@media (max-width: 1350px) {
    .pl .prev_online {
        font-size: 100%;
        width: auto;
        float: right;
        background: #0055B8;
        color: #fff;
        padding: 2px 10px;
        margin: -5px 10px 20px 0;
    }

    .fr .filter span {
        display: none;
    }

    .sel_project, .sel_job {
        margin: 3px !important;
        width: 16px;
    }

    th.first_col {
        padding: 3px !important;
    }

    img.canceljob:hover {
        cursor: pointer;
    }

    #total_cost {
        float: left;
        margin-left: 70px;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
    }

    /********** PRIVACY POLICY  **************/
    /*#privacy-policy {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #cedbe5;
      padding: 10px 0;
      display: none;
      z-index: 10000;
      text-align: center;
      font-size: 12px;
    }

    .privacy-policy-accept > a {
      font-size: 14px;
      color: #fff !important;
      text-decoration: none;
      padding: 4px 10px;
      margin-left: 30px;
      border-radius: 3px;
      cursor: pointer;
      border: 0;
      background: #8fbb4c;
      background: -webkit-gradient(linear, left top, left bottom, from(#87b843), to(#618f2c));
      background: -moz-gradient(linear, left top, left bottom, from(#87b843), to(#618f2c));
      background: transparent -moz-linear-gradient(center top , #87B843, #618F2C) repeat scroll 0% 0%;
    }*/
}
#privacy-policy {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f2f5f7;
    padding: 10px;
    text-align: left;
    min-width: 1000px;
}

#privacy-policy div {
    width: 89%;
    margin: 0 auto;
}

/*#privacy-policy div a {
    cursor: pointer;
}*/

/*****************************************/