/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 13, ../sass/screen.scss */
#tips-oss-form-button {
background-color: transparent;
border: 0;
color: white;
text-align: center;
padding: 2px 8px 2px 8px;
cursor: pointer;
min-width: 130px;
font-size: 14px;
text-shadow: rgba(0, 0, 0, 0.3) 0 0 4px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #e30000));
background-image: -moz-linear-gradient(#ff0000, #e30000);
background-image: -webkit-linear-gradient(#ff0000, #e30000);
background-image: linear-gradient(#ff0000, #e30000);
outline: none;
}
/* line 26, ../sass/screen.scss */
#tips-oss-form-container {
position: relative;
display: inline-block;
margin: 0 auto;
float: right;
background-color: #ff0000;
z-index: 9999;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
/* line 37, ../sass/screen.scss */
#tips-oss-form {
position: absolute;
top: 100%;
right: 0;
min-width: 320px;
margin: 0 auto;
padding: 10px;
background-color: #16254c;
font-family: "Open Sans";
font-size: 1.3rem;
display: none;
}
/* line 48, ../sass/screen.scss */
#tips-oss-form * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* line 51, ../sass/screen.scss */
#tips-oss-form a {
color: white;
text-decoration: none;
}
/* line 55, ../sass/screen.scss */
#tips-oss-form label {
display: none;
}
/* line 58, ../sass/screen.scss */
#tips-oss-form input, #tips-oss-form textarea {
padding: 8px 10px;
font-size: 14px;
color: #282828;
}
/* line 63, ../sass/screen.scss */
#tips-oss-form #tips-oss-submit-row {
text-align: right;
}
/* line 66, ../sass/screen.scss */
#tips-oss-form .tips-oss-form-row {
margin-bottom: 10px;
}
/* line 70, ../sass/screen.scss */
#tips-oss-form #tips-oss-input-name {
margin: 0;
width: 100%;
max-width: 100%;
margin-right: 10px;
display: inline-block;
}
/* line 79, ../sass/screen.scss */
#tips-oss-form #tips-oss-input-phone {
margin: 0;
width: 100%;
max-width: 100%;
margin-right: 10px;
display: inline-block;
}
/* line 87, ../sass/screen.scss */
#tips-oss-form #tips-oss-information-row,
#tips-oss-form #tips-oss-submit-row-info {
color: white;
text-transform: uppercase;
font-size: 12px;
}
/* line 93, ../sass/screen.scss */
#tips-oss-form #tips-oss-information-row span:nth-child(1),
#tips-oss-form #tips-oss-submit-row-info span:nth-child(1) {
margin-right: 10px;
}
/* line 99, ../sass/screen.scss */
#tips-oss-form #tips-oss-input-email {
margin: 0;
width: 100%;
display: inline-block;
}
/* line 105, ../sass/screen.scss */
#tips-oss-form #tips-oss-message-textarea {
margin: 0;
width: 100%;
display: block;
}
/* line 111, ../sass/screen.scss */
#tips-oss-form #tips-oss-file-input {
color: white;
}
/* line 115, ../sass/screen.scss */
#tips-oss-form #tips-oss-submit-button {
background-color: #2d4c9b;
color: #FFFFFF;
font-size: 16px;
padding: 10px 22px;
border: 0;
font-weight: normal;
cursor: pointer;
width: 100%;
}
/* line 125, ../sass/screen.scss */
#tips-oss-form #tips-oss-submit-row-info {
display: inline-block;
color: white;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
/* line 133, ../sass/screen.scss */
#tips-oss-form .custom-file-upload-hidden {
display: none;
visibility: hidden;
position: absolute;
left: -9999px;
}
/* line 139, ../sass/screen.scss */
#tips-oss-form .custom-file-upload {
display: block;
width: auto;
font-size: 16px;
margin-top: 10px;
}
/* line 145, ../sass/screen.scss */
#tips-oss-form .custom-file-upload label {
display: block;
margin-bottom: 5px;
}
/* line 150, ../sass/screen.scss */
#tips-oss-form .file-upload-wrapper {
position: relative;
margin-bottom: 5px;
height: 40px;
}
/* line 156, ../sass/screen.scss */
#tips-oss-form .file-upload-input {
width: 100%;
color: #fff;
font-size: 16px;
padding: 11px 17px;
border: none;
background-color: transparent;
border-left: 116px solid transparent;
position: absolute;
left: 0;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
float: left;
/* IE 9 Fix */
}
/* line 168, ../sass/screen.scss */
#tips-oss-form .file-upload-input:hover, #tips-oss-form .file-upload-input:focus {
outline: none;
}
/* line 172, ../sass/screen.scss */
#tips-oss-form .file-upload-button {
cursor: pointer;
display: inline-block;
color: #fff;
font-size: 16px;
padding: 11px 20px;
border: none;
margin-left: -1px;
background-color: #2d4c9b;
float: left;
/* IE 9 Fix */
position: absolute;
left: 0;
top: 0;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* line 186, ../sass/screen.scss */
#tips-oss-form .file-upload-button:hover {
background-color: #385fc3;
}