@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic);

html {
    background: #eef;
	/*background-image: linear-gradient(to bottom, transparent, rgba(255,255,255,.1));*/
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased !important;
    color: #9b9b9b;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
	height:100%;


}

a {
    text-decoration: none;
    font-weight: 400;
    color: #2E3092
}

body {

    padding: 0px;
    margin: 0px;
}

#wrapper {

    max-width: 800px;
    padding: 15px;
    margin: 5% auto;
    text-align: center;
}

fieldset {
    border: 0px !important;
}

h2 {
    font-size: 36px;
    display: block;
    font-weight: 300;
    color: #2E3092 !important;
    margin: 25px 0 20px 0 !important;
    padding: 0 !important;
    font-family: 'Lato', sans-serif;
}

h3 {
    font-size: 24px;
    font-weight: 300;
    color: #2E3092;
    margin: 75px 0 50px 0;
}

#trim {

    border-radius: 11px;
    padding: 50px;
    border: 1px solid #D8D8D8;
    margin-top: 35px;
    font-size: 12px;
    margin-top: 50px;
    margin-bottom: 25px;
}

#trim:hover {
    background: #f5f5f5;
    transition: all 0.15s ease-out 0.1s;
    
}

input {
    border: 1px solid #d8d8d8;
    font-size: 16px;
	line-height: 28px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    background: transparent;
    outline: 0;
	padding: 10px;
	width: 35%; 
	display:block;
	margin: 0 auto 10px; 

}

input:focus {
    border-color: #C0C0C0;
	background: white;
    transition: all 0.15s ease-out 0.1s;
	
}

#main-trim input {
	border: 0;
    border-bottom: 3px solid #d8d8d8;
    font-size: 24px;
	line-height: 28px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    background: transparent;
    outline: 0;
padding:0;
	padding-bottom: 15px;

}

#main-trim input:focus {
    border-color: #C0C0C0;
    transition: all 0.15s ease-out 0.1s;
	
}

.url {
    float: left;
    width: 528px;
    margin-right: 20px;

}

.url:focus {
    border-color: #C0C0C0;
    transition: all 0.15s ease-out 0.1s;
}

.verify {
    width: 150px;
    float: left;
    text-align: center;
}

.verify:focus {
    border-color: #C0C0C0;
    transition: all 0.15s ease-out 0.1s;
}

p {
    display: block;
    margin-top: 35px;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    color: #666665;

}

.trim-button {
    border-radius: 30px;
    color: #FFF;
    background: #2E3092;
    width: 150px;
    font-size: 24px;
    border-bottom: 0px;
    margin-top: 20px;
    line-height: 36px;
    padding: 10px;

}

.trim-button:hover {
    background: #383838;
    transition: all 0.15s ease-out 0.1s;
    cursor: pointer;
}

#footer {
    margin-bottom: 25px;
}

#historical_clicks span.historical_link a {
padding: 0;
color: #2E3092;
}

#sandbox-css {

max-width: 800px;
margin: 0 auto;
font-family: 'Lato', sans-serif !important;
text-align: left !important;

}

#stats_lines li a.selected {
background: #ccc !important;
border: 0px !important;
color: #1a1a1a;
}

#stats_lines li a {
padding: 5px 15px !important;
background: #fff !important;
color: #666665 !important;
}

#sandbox-css h3 { font-family: 'Lato', sans-serif !important; text-align: center !important; margin: 0 auto !important; }
#sandbox-css h3 span.label{ font-size: 12pt !important; font-family: 'Lato', sans-serif !important;  }
#sandbox-css h3 a { font-size: 15pt !important;  display: block !important; text-decoration: none; text-align:left; font-weight: 400; line-height: 150%; color: #2E3092 !important;}

#flink {
    margin-right: 15px;
    font-weight: 300;
    color: #666665;
    font-size: 13px;
    text-decoration: none;
    margin-top: 40px;
}

#shorten-content table {
max-width: 800px;
float: left;
margin-top: 50px;
border: 1px #f0f0f0 solid;
border-spacing: 0;
border-collapse: collapse;
}

#shorten-content td {
    padding: 15px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
}

#shorten-content tr:hover {
    background: #F8F8F8;
        transition: all 0.15s ease-out 0.1s;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 


.url {
    float: none;
    width: 100%;
    margin-right: 0px;
    font-size: 20px;
    border-radius: 0px;

}

.verify {
    width: 100%;
    float: none;
    text-align: left;
    font-size: 20px;
    margin-bottom: 20px;
    border-radius: 0px;
}

#trim {

    border-radius: 11px;
    padding: 25px;
    border: 1px solid #D8D8D8;
    font-size: 12px;
    margin-top: 30px;
    margin-bottom: 25px;
}

p {
    display: block;
    margin-top: 75px;

}

    }