html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
body {
font: 12px/18px Lucida Sans, sans-serif;
}
select,
input,
textarea,
button {
font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
a:hover,
a:active,
*:focus,
input:focus,
button:focus {
outline: none;
}
ul,
ol {
margin-left: 2em;
}
ol {
list-style-type: decimal;
}
nav ul,
nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
small {
font-size: 85%;
}
strong,
th {
font-weight: bold;
}
td {
vertical-align: top;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
}
button,
input,
select,
textarea {
margin: 0;
}
input:invalid,
textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px transparent;
-webkit-box-shadow: 0px 0px 5px transparent;
box-shadow: 0px 0px 5px transparent;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: transparent;
}
::-moz-selection {
background: #a1d8f0;
color: #fff;
text-shadow: none;
}
::selection {
background: #a1d8f0;
color: #fff;
text-shadow: none;
}
a:link {
-webkit-tap-highlight-color: #a1d8f0;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
body,
select,
input,
textarea {
color: #444;
}
a,
a:active,
a:visited {
text-decoration: none;
}
a:hover {
color: #c00;
cursor: pointer;
}
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
@font-face {
font-family: 'pacificoregular';
src: url('../fonts/pacifico-webfont.eot');
src: url('../fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pacifico-webfont.woff2') format('woff2'), url('../fonts/pacifico-webfont.woff') format('woff'), url('../fonts/pacifico-webfont.ttf') format('truetype'), url('../fonts/pacifico-webfont.svg#pacificoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "pacific-icons";
src: url("../fonts/pacific-icons.eot?84638b45305a0ac62282057f2c71b2bc");
src: url("../fonts/pacific-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/pacific-icons.woff?84638b45305a0ac62282057f2c71b2bc") format("woff"), url("../fonts/pacific-icons.ttf?84638b45305a0ac62282057f2c71b2bc") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "merchants-icons";
src: url("../fonts/merchants-icons.eot?u97tc8");
src: url("../fonts/merchants-icons.eot?u97tc8#iefix") format("embedded-opentype"), url("../fonts/merchants-icons.woff?u97tc8") format("woff"), url("../fonts/merchants-icons.ttf?u97tc8") format("truetype"), url('../fonts/merchants-icons.svg?u97tc8#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Black';
src: url('../fonts/Roboto/roboto-black-webfont.eot');
src: url('../fonts/Roboto/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-black-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-black-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-black-webfont.svg#Roboto-Black') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Black_italic';
src: url('../fonts/Roboto/roboto-blackitalic-webfont.eot');
src: url('../fonts/Roboto/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-blackitalic-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-blackitalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-blackitalic-webfont.svg#Roboto-Black_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Bold';
src: url('../fonts/Roboto/roboto-bold-webfont.eot');
src: url('../fonts/Roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-bold-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-bold-webfont.svg#Roboto-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Bold_italic';
src: url('../fonts/Roboto/roboto-bolditalic-webfont.eot');
src: url('../fonts/Roboto/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-bolditalic-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-bolditalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-bolditalic-webfont.svg#Roboto-Bold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Italic';
src: url('../fonts/Roboto/roboto-italic-webfont.eot');
src: url('../fonts/Roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-italic-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-italic-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-italic-webfont.svg#Roboto-Italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Light';
src: url('../fonts/Roboto/roboto-light-webfont.eot');
src: url('../fonts/Roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-light-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-light-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-light-webfont.svg#Roboto-Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Light_italic';
src: url('../fonts/Roboto/roboto-lightitalic-webfont.eot');
src: url('../fonts/Roboto/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-lightitalic-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-lightitalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-lightitalic-webfont.svg#Roboto-Light_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Medium';
src: url('../fonts/Roboto/roboto-medium-webfont.eot');
src: url('../fonts/Roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-medium-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-medium-webfont.svg#Roboto-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Medium_italic';
src: url('../fonts/Roboto/roboto-mediumitalic-webfont.eot');
src: url('../fonts/Roboto/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-mediumitalic-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-mediumitalic-webfont.svg#Roboto-Medium_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Regular';
src: url('../fonts/Roboto/roboto-regular-webfont.eot');
src: url('../fonts/Roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-regular-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-regular-webfont.svg#Roboto-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Thin';
src: url('../fonts/Roboto/roboto-thin-webfont.eot');
src: url('../fonts/Roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-thin-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-thin-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-thin-webfont.svg#Roboto-Thin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Thin_italic';
src: url('../fonts/Roboto/roboto-thinitalic-webfont.eot');
src: url('../fonts/Roboto/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-thinitalic-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-thinitalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/roboto-thinitalic-webfont.svg#Roboto-Thin_italic') format('svg');
font-weight: normal;
font-style: normal;
}
div {
border: 0px solid red;
box-sizing: border-box;
}
::-webkit-input-placeholder {
color: #EFF1E4;
}
:-moz-placeholder {
/* Firefox 18- */
color: #EFF1E4;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #EFF1E4;
}
:-ms-input-placeholder {
color: #EFF1E4;
}
html {
height: 100%;
overflow: hidden;
}
html body {
height: 100%;
margin: 0;
overflow: hidden;
background: url(../images/Loading_Texture.png) repeat;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
not supported by any browser */
/*----- Top Level -----*/
/*----- Bottom Level -----*/
/****/
/***/
/*************FORGOT PASSWORD***********************/
}
html body .menu-wrap {
background: transparent;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
right: 20px;
margin-right: 30px;
position: fixed;
z-index: 999;
}
html body .menu-wrap:hover {
background: #162C41;
border: #FFF 2px solid;
border-top: 0px;
}
html body .menu {
margin: 0px auto;
}
html body .menu li {
margin: 0px;
list-style: none;
}
html body .menu a {
transition: all linear 0.15s;
color: #919191;
}
html body .menu li:hover > a,
html body .menu .current-item > a {
text-decoration: none;
color: #fff;
}
html body .menu .arrow {
background: url(../images/login-img/btn-drop.png) no-repeat;
line-height: 0%;
width: 42px;
height: 27px;
float: right;
margin-top: -5px;
margin-left: 20px;
}
html body .menu > ul > li {
display: inline-block;
position: relative;
}
html body .menu > ul > li > a {
padding: 10px 20px;
display: inline-block;
display: block;
font-family: 'Roboto-Regular', sans-serif;
font-size: 25px;
font-weight: 400;
margin: 10px 0 10px 0px;
color: #FFF;
}
html body .menu > ul > li:hover > a,
html body .menu > ul > .current-item > a {
background: #162C41;
}
html body .menu ul li:hover > ul {
display: block;
}
html body .menu li:hover .sub-menu {
z-index: 1;
opacity: 1;
}
html body .sub-menu {
width: 100%;
padding: 25px 0px;
position: absolute;
top: 100%;
left: -2px;
z-index: -1;
border: #FFF 2px solid;
border-top: #FFF 0px solid;
display: none;
transition: opacity linear 0.15s;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
background: #162C41;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
margin-top: -18px;
font-family: 'Roboto-Regular', sans-serif;
font-size: 25px;
font-weight: 400;
color: #fff;
text-align: center;
}
html body .sub-menu li {
display: block;
}
html body .sub-menu li a {
padding: 30px 30px;
display: block;
color: #fff;
}
html body .sub-menu li a:hover,
html body .sub-menu .current-item a {
background: transparent;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
html body #background {
background-image: url(../images/login-img/bkg2520.png);
background-position: center center;
background-repeat: no-repeat;
background-size: auto auto;
height: 100%;
margin: 0;
overflow: hidden;
}
@media (max-width: 1024px) {
html body #background {
background-image: url(../images/login-img/bkg1024.png);
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background {
background-image: url(../images/login-img/bkg667.png);
}
}
html body #background #left-container {
display: inline-block;
height: 100%;
text-align: right;
width: 50%;
}
html body #background #left-container #footer-left-container {
bottom: 0px;
color: #EFF1E4;
height: 5%;
font-family: 'Roboto-Light', sans-serif;
font-size: 1.05em;
padding-right: 198px;
position: fixed;
text-align: right;
text-transform: uppercase;
width: 50%;
}
@media (max-width: 1024px) {
html body #background #left-container #footer-left-container {
padding-right: 20px;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #left-container #footer-left-container {
font-size: 0.8em;
height: 30px;
padding-right: 17px;
}
}
html body #background #right-container {
display: inline-block;
height: 100%;
vertical-align: top;
width: 50%;
}
html body #background #right-container #top-right-container {
height: 68px;
width: 100%;
}
@media (max-width: 667px) {
html body #background #right-container #top-right-container {
height: 30px;
}
}
html body #background #right-container #middle-right-container {
display: table;
height: 93%;
width: 100%;
}
@media (max-width: 667px) {
html body #background #right-container #middle-right-container {
height: 93%;
}
}
html body #background #right-container #middle-right-container #controls-container {
display: table-cell;
vertical-align: middle;
}
html body #background #right-container #middle-right-container #controls-container .text-input {
background-color: #142E3F;
border: 1px solid #EFF1E4;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
color: #EFF1E4;
font-family: 'Roboto-Regular', sans-serif;
font-size: 1.2em;
font-weight: 500;
height: 50px;
margin-bottom: 30px;
text-align: center;
text-decoration-color: #142E3F;
width: 48%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #controls-container .text-input {
width: 70%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #controls-container .text-input {
height: 35px;
margin-bottom: 20px;
width: 80%;
}
}
html body #background #right-container #middle-right-container #controls-container #password-forgot {
color: #EFF1E4;
font-family: 'Roboto-Light', sans-serif;
font-size: 1.2em;
text-align: center;
width: 48%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #controls-container #password-forgot {
width: 70%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #controls-container #password-forgot {
font-size: 1em;
width: 80%;
}
}
html body #background #right-container #middle-right-container #controls-container #password-conditions {
color: #2C9EDD;
font-family: 'Roboto-Light', sans-serif;
font-size: 0.9em;
line-height: 12px;
text-align: center;
width: 48%;
padding-top: 10px;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #controls-container #password-conditions {
width: 70%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #controls-container #password-conditions {
font-size: 0.8em;
padding-top: 5px;
width: 80%;
}
}
html body #background #right-container #middle-right-container #controls-container #submit-container {
text-align: center;
width: 48%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #controls-container #submit-container {
width: 70%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #controls-container #submit-container {
width: 78%;
}
}
html body #background #right-container #middle-right-container #controls-container #submit-container .submit-button {
background-color: #EFF1E4;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
color: #2C9EDD;
font-family: 'Roboto-Regular', sans-serif;
font-size: 1.5em;
font-weight: 700;
height: 50px;
margin-top: 30px;
text-align: center;
text-decoration-color: #142E3F;
text-transform: uppercase;
min-width: 40%;
}
@media (max-width: 667px) {
html body #background #right-container #middle-right-container #controls-container #submit-container .submit-button {
height: 40px;
font-size: 1.2em;
margin-top: 20px;
min-width: 45%;
}
}
html body #background #right-container #middle-right-container #password-forgot-container {
display: none;
vertical-align: middle;
}
html body #background #right-container #middle-right-container #password-forgot-container #message-container {
color: #EFF1E4;
font-family: 'Roboto-Light', sans-serif;
font-size: 1.5em;
margin-bottom: 3%;
text-align: center;
width: 60%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #password-forgot-container #message-container {
width: 80%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #password-forgot-container #message-container {
font-size: 1.1em;
margin-top: 20%;
width: 90%;
}
}
html body #background #right-container #middle-right-container #password-forgot-container #email-container {
text-align: center;
width: 60%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #password-forgot-container #email-container {
width: 80%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #password-forgot-container #email-container {
width: 90%;
}
}
html body #background #right-container #middle-right-container #password-forgot-container #email-container .text-input {
background-color: #142E3F;
border: 1px solid #EFF1E4;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
color: #EFF1E4;
font-family: 'Roboto-Regular', sans-serif;
font-size: 1.2em;
font-weight: 500;
height: 50px;
margin-bottom: 30px;
text-align: center;
text-decoration-color: #142E3F;
width: 48%;
width: 80%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #password-forgot-container #email-container .text-input {
width: 70%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #password-forgot-container #email-container .text-input {
height: 35px;
margin-bottom: 20px;
width: 80%;
}
}
html body #background #right-container #middle-right-container #password-forgot-container #submit-container {
text-align: center;
width: 60%;
}
@media (max-width: 1024px) {
html body #background #right-container #middle-right-container #password-forgot-container #submit-container {
width: 80%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #middle-right-container #password-forgot-container #submit-container {
width: 90%;
}
}
html body #background #right-container #middle-right-container #password-forgot-container #submit-container .submit-button {
background-color: #EFF1E4;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
color: #2C9EDD;
font-family: 'Roboto-Regular', sans-serif;
font-size: 1.5em;
font-weight: 700;
height: 50px;
margin-top: 30px;
text-align: center;
text-decoration-color: #142E3F;
text-transform: uppercase;
min-width: 40%;
margin-left: 3%;
margin-right: 3%;
margin-top: 10px;
}
@media (max-width: 667px) {
html body #background #right-container #middle-right-container #password-forgot-container #submit-container .submit-button {
height: 40px;
font-size: 1.2em;
margin-top: 20px;
min-width: 45%;
}
}
@media (max-width: 667px) {
html body #background #right-container #middle-right-container #password-forgot-container #submit-container .submit-button {
margin-left: 2%;
margin-right: 2%;
}
}
html body #background #right-container #footer-right-container {
bottom: 0px;
color: #2C9EDD;
font-family: 'Roboto-Light', sans-serif;
font-size: 1.05em;
height: 5%;
position: fixed;
text-align: left;
text-transform: uppercase;
width: 50%;
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #footer-right-container {
font-size: 0.8em;
height: 30px;
}
}
html body #background #right-container #footer-right-container #inner-container {
/*border: 1px dotted red;*/
text-align: center;
width: 48.5%;
}
@media (max-width: 1024px) {
html body #background #right-container #footer-right-container #inner-container {
width: 70%;
}
}
@media (max-width: 1024px) and (max-width: 667px) {
html body #background #right-container #footer-right-container #inner-container {
width: 80%;
}
}
html body #background #right-container #footer-right-container #inner-container #terms-container {
display: inline-block;
margin-right: 30px;
text-align: center;
color: #2C9EDD;
}
html body #background #right-container #footer-right-container #inner-container #terms-container a {
color: #2C9EDD;
}
html body #background #right-container #footer-right-container #inner-container #privacy-container {
display: inline-block;
text-align: center;
color: #2C9EDD;
}
html body #background #right-container #footer-right-container #inner-container #privacy-container a {
color: #2C9EDD;
}
html body #f_pass_1,
html body #f_pass_2 {
position: relative;
top: 50%;
transform: translateY(-50%);
}
html body #popupStopServiceWarning {
width: 950px;
top: 15%;
left: 50%;
margin-left: -475px;
position: absolute;
height: auto;
background-color: #DB565E;
z-index: 1000;
color: #FFF;
padding: 40px 35px;
display: block;
font-style: italic;
}
@media (max-width: 950px) {
html body #popupStopServiceWarning {
width: 100%;
left: 0px;
margin-left: 0px;
}
}
html body #popupStopServiceWarning .btn_close {
width: 22px ;
height: 22px ;
}
html body #popupStopServiceWarning .title {
font-family: 'Roboto-Regular';
font-size: 20px;
margin-bottom: 20px;
}
html body #popupStopServiceWarning .description {
font-family: 'Roboto-Light';
font-size: 15px;
}
html body #popupCookies {
position: fixed;
bottom: 0px;
width: 100%;
height: auto;
background-color: rgba(0, 0, 0, 0.85);
z-index: 1000;
color: #FFF;
padding: 40px 35px;
display: block;
font-style: italic;
}
html body #popupCookies .btn_close {
width: 22px ;
height: 22px ;
}
html body #popupCookies .title {
font-family: 'Roboto-Regular';
font-size: 20px;
margin-bottom: 20px;
}
html body #popupCookies .description {
font-family: 'Roboto-Light';
font-size: 15px;
}
html body .popup {
background-color: #DB565E;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
min-height: 67%;
background-size: contain;
position: fixed;
z-index: 9999;
padding: 30px;
padding-top: 9%;
display: none;
width: 24.1%;
min-width: 400px;
}
@media (max-width: 1024px) {
html body .popup {
width: 35.2%;
min-width: 340px;
min-height: 73%;
}
}
@media (max-width: 1024px) and (max-width: 750px), (max-width: 1024px) and (max-height: 535px) {
html body .popup {
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0% 0;
transform: scale(0.75);
transform-origin: 0% 0px;
-ms-transform: scale(0.75);
-ms-transform-origin: 0% 0px;
padding: 20px;
}
}
@media (max-width: 1024px) and (max-width: 750px) and (max-width: 667px), (max-width: 1024px) and (max-height: 535px) and (max-width: 667px) {
html body .popup {
width: 54%;
}
}
html body .warning {
background: url(../images/login-img/warning.png) no-repeat;
width: 173px;
height: 153px;
min-height: 100%;
background-size: contain;
position: relative;
margin: 0 auto;
}
html body .btn_close {
background: url(../images/login-img/cerrar.png) no-repeat;
width: 28px;
height: 28px;
min-height: 100%;
background-size: contain;
position: relative;
float: right;
cursor: pointer;
}
html body .txt_warning {
font-family: 'Roboto-Light';
font-weight: 100;
line-height: 65px;
font-size: 65px;
letter-spacing: -5px;
max-width: 380px;
margin: 35px auto;
color: #eff0e4;
text-align: center;
}
html body .txt_warning_2 {
color: #eff0e4;
font-family: 'Roboto-Light';
line-height: 22px;
font-size: 22px;
font-weight: 100;
letter-spacing: -1px;
margin: 20px 0;
max-width: 380px;
min-height: 150px;
padding: 0px 25px;
text-align: center;
}
html body .txt_warning_2 a {
color: #eff0e4;
}
html body #f_pass_2 {
display: none;
}
html body .boxBody2 {
margin: 20px 42px;
text-align: center;
}
html body .boxBody2 label {
font-family: 'Roboto-Regular';
font-weight: 300;
line-height: 26px;
font-size: 25px;
padding: 0px 25px;
letter-spacing: -1px;
margin: 20px 0;
}
#videoContainer {
width: 100%;
position: fixed;
top: 0px;
background-color: rgba(0, 0, 0, 0.6);
}
#closeVideoButton {
z-index: 1000;
position: fixed;
right: 100px;
top: 5px;
cursor: pointer;
font-size: 50px;
background-image: url("/images/Common_CloseFloat.png");
background-size: contain;
background-repeat: no-repeat;
display: none;
width: 80px;
height: 80px;
}
#closeVideoButton:hover {
background-image: url("/images/Common_CloseFloatHover.png");
}
.mejs-shim,
.mejs-video,
.mejs-overlay,
video {
height: 100vh !important;
width: 100vw !important;
}
/*.mejs-overlay-button {
background: url(../mediaelementplayer/replay.png) no-repeat !important;
}
.no-svg .mejs-overlay-button {
background-image: url(../mediaelementplayer/replay.png) !important;
}*/
/***************************************************/
/*************connection alert***********************/
.connection-alert {
position: absolute;
width: 100%;
height: 100%;
background-color: #514c42;
display: none;
z-index: 10;
text-align: center;
color: #eff0e4;
text-transform: uppercase;
}
.connection-alert img {
margin-top: 4%;
height: 32%;
}
.connection-alert p.warning_txt {
font-family: 'Roboto-Light';
font-weight: bold;
margin-bottom: 1%;
margin-top: 4%;
width: 85%;
font-size: 12pt;
margin-left: auto;
margin-right: auto;
color: #eff0e4;
}
.connection-alert p.message {
display: inline;
font-family: 'Roboto-Light';
vertical-align: sub;
margin-left: 10px;
margin-right: auto;
font-size: 11pt;
font-weight: bold;
width: 80%;
color: #eff0e4;
}
.connection-alert span.accept,
.connection-alert span.reject {
cursor: pointer !important;
font-family: 'Roboto-Light';
font-size: 12pt;
font-weight: bold;
padding: 12px;
margin-left: 20px;
margin-right: 20px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border: 2px solid #eff0e4;
}
.connection-alert a {
text-decoration: none !important;
cursor: pointer;
color: #eff0e4;
}
.connection-alert .dont-show {
margin-bottom: 4%;
}
/* checkBoxStyle */
.roundedTwo {
display: inline-block;
width: 25px;
height: 25px;
background: #514c42;
background: -webkit-linear-gradient(top, #eff0e4 0%, #dfe5d7 40%, #b3bead 100%);
background: -moz-linear-gradient(top, #eff0e4 0%, #dfe5d7 40%, #b3bead 100%);
background: -o-linear-gradient(top, #eff0e4 0%, #dfe5d7 40%, #b3bead 100%);
background: -ms-linear-gradient(top, #eff0e4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(top, #eff0e4 0%, #dfe5d7 40%, #b3bead 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff0e4', endColorstr='#b3bead', GradientType=0);
margin: 10px 5px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
position: relative;
}
.roundedTwo label {
cursor: pointer;
position: absolute;
width: 21px;
height: 21px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
left: 2px;
top: 2px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px #ffffff;
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px #ffffff;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px #ffffff;
background-color: #514c42;
}
.roundedTwo label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 5px;
background: transparent;
top: 5px;
left: 4px;
border: 3px solid #fcfff4;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.roundedTwo label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
}
.roundedTwo input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/***************************************************/
/*************Please turn mobile***********************/
.please-turn {
position: absolute;
width: 100%;
height: 100%;
background-color: #514c42;
display: none;
z-index: 99;
text-align: center;
color: #eff0e4;
}
.please-turn img {
margin-top: 10%;
}
.please-turn p.warning_txt {
font-family: 'Roboto-Light';
font-size: 42pt;
color: #eff0e4;
}
.please-turn p.message {
font-family: 'Roboto-Light';
font-size: 14pt;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
color: #eff0e4;
}
/***************************************************/
#variableInput {
height: 100%;
display: flex;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
}
#variableInput #content_container {
background: #f5f1ee;
overflow-y: hidden;
box-shadow: 1px#000;
position: relative;
margin-left: auto;
margin-right: auto;
display: table;
height: 95%;
width: 95%;
max-width: 1128px;
border-radius: 12px;
max-height: 765px;
}
@media (min-width: 1025px) {
#variableInput #content_container {
height: 35%;
width: 840px;
}
}
#variableInput #content_container #advise {
font-family: 'Roboto-Light', sans-serif;
font-size: 18px;
line-height: 22px;
color: #686959;
margin: 10px 30px;
}
@media (max-width: 1025px) {
#variableInput #content_container #advise {
display: none;
}
}
#variableInput #caption {
height: 15px;
}
#variableInput .closeIcon {
width: 25px;
float: right;
margin: 10px;
}
#variableInput .content_popup {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 64px;
margin-left: 30px;
margin-right: 30px;
}
#variableInput #popupInput {
border: none;
width: 100%;
border-radius: 8px;
background: #c6c1be;
font-size: 2.3em;
height: 62px;
padding-left: 12px;
box-shadow: inset 0 0 5px grey;
}
@media (min-width: 1025px) {
#variableInput #popupInput {
height: 162px;
}
}
#variableInput #inputControls {
display: block;
margin-left: 20px;
}
#variableInput .variable_clear {
border: 2px solid red;
border-radius: 50%;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: red;
font-size: 1.8em;
}
#variableInput div#variable-submit {
height: 62px;
margin-bottom: 0px;
}
#variableInput .variable_submit {
margin-bottom: 10px;
}
#variableInput #okIcon {
width: 62px;
height: 62px;
}
@media (min-width: 1025px) {
#variableInput #okIcon {
margin-top: 50px;
}
}
#variableInput #errorContainer {
border: none;
width: 90%;
font-size: 2.1em;
position: absolute;
left: 0;
top: 0;
display: none;
border-radius: 12px;
}
#variableInput #errorContainer .text-error {
padding: 10px;
text-align: left;
line-height: 30px;
color: red;
margin-top: 14px;
margin-left: 20px;
}
#variableInput #errorContainer .closeIconError {
position: absolute;
right: 5px;
top: 5px;
width: 25px;
}
#readings {
height: 100%;
/**{
font-family: 'roboto-regular', sans-serif;
padding: 0px;
margin: 0px;
}*/
/* #reading-submit:active{
pointer-events: none;
}
#box_timer:active{
pointer-events: none;
}*/
/*p{
font-family: 'Montserrat-Light', sans-serif;
font-size: 15px;
color: #686959;
}*/
}
#readings p {
font-family: 'Roboto-Light', sans-serif;
font-size: 20px;
color: #686959;
}
@media (min-width: 1025px) {
#readings p {
font-size: 22px;
}
}
#readings .content_reading span {
line-height: 26px;
}
@media (min-width: 1025px) {
#readings .content_reading span {
line-height: 34px;
}
}
#readings .content_reading span li {
margin-bottom: 7px;
}
#readings .stripe {
display: flex;
justify-content: center;
align-items: center;
background: #F2EFEA;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 50px;
margin: 15px 0 15px 0;
}
@media (max-width: 667px) {
#readings .stripe {
margin: auto;
}
}
#readings .stripe p {
text-align: center;
font-family: 'Roboto-Light', sans-serif !important;
font-size: 30px;
font-weight: lighter;
margin-right: 50px;
/*max-width: */
opacity: 0.8;
line-height: 30px;
max-width: 60%;
}
@media (min-width: 668px) {
#readings .stripe p {
font-size: 35px;
}
}
@media (min-width: 1025px) {
#readings .stripe p {
font-size: 40px;
}
}
#readings .stripe img {
height: 100%;
margin-left: 60px;
margin-right: 10px;
}
#readings a.pdfurl {
position: absolute;
z-index: 1;
right: 0;
top: 0;
}
#readings a.pdfurl img {
width: 35px;
margin-right: 14px;
margin-top: 32px;
}
@media (max-width: 667px) {
#readings a.pdfurl img {
margin-top: 18px;
}
}
#readings .button_reading {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: flex-end;
color: #F2EFEA;
border-radius: 12px;
text-transform: uppercase;
line-height: 2px;
font-size: 15px;
margin: 0px auto;
font-family: "Roboto-Regular", sans-serif;
cursor: pointer;
width: 223px;
text-align: center;
padding-top: 12px;
bottom: 0;
position: absolute;
left: 0;
right: 0;
}
@media (min-width: 668px) {
#readings .button_reading {
padding-top: 20px;
}
}
#readings #bar1,
#readings #bar2,
#readings #bar3 {
height: 60px;
opacity: 0.4;
}
#readings #button_reading_center p {
text-align: center;
font-family: 'Roboto-Light', sans-serif !important;
font-size: 15px;
padding: 15px;
}
#readings #closeIcon {
width: 40px;
}
#readings .content_reading {
display: flex;
flex-direction: column;
white-space: pre-line;
overflow: auto;
margin-left: auto;
margin-right: 26px;
position: relative;
top: 10px;
bottom: 25px;
left: 0;
right: 0;
width: 85vw;
padding-right: 30px;
height: 80%;
max-width: 1050px;
max-height: 620px;
font-family: 'Roboto-Light', sans-serif;
color: #686959;
font-size: 20px;
}
@media (max-height: 768px) {
#readings .content_reading {
height: 78%;
}
}
@media (max-height: 690px) {
#readings .content_reading {
height: 75%;
}
}
@media (max-height: 600px) {
#readings .content_reading {
height: 70%;
}
}
@media (max-height: 500px) {
#readings .content_reading {
height: 68%;
}
}
@media (min-width: 1025px) {
#readings .content_reading {
font-size: 22px;
}
}
#readings .content_reading span p {
margin-right: 40px;
line-height: 26px;
padding-top: 10px;
padding-bottom: 10px;
}
@media (min-width: 1025px) {
#readings .content_reading span p {
line-height: 30px;
}
}
#readings #content_container {
background: #F2EFEA;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-y: hidden;
box-shadow: 1px#000;
position: relative;
margin: 8px auto;
padding-bottom: 30px;
padding-top: 10px;
display: table;
width: 95%;
max-width: 1128px;
border-radius: 12px;
height: 765px;
top: 50%;
margin-top: -382px;
max-height: 700px;
}
@media (max-height: 768px) {
#readings #content_container {
margin-top: 10px;
top: 0px;
height: 97%;
max-height: 765px;
}
}
#readings #caption {
height: 34px;
opacity: 1;
margin: auto;
overflow: auto;
position: relative;
top: 10px;
bottom: 0;
left: 15px;
pointer-events: none;
}
#readings #caption p {
width: 300px;
display: inline-flex;
}
#readings #reading-submit {
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
color: #EFF0E4;
}
#readings #reading-submit:hover ~ .bocadilloabajo {
display: block;
}
#readings ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
#readings ::-webkit-scrollbar-button:start:decrement,
#readings ::-webkit-scrollbar-button:end:increment {
display: none;
}
#readings ::-webkit-scrollbar-track-piece {
background-color: #dddddd;
-webkit-border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#readings ::-webkit-scrollbar-thumb:vertical {
-webkit-border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background: #fff;
}
#readings .pdfurl:hover .tooltip-reading {
display: block;
}
#readings .tooltip-reading {
font-size: 12px;
color: #686959;
padding: 10px;
width: 240px;
border-radius: 10px;
background-color: #fff;
position: absolute;
right: 25px;
-webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
#readings .tooltip-reading p {
font-size: 15px;
color: #686959;
}
.button-close {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
}
.buttons_help p {
text-align: center;
font-family: 'Roboto-Light', sans-serif !important;
font-size: 15px;
padding: 15px;
}
@font-face {
font-family: 'myriadpro-regular';
src: url('../fonts/MyriadPro-Regular.eot');
src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg#myriad_prolight') format('svg');
font-weight: normal;
font-style: normal;
}
* {
font-family: myriadpro-regular;
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
html,
body {
height: 100%;
overflow: hidden;
}
body {
background: url(/survey_assets/imgs/fondo_encuesta_pacific.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
p {
color: #4D4D4D;
font-size: 22px;
}
.container {
height: 100%;
overflow: auto;
}
.survey-container {
background-image: url("/images/office.jpg");
}
#content_container {
background-color: #FFF;
box-shadow: 1px #000;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
width: 575px;
}
.header_container {
width: 100%;
display: table;
}
.header_container .header_logo_image_left {
width: 25%;
display: table-cell;
}
.header_container .header_logo_image_left div {
height: 131px;
width: 60%;
background-color: grey;
}
.header_container .header_logo_image_left img {
width: 55%;
margin: 50% 0 0 22.5%;
}
@media (min-width: 668px) and (max-width: 1024px) {
.header_container .header_logo_image_left img {
margin-top: 34%;
}
}
.header_container .header_container_text {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header_container .header_logo_image_rigth {
width: 25%;
display: table-cell;
vertical-align: top;
}
.header_text_container p {
color: #01A1DD;
text-transform: uppercase;
font-weight: bold;
font-size: 28px;
}
#header_lane_container {
width: 100%;
}
#header_title {
font-size: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
text-align: center;
}
#heade_lane {
background-color: #F0F0F0;
height: 1px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 90%;
}
.header_text_description {
margin-top: 20px;
}
#introduction {
text-align: center;
padding: 30px 15px 30px;
}
#introduction p {
font-size: 18px;
}
#survey_result {
color: #333;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
padding-bottom: 50px;
width: 300px;
font-size: 16px;
font-weight: bold;
}
.survey_quest_container {
box-sizing: border-box;
width: 100%;
padding: 0 60px 40px;
clear: both;
}
.survey_odd_quest_container {
background-color: #F5F5F5;
}
.survey_quest_box {
margin-left: auto;
margin-right: auto;
}
.survey_simple_quest {
border: 2px #E7E6E7 solid;
border-radius: 25px;
box-shadow: 2px 2px 2px #E7E6E7;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 10px;
padding-right: 10px;
width: 440px;
}
.survey_complex_quest {
width: 100%;
padding: 0;
}
.survey_input {
padding-left: 0px;
padding-top: 15px;
padding-bottom: 10px;
padding-right: 0px;
width: 100%;
text-align: right;
}
.survey_input_left {
padding-left: 0px;
padding-top: 15px;
padding-bottom: 10px;
padding-right: 10px;
width: 440px;
text-align: left;
}
.survey_input button {
background-color: #01A1DD;
color: #fff;
padding: 6px;
}
.survey_quest_sentence {
color: #4D4D4D;
font-size: 16px;
padding-left: 0px;
display: inline;
margin-top: -2px;
text-indent: 0;
float: right;
width: 94%;
margin-bottom: 0;
}
.survey_quest_number {
color: #01A1DD;
font-size: 20px;
font-weight: 900;
padding-top: 0px;
width: 25px;
float: left;
margin: 0;
}
.survey_quest_awser_form {
color: #4D4D4D;
font-size: 12px;
}
#survey_quest_radio_awser {
background-color: #FFF;
margin-left: 25px;
margin-top: 10px;
}
.survey_quest_textarea_awser {
width: 100%;
height: 90px;
border-left: 2px #E7E6E7 solid;
border-radius: 15px;
border-top: 2px #E7E6E7 solid;
display: block;
outline: none;
padding: 10px;
font-size: 16px;
}
.survey_quest_awser_container {
padding-left: 25px;
margin-top: 30px;
width: 100%;
float: left;
margin-bottom: 30px;
}
.survey_quest_awser_container > div {
margin-bottom: 10px;
}
#survey_quest_awser_container__1 > div {
display: inline;
padding-right: 8px;
}
.survey_quest_awser_text {
color: #4D4D4D;
font-size: 13px;
font-weight: 900;
margin-bottom: 2px;
margin-left: 5px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
#content_container {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
width: auto;
}
.survey_quest_sentence {
vertical-align: top;
font-size: 16px;
}
.survey_quest_awser_container div {
margin-top: 12px;
}
.survey_quest_awser_text {
vertical-align: bottom;
}
input[type=radio] {
width: 1.5em;
height: 1.5em;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#content_container {
width: 825px;
}
.survey_quest_awser_container div {
margin-top: 10px;
}
.survey_quest_awser_text {
vertical-align: bottom;
}
input[type=radio] {
width: 1.5em;
height: 1.5em;
}
}
body[dir="rtl"] .survey_quest_awser_text {
margin-right: 5px;
margin-left: 0;
}
body[dir="rtl"] .survey_quest_number {
float: right;
}
/* COLORS */