body {
    font-size: 8pt;
    margin-top: 0px;
    margin:0;    
}
body, p, td { font-family: Verdana, sans-serif; }

body > * {
	box-sizing: border-box;
}

p { margin-top:4px; margin-bottom:4px; }

#page {
    padding-left:10px;
    margin:8px;
	max-width: unset;
	box-sizing: border-box;
}


h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 0 0;
    font-size: 100%;
}

h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #7c7c7c;
    font-size: 180%;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0.6em;
}

h2 {
    padding-top: 1em;
}

h4 {
    font-size: 105%;
    font-weight: bold;
}

a {
    color: #005fa9;
    text-decoration: none;
}

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


table {
    border: none;
}


table * {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
th {
    padding-bottom: 4px;
    padding-left: 5px;
    border: 1px solid white;
    border-top: 2px solid #ebeced;
    border-bottom: none;
    background: #d7dce0;
    text-align: left;
    
}
.th {
	font-weight:bold;border-bottom:1px solid #AAAAAA;
}
td {
    padding: 5px 0 2px 5px;
    border: 1px solid white;
    border-top: 2px solid #f3f3f3;
    background: #ebeced;
}


.clear {
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin-top: -1px;
    clear: both;
}


ul {
    list-style-type: none;
    padding: 0;
}


.left {
    float: left;
    clear: left;
    width: 36%;
}

.right {
    float: right;
    width: 63%;
}


#page h2 {
    margin: 0;
    padding: 0;
    color: #397fad;
    font-size: 155%;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#page h1 {
    color: #397fad;
}


#page form {
    margin: 0;
    padding: 0;
}

#page table {
    margin-bottom: 2em;
    font-size: 95%;
}

#page th {
    padding: .2em 1em;
    border: none;
    background: #a7cfeb;
    text-align: center;
}

#page td {
    padding: 0;
    padding-left: .5em;
    border: none;
    background: none;
}




#tabs {
    margin: 0;
    padding: 0;
    border: none;
}


#tabs li {
    float: left;
    position: relative;
    bottom: -1px;
    padding: 2px 25px 0 15px;
    border-left: 1px solid #bec8cb;
    border-bottom: 1px solid #bec8cb;
    background: url(/corradoimg/tab.gif) top right no-repeat;
    cursor: pointer;
}

html>body #tabs li {
	bottom: -2px;
}


#tabs li.selected {
    border-bottom: 1px solid white;
    z-index: 1;
}

#tabs li.more {
    left: -15px;
}




.ipblock {
    margin-bottom: 1em;
    padding: 10px 10px;
    border: 1px solid #bec8cb;
    background-color: #FFFFFF;
    max-width:700px;
	box-sizing: border-box;
}

.sline {
		    line-height:30px;
		    height:30px;
		    display:flex;
		    
		}
		.sline:after {
			xclear:both;
		}
		.sline:nth-child(2n+0) {
		  background-color: #ebf4fb59;
		}
		
		.s1 {
		    width:45%;
		    xfloat:left;
		}
		.s2 {
		    width:35%;
		    xfloat:left;
		}
		.s3 {   /* actions */
		    width:20%;
		    xfloat:left;
		}

		.s3 a {
		    display: inline-block;
		    width: 20px;
		    text-align: center;
		}


input .pseudo {
	border: 0;
}


#page dl {
    margin: 0;
}
#page dt {
    float: left;
    clear: left;
    margin: 0;
    padding-right: .5em;
    color: black;
    font-weight: bold;
}

#page dd {
    margin-bottom: .25em;
    margin-left: 110px;
}


#page dd input, #page select {
    font-size: 90%;
    border: 1px solid #ccc;
}

#page textarea {
	border: 1px solid #ccc;
	width: 120px;
	height:90px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a img {
    border: none;
}


.center {
    text-align: center;
}



.error {
    color: red;
    font-weight: bold;
}


		 
 
		.red {
		    color: red;
		}
		.green {
		    color: green;
		}
		.orange {
		    color: #be7b00;;
		}
		.highlight  {
		    background-color: orange;
		    transition: background-color 0.5s ease;
		}    
		.highlight > * {
		    background-color: orange;
		    transition: background-color 0.5s ease;
		}
		.svg-inline--fa {
		font-size:14px;
		}
		
		
		
 
		.button{
		   width:125px;
		   height:31px;
		   background:#666666;
		   text-align:center;
		   line-height:31px;
		   color:#FFFFFF;
		   font-size:11px;
		   font-weight:bold;
		}
		.new_password {
			text-align:center;
			font-size: 16px;
		    letter-spacing: 1.2px;
		    color: #991b1b;
		}

		.sline:hover {
   			background-color: #88888855;
		}
		.sline:hover > div {
			xbackground-color: #88888855;
		}

		#legend {
		margin-bottom:20px;
		}

		input[type="number"] {
			width: 50px;
			text-align:right;
		}
		
		.flag-icon {
		  background-size: contain;
		  background-position: 50%;
		  background-repeat: no-repeat;
		  position: relative;
		  display: inline-block;
		  width: 1.33333333em;
		  line-height: 1em;
		}
		.flag-icon:before {
		  content: '\00a0';
		}
		.flag-icon.flag-icon-squared {
		  width: 1em;
		}
		.flag-icon-at {
		  background-image: url(./at.svg);
		}
		.flag-icon-gb {
		  background-image: url(./gb.svg);
		}
		#cols {
			display:flex;
			flex-wrap:wrap;
			flex-direction: row;
		}
		#header_right {
			position:absolute;
			top:20px;
			right:10px;
			text-align:right;
			margin-right:20px;
		}
		
		@media screen and (max-width:650px) {
			.s3 {
				min-width:120px;
			}
			.sline {
				min-height: 30px;
				height: unset;
				line-height: initial;
				padding-top: 6px;
			}
			
		}
		
		@media screen and (max-width:570px) {
			#header_right {
				position:unset;
				display: inline-flex;
			    justify-content: space-evenly;
			    width: 75%;
			}
			
		}
		
		@media screen and (min-width:1200px) {
			#legend {
				flex-shrink:1;
				order: 1;
			    width: calc(100% - 780px);
			    margin-left: 20px;
			    min-width: unset;
			}
		}