/** basic colors **/
/** module colors **/
/** font sizes **/
/** the framework theme **/
.buttonLayout {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
}
.buttonHover {
  color: #111111;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e4e4e4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e4e4e4, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #e4e4e4);
  background-image: -ms-linear-gradient(#eeeeee, #e4e4e4);
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0.25);
}
.buttonDisabled {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border-color: rgba(0, 0, 0, 0.2);
}
/** survey color codes **/
/** shorthand theme functions **/
.inputBorder {
  border: 1px solid #bfbfbf;
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/** global styles **/
body {
  font-family: Arial, Verdana;
  font-size: 12px;
}
input {
  border: 1px solid #bfbfbf;
  background-color: white;
  font-family: Arial, Verdana;
  font-size: 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
input[type=radio] {
  border: none;
  background-color: transparent;
}
input[type=checkbox] {
  border: none;
  background-color: white;
}
textarea {
  border: 1px solid #bfbfbf;
  background-color: white;
  font-family: Arial, Verdana;
  font-size: 14px;
  line-height: 1.35em;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
input.error {
  background-color: rgba(255, 128, 128, 0.1);
}
select {
  border-color: #bfbfbf;
  font-family: Arial, Verdana;
  font-size: 14px;
}
button {
  font-family: Arial, Verdana;
}
::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-selection {
  background-color: #288ff8;
  color: white;
}
.table-zebra {
  background-color: #e0ebcf;
}
.input-box .def {
  background-color: #b4c6cb;
  color: white;
  border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  font-size: 12px;
}
.input-box textarea.lang,
.input-box input.lang {
  border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
}
.textbox-label {
  font-size: 11px;
  color: #aaa;
}
/** application **/
.op-murvey {
  background-color: #fafafa;
}
.op-web-message-color {
  color: yellow;
}
.op-web-message-warning-color {
  color: orange;
}
.op-web-message-error-color {
  color: #ff0000;
}
.op-control-box {
  border: 2px solid #c3d1d5;
  background-color: #e1e8ea;
  padding: 1.1em;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/** style used for centered dialogs **/
.center-dialog {
  background-color: rgba(0, 0, 0, 0.25);
}
.center-dialog .box {
  background-color: #fff;
  box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.4);
}
.center-dialog .close-button svg {
  fill: rgba(0, 0, 0, 0.6);
}
.center-dialog .close-button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/** the splash screen containing the logo, information, and login **/
.splash-screen .logo-container {
  font-size: 120px;
  color: rgba(0, 0, 0, 0.7);
  font-family: Century Gothic, Tahoma, Arial;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.splash-screen .logo-container .murvey-logo svg {
  fill: #336699;
}
.splash-screen .info {
  font-size: 15px;
  line-height: 1.7em;
  color: rgba(0, 0, 0, 0.7);
  font-family: Arial;
}
.splash-screen .info textarea {
  font-size: 12px;
  line-height: 1.4em;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-family: monospace;
}
.splash-screen .login-form .control {
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #c3d1d5;
}
.splash-screen .login-form input.login {
  padding: 7px 10px;
}
.splash-screen .login-form input.password {
  padding: 7px 10px;
}
.splash-screen .login-form .email-icon svg {
  fill: rgba(0, 0, 0, 0.5);
}
.splash-screen .login-form input.retype {
  padding: 7px 10px;
}
.splash-screen .login-form input {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.splash-screen .login-form .accept {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
  font-size: 13px;
}
.splash-screen .login-form .accept a {
  text-decoration: underline;
}
.splash-screen .login-form .validation {
  border: 1px solid rgba(255, 0, 0, 0.35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0.035)), color-stop(100%, rgba(255, 0, 0, 0.085)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(255, 0, 0, 0.085), rgba(255, 0, 0, 0.035));
  background-image: -o-linear-gradient(rgba(255, 0, 0, 0.035), rgba(255, 0, 0, 0.085));
  background-image: -ms-linear-gradient(rgba(255, 0, 0, 0.035), rgba(255, 0, 0, 0.085));
  background-color: rgba(255, 0, 0, 0.060000000000000005);
}
.splash-screen .login-form .message {
  font-size: 13px;
  font-weight: bold;
  color: #e22;
}
.splash-screen .login-form .sign-in {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4e5b5), color-stop(100%, #bed88f));
  background-image: -moz-linear-gradient(0% 100% 90deg, #bed88f, #d4e5b5);
  background-image: -o-linear-gradient(#d4e5b5, #bed88f);
  background-image: -ms-linear-gradient(#d4e5b5, #bed88f);
  background-color: #c9dea2;
  border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  transition: opacity 100ms;
}
.splash-screen .login-form .sign-up {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9e6f2), color-stop(100%, #b3cce6));
  background-image: -moz-linear-gradient(0% 100% 90deg, #b3cce6, #d9e6f2);
  background-image: -o-linear-gradient(#d9e6f2, #b3cce6);
  background-image: -ms-linear-gradient(#d9e6f2, #b3cce6);
  background-color: #c6d9ec;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-left: 0px;
  transition: opacity 100ms;
}
.splash-screen .login-form .facebook-login {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e69a2), color-stop(100%, #3d5380));
  background-image: -moz-linear-gradient(0% 100% 90deg, #3d5380, #4e69a2);
  background-image: -o-linear-gradient(#4e69a2, #3d5380);
  background-image: -ms-linear-gradient(#4e69a2, #3d5380);
  background-color: #465e91;
  border-radius: 0px 2px 2px 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-left: 0px;
  color: white;
}
.splash-screen .login-form .facebook-login svg {
  fill: #fff;
}
.splash-screen .login-form .facebook-tip {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #3d5380;
  color: white;
}
.splash-screen .login-form .facebook-tip .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.1);
}
.splash-screen .login-form .facebook-tip .arrow-small {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #3d5380;
}
.splash-screen .login-form .sign-out label {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
  font-size: 20px;
  padding: 12px 28px;
  border-width: 2px;
}
.splash-screen .login-form .sign-out label:hover {
  color: #111111;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e4e4e4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e4e4e4, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #e4e4e4);
  background-image: -ms-linear-gradient(#eeeeee, #e4e4e4);
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0.25);
}
.splash-screen .login-form .unsaved {
  font-size: 15px;
  line-height: 1.7em;
  color: #993333;
}
/** button styles **/
.op-module-manager .button,
.center-dialog .button,
.op-dialog-mini .button {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
}
.op-module-manager .button:hover,
.center-dialog .button:hover,
.op-dialog-mini .button {
  color: #111111;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e4e4e4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e4e4e4, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #e4e4e4);
  background-image: -ms-linear-gradient(#eeeeee, #e4e4e4);
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0.25);
}
.op-module-manager .button[disabled=disabled],
.center-dialog .button[disabled=disabled],
.op-dialog-mini .button[disabled=disabled] {
  cursor: default;
}
.op-module-manager .button[disabled=disabled]:hover,
.center-dialog .button[disabled=disabled]:hover {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border-color: rgba(0, 0, 0, 0.2);
}
.op-module-manager .button.disabled,
.center-dialog .button.disabled {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border-color: rgba(0, 0, 0, 0.2);
}
.op-module-manager .header-tabs button.save {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 219, 153, 0.3)), color-stop(100%, rgba(255, 210, 128, 0.3)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(255, 210, 128, 0.3), rgba(255, 219, 153, 0.3));
  background-image: -o-linear-gradient(rgba(255, 219, 153, 0.3), rgba(255, 210, 128, 0.3));
  background-image: -ms-linear-gradient(rgba(255, 219, 153, 0.3), rgba(255, 210, 128, 0.3));
  background-color: rgba(255, 215, 140, 0.3);
}
.op-module-manager .header-tabs button.save:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 201, 102, 0.3)), color-stop(100%, rgba(255, 192, 77, 0.3)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(255, 192, 77, 0.3), rgba(255, 201, 102, 0.3));
  background-image: -o-linear-gradient(rgba(255, 201, 102, 0.3), rgba(255, 192, 77, 0.3));
  background-image: -ms-linear-gradient(rgba(255, 201, 102, 0.3), rgba(255, 192, 77, 0.3));
  background-color: rgba(255, 197, 89, 0.3);
}
.op-module-manager .header-tabs button.save[disabled] {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
}
/** the top bar **/
.op-top {
  color: #ffffff;
  font-size: 12px;
  background-color: #141e3d;
}
.op-top .my-surveys {
  background-color: #00ace4;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-top .my-surveys .down {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
}
.op-top .my-surveys .up {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}
.op-top .my-surveys .icon svg {
  fill: #ffffff;
}
.op-top .my-surveys-tabs {
  color: #b1ecff;
  background-color: #00ace4;
  border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
}
.op-top .my-surveys-tabs .active {
  color: #fff;
}
.op-top .my-surveys-tabs .archive {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.op-top .account svg {
  fill: #ffffff;
}
.op-top .login-icon svg {
  fill: #ffffff;
}
.op-top .search .icon {
  fill: #ffffff;
}
.op-top .search input {
  background-color: #6b7a9d;
  border: 0px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-size: 12px;
}
/** the current survey info contained in the top bar **/
.current-survey .content {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.current-survey .survey {
  background-color: #6b7a9d;
}
.current-survey .pending {
  background-color: #d9950b;
  color: white;
}
.current-survey .running {
  background-color: #91b339;
  color: white;
}
.current-survey .ended {
  background-color: #c94b4b;
  color: white;
}
.current-survey .down {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
}
.current-survey .up {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}
.current-survey .open {
  color: #ffffff;
  background-color: #00ace4;
  font-size: 12px;
  border: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.current-survey .url-icon svg {
  fill: #e6e6e6;
}
.current-survey .url-icon svg:hover {
  fill: #ffffff;
}
.current-survey .url-icon .url {
  background-color: #ffffb4;
  border: 2px solid #cece00;
  color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 1.25em;
}
.current-survey .url-icon .url .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffb4;
}
.current-survey .url-icon input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.current-survey .calendar svg {
  fill: #ffffff;
}
/** the left menu **/
.op-menu {
  background-color: #141e3d;
  color: #dddddd;
  font-size: 13px;
}
.op-menu .logo-container {
  text-align: center;
}
.op-menu .logo-container .logo svg {
  fill: #6b7a9d;
}
.op-menu .logo-container label {
  font-size: 23px;
  color: #8a96b1;
}
.op-menu .item {
  border-top: 1px solid #213163;
}
.op-menu .item svg {
  fill: #7a88a7;
}
.op-menu .item:hover {
  color: #f7f7f7;
  background-color: #556280;
}
.op-menu .item:hover svg {
  fill: #a8b1c6;
}
.op-menu .item.active {
  color: #ffffff;
  background-color: #6b7a9d;
}
.op-menu .item.active svg {
  fill: #ffffff;
}
.op-menu .fb-like {
  border-top: none;
}
.op-menu .fb-like label {
  font-size: 13px;
  color: #8a96b1;
}
/** the bottom bar **/
.op-bottom {
  color: #aaaaaa;
  background-color: #fafafa;
  font-size: 10px;
  opacity: 0.9;
}
.op-bottom .status {
  color: black;
  background-color: #f0f000;
  border: 2px solid #b2b300;
  padding: 6px 20px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-bottom .product a {
  color: #aaaaaa;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #aaaaaa;
}
.op-bottom .product a:visited {
  color: #aaaaaa;
}
/** the module manager **/
.op-module-manager .header-tabs {
  color: #444444;
  background-color: transparent;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.op-module-manager .header-tabs label {
  border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
}
.op-module-manager .header-tabs label:hover {
  background-color: #f7f7f7;
}
.op-module-manager .header-tabs label.active {
  background-color: #eeeeee;
}
.op-module-manager .header-tabs div.undo {
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  margin-right: 0px;
}
.op-module-manager .header-tabs div.redo {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  margin-left: 0px;
  border-left: 0px solid transparent;
}
.op-module-manager .header-tabs svg {
  fill: #6b7a9d;
}
.op-module-manager .header-tabs .detach svg {
  fill: #bbbbbb;
}
.op-module-manager .header-tabs .detach:hover svg {
  fill: #959595;
}
.op-module-manager .header-tabs .detach:active svg {
  fill: #6f6f6f;
}
.module-wrapper {
  background-color: #fafafa;
  padding: 0px 20px;
}
/** the left-right module separator used to adjust the width of and open/close the modules **/
.op-module-separator div.spacer {
  border-left: 1px solid #e4e4e4;
}
.op-module-separator:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.op-module-separator:hover div.spacer {
  border-left: 1px solid rgba(255, 255, 255, 0.7);
}
.op-module-separator:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.op-module-separator .hide-pane {
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.op-module-separator .hide-pane .left {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-right: 7px solid rgba(0, 0, 0, 0.25);
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
.op-module-separator .hide-pane .right {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid rgba(0, 0, 0, 0.25);
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
.op-module-separator .hide-pane:hover {
  background-color: #e9e9e9;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.op-module-separator .hide-pane:hover .left {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-right: 7px solid rgba(0, 0, 0, 0.3);
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
.op-module-separator .hide-pane:hover .right {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid rgba(0, 0, 0, 0.3);
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
/** the murveys **/
.murveys {
  color: #406e76;
}
.murveys canvas {
  color: #6CA6B0;
  border-color: white;
}
/** the dialogs **/
.op-dialog .module-header {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3d1d5), color-stop(100%, #c3d1d5));
  background-image: -moz-linear-gradient(0% 100% 90deg, #c3d1d5, #c3d1d5);
  background-image: -o-linear-gradient(#c3d1d5, #c3d1d5);
  background-image: -ms-linear-gradient(#c3d1d5, #c3d1d5);
  background-color: #c3d1d5;
  padding: 2px 0px;
}
.op-dialog .module-header .title {
  color: #556280;
  font-size: 1.45em;
  font-weight: bold;
}
.op-dialog .buttons {
  background-color: white;
}
.op-dialog .buttons button {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
}
.op-dialog .buttons button:hover {
  color: #111111;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e4e4e4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e4e4e4, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #e4e4e4);
  background-image: -ms-linear-gradient(#eeeeee, #e4e4e4);
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0.25);
}
.op-dialog .buttons button:active {
  position: relative;
  top: 1px;
  left: 1px;
}
.op-dialog-mini {
  font-size: 14px;
  font-weight: bold;
  color: white;
  background-color: #222;
  padding: 3px;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-auto-login {
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/** the dialog frame theme **/
.op-frame {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0px;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
}
.op-frame .frame-close {
  top: 3px;
  right: 3px;
}
.op-frame .frame-close svg {
  fill: #6b7a9d;
}
.op-frame .content {
  background-color: white;
  padding: 25px 25px 15px 25px;
}
/** the popdown menu theme **/
.op-popdown {
  background-color: #ffffb4;
  border: 2px solid #cece00;
  color: #222;
  font-size: 13px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.op-popdown .option {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffb4), color-stop(100%, #f1f100));
  background-image: -moz-linear-gradient(0% 100% 90deg, #f1f100, #ffffb4);
  background-image: -o-linear-gradient(#ffffb4, #f1f100);
  background-image: -ms-linear-gradient(#ffffb4, #f1f100);
  background-color: #f8f85a;
  color: #666;
  padding: 6px 14px;
  font-weight: normal;
}
.op-popdown .option:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffb4), color-stop(100%, #ffffb4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #ffffb4, #ffffb4);
  background-image: -o-linear-gradient(#ffffb4, #ffffb4);
  background-image: -ms-linear-gradient(#ffffb4, #ffffb4);
  background-color: #ffffb4;
  color: #000;
}
.op-popdown .up {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffb4;
  top: -7px;
  left: 6px;
}
.op-popdown .up-border {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #cece00;
  top: -10px;
  left: 4px;
}
/** the float label theme **/
.op-float {
  background-color: #ffffb4;
  border: 2px solid #cece00;
  color: #222;
  font-size: 14px;
  padding: 7px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-float .up-arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffb4;
  top: -7px;
}
.op-float .up-arrow-border {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #cece00;
  top: -9px;
  left: 1px;
}
.op-float .left-arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-right: 7px solid #ffffb4;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  left: -7px;
  top: 7px;
}
.op-float .left-arrow-border {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-right: 9px solid #cece00;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  left: -9px;
  top: 5px;
}
.op-float .right-arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid #ffffb4;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
/** progress indicator theme **/
.op-progress-indicator {
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.op-progress-indicator .op-progress-box {
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-progress-indicator .op-progress-box.plain {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.op-progress-indicator .icon svg {
  fill: white;
}
.op-progress-indicator .label {
  color: white;
}
/** icons used **/
.delete-button {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
}
.delete-button svg {
  fill: #fff;
}
.delete-button:hover {
  background-color: #993333;
}
.op-icon:hover {
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-icon:active {
  -webkit-box-shadow: 0px 0px 8px #ffffff;
  -moz-box-shadow: 0px 0px 8px #ffffff;
  box-shadow: 0px 0px 8px #ffffff;
}
.frame-close {
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.frame-close svg {
  fill: rgba(0, 0, 0, 0.8);
}
.undo-redo-icon {
  color: rgba(0, 0, 0, 0.6);
}
/** the range slider used in the undo/redo and shadow editor **/
.range-slider .range {
  background-color: #6b7a9d;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.range-slider .slider {
  background-color: #99a3bb;
}
.range-slider .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #99a3bb;
}
/** the check-label box theme **/
.op-check {
  border: 1px solid #bfbfbf;
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-check span {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-check canvas {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/** generic table theme **/
.op-table {
  background-color: #fff;
}
.op-table tr {
  border-color: rgba(0, 0, 0, 0.02);
}
.op-table tr a {
  color: black;
}
.op-table th,
.op-table td {
  padding: 9px 10px;
}
/** the survey manager theme **/
.survey-manager {
  background-color: white;
  border-bottom: 1px solid #c3d1d5;
  font-size: 12px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.survey-list .header .up {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #444444;
}
.survey-list .header .down {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #444444;
}
.survey-list .header th:first-child {
  color: transparent;
}
.survey-list tr.selected a {
  color: white;
}
.survey-list td.state {
  opacity: 0.75;
}
.survey-list tr.selected td.state {
  opacity: 1;
}
.survey-list td.state label {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
}
.survey-list tr.survey td.responses:hover {
  text-decoration: underline;
}
.survey-list tr.survey:hover .delete-button {
  background-color: #993333;
}
.op-web-survey-state-pending {
  background-color: #d9950b;
  color: white;
}
.op-web-survey-state-running {
  background-color: #91b339;
  color: white;
}
.op-web-survey-state-ended {
  background-color: #c94b4b;
  color: white;
}
.op-delete-permanent {
  font-size: 14px;
  padding: 20px 40px 15px 40px;
  line-height: 1.5em;
}
/** the survey editor theme **/
.survey-editor .separator {
  font-size: 13px;
}
.survey-editor .surveyName {
  border: 1px solid #bfbfbf;
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
}
.survey-editor .surveyName .label {
  background-color: #e1e8ea;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.survey-editor .heading-table .include {
  font-size: 12px;
  color: #888;
  border: 1px solid #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.survey-editor .heading-table .include.active {
  color: white;
  border-color: #6b7a9d;
  background-color: #6b7a9d;
}
.survey-editor .section-intro {
  background-color: #e6e8ee;
  border-top: 2px dashed #c8ccd9;
}
.survey-editor .other-text-separator {
  border-top: 2px dashed rgba(0, 0, 0, 0.25);
}
.survey-editor .other-text-separator label {
  background-color: #fafafa;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}
.survey-editor.no-question-move .question-editor .header td.number > span {
  background-color: transparent;
}
.survey-editor-has-responses {
  font-size: 14px;
}
.language-controller .button .arrow .down {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.5);
}
.language-controller .button .arrow .up {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}
.language-controller .content {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.language-controller .languages td:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.language-controller .languages td.set {
  background-color: #e1e8ea;
}
.language-controller .languages td.set:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.language-controller .languages td.active {
  background-color: #91b339;
  color: white;
}
.language-controller .languages td.active:hover {
  background-color: #91b339;
}
.language-controller .languages td.controls {
  background-color: #e1e8ea;
}
.language-controller .languages td.controls:hover {
  background-color: #e1e8ea;
}
.language-controller .languages td.controls label {
  background-color: transparent;
}
.language-controller .languages td.controls label span svg {
  fill: rgba(0, 0, 0, 0.35);
}
.language-controller .languages td.controls label:hover span svg {
  fill: rgba(0, 0, 0, 0.5);
}
.language-controller .languages td .delete-button {
  background-color: transparent;
}
.language-controller .languages td .delete-button svg {
  fill: white;
}
.language-controller .languages td .delete-button:hover svg {
  fill: #993333;
}
.language-controller .labels {
  background-color: #f0f3f4;
  font-size: 14px;
}
.language-controller .labels .zebra {
  background-color: #f9fafb;
}
.language-controller .dialog {
  background-color: white;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
/** the undo-redo slider used in the survey editor **/
.undo-slider {
  border: 1px solid #a5bac0;
  background-color: #e1e8ea;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
.undo-slider .label {
  background-color: #c3d1d5;
  color: #000;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.undo-slider .frame-close svg {
  fill: #a5bac0;
}
.undo-slider .frame-close:hover svg {
  fill: #87a3ab;
}
/** the question editor theme **/
.question-editor {
  background-color: #abbf8f;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 2px;
}
.question-editor .header {
  background-color: #abbf8f;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.question-editor .header textarea {
  background-color: white;
  font-size: 15px;
  line-height: 1.25em;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #9fb57f;
}
.question-editor .header .def {
  background-color: #9fb57f;
}
.question-editor .header td.number > span {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  font-size: 15px;
  background-color: #e0ebcf;
}
.question-editor .validation-toggle {
  color: #777;
  font-size: 12px;
}
.question-editor .op-check {
  border: none;
  background-color: #abbf8f;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0px 8px 5px 5px;
  height: 19px;
}
.question-editor .op-check span {
  top: 4px;
}
.question-editor .op-check canvas {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 2px;
}
.question-editor select {
  border: 1px solid #abbf8f;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: white;
}
.question-editor .def {
  background-color: #abbf8f;
}
/** the response editor is contained by the question-editor and contains the individual question type editors **/
.response-editor {
  background-color: #e0ebcf;
  border-radius: 0px 0px 1px 1px;
  -webkit-border-radius: 0px 0px 1px 1px;
  -moz-border-radius: 0px 0px 1px 1px;
  font-size: 13px;
}
.response-editor td.controls {
  width: 29px;
  min-width: 29px;
  padding: 0px 2px;
  background-color: #abbf8f;
}
.response-editor td.active {
  opacity: 1;
}
.response-editor .types canvas {
  width: 20px;
  height: 20px;
  margin: 1px;
  padding: 1px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: transparent;
  border: 1px solid transparent;
}
.response-editor .types canvas:hover {
  background-color: #93ac6f;
}
.response-editor .types .active {
  background-color: #93ac6f;
}
.response-editor select {
  background-color: #abbf8f;
  font-size: 13px;
  height: 24px;
}
.response-editor .field-editor .button {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #abbf8f;
  background-color: #abbf8f;
  padding: 2px;
}
.response-editor .editors input {
  border: 1px solid #abbf8f;
}
.response-editor .editors textarea {
  border: 1px solid #abbf8f;
}
.response-editor .validation-toggle {
  color: #5f7342;
}
.rating-editor.language .range-label {
  color: #9fb57f;
}
.choice-editor table.language td.copy div svg {
  fill: #9fb57f;
}
.choice-editor table.language td.copy div:hover svg {
  fill: #87a35e;
}
.choice-editor table.language .original {
  color: #666;
}
.dropdown-editor table.language td.copy div svg {
  fill: #9fb57f;
}
.dropdown-editor table.language td.copy div:hover svg {
  fill: #87a35e;
}
/** the dropdown menu used to move questions **/
.question-mover {
  background-color: #1a2750;
  border: 2px solid #141e3d;
  padding: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 13px;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.question-mover label {
  color: #a8b1c6;
}
.question-mover label.move-title {
  border-bottom: 1px solid #6b7a9d;
}
.question-mover label.visible {
  color: #fff;
}
.question-mover .up-arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #141e3d;
}
.question-mover hr {
  border: 1px solid #6b7a9d;
  border-bottom: 0px;
}
/** the survey setup theme **/
.survey-setup {
  font-size: 14px;
}
.survey-setup .op-control-box {
  margin-bottom: 1.4em;
}
.survey-setup .op-control-box input[type=checkbox] {
  font-size: 1.25em;
}
.survey-setup input.url {
  font-size: 14px;
  padding: 4px 6px;
  border: 1px solid #c3d1d5;
}
.survey-setup input.delay {
  font-size: 14px;
  padding: 4px 6px;
  border: 1px solid #c3d1d5;
}
.survey-setup input.email {
  font-size: 14px;
  padding: 4px 6px;
  border: 1px solid #c3d1d5;
}
.survey-setup input.email.invalid {
  color: #993333;
}
.survey-setup .url-parameters input {
  font-size: 14px;
  padding: 6px 8px;
  border: 1px solid #c3d1d5;
}
/** the theme editor theme **/
.theme-module,
.theme-editor,
.theme-browser {
  font-size: 14px;
}
.theme-browser > table {
  border: 2px solid #c3d1d5;
}
.theme-browser td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.theme-browser td:hover {
  font-weight: bold;
}
.theme-editor > table {
  border: 2px solid #c3d1d5;
  background-color: white;
}
.theme-editor .left label {
  border-bottom: 1px solid #e1e8ea;
  padding-top: 9px;
  padding-bottom: 9px;
}
.theme-editor .left label.active {
  background-color: #e1e8ea;
}
.theme-editor .right {
  background-color: #e1e8ea;
}
.theme-editor .picker {
  background-color: white;
  border: 1px solid black;
}
.theme-editor .picker .hover {
  background-color: #e1e8ea;
}
.theme-editor .font-picker {
  font-size: 14px;
}
.theme-editor .font-picker div:hover {
  background-color: #222;
  color: #eee;
}
.theme-editor .radius-picker span {
  border: 1px solid #444;
  background-color: #eee;
}
.theme-editor .shadow-editor .picker {
  border: none;
}
.theme-editor input {
  border: 1px solid #c3d1d5;
}
.theme-editor select {
  font-size: 14px;
  border: 1px solid #c3d1d5;
}
.theme-editor .op-check {
  padding: 8px 10px;
  background-color: #e1e8ea;
  border: 1px solid #c3d1d5;
  margin-top: 10px;
}
.theme-editor .op-check span {
  padding: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: white;
  position: relative;
  top: 1px;
}
.theme-editor caption input {
  padding: 9px 10px;
  position: relative;
  top: -1px;
}
.theme-editor caption button {
  position: relative;
  top: -2px;
}
.theme-editor-css input[type=text] {
  font-family: inherit;
  font-size: inherit;
  border-color: #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.theme-editor-css select {
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  border-color: #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/** the overview **/
.survey-overview {
  font-size: 14px;
}
.survey-overview > table {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-bottom: 10px;
  border: 2px solid #c3d1d5;
  background-color: #e1e8ea;
}
.survey-overview .row > td {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4eaec), color-stop(100%, #dbe3e6));
  background-image: -moz-linear-gradient(0% 100% 90deg, #dbe3e6, #e4eaec);
  background-image: -o-linear-gradient(#e4eaec, #dbe3e6);
  background-image: -ms-linear-gradient(#e4eaec, #dbe3e6);
  background-color: #e0e7e9;
}
.survey-overview .row:hover > td {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeff0), color-stop(100%, #eaeff0));
  background-image: -moz-linear-gradient(0% 100% 90deg, #eaeff0, #eaeff0);
  background-image: -o-linear-gradient(#eaeff0, #eaeff0);
  background-image: -ms-linear-gradient(#eaeff0, #eaeff0);
  background-color: #eaeff0;
}
.survey-overview .row.current > td {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5bac0), color-stop(100%, #a5bac0));
  background-image: -moz-linear-gradient(0% 100% 90deg, #a5bac0, #a5bac0);
  background-image: -o-linear-gradient(#a5bac0, #a5bac0);
  background-image: -ms-linear-gradient(#a5bac0, #a5bac0);
  background-color: #a5bac0;
  color: white;
}
.survey-overview .survey-heading {
  font-weight: bold;
  font-size: 1.15em;
}
.survey-overview .section-heading {
  font-weight: bold;
}
.survey-overview .validation {
  color: #993333;
  font-size: 12px;
}
/** theme for the publish module (dates and URLs) **/
.publish .survey-url .inactive {
  color: rgba(0, 0, 0, 0.25);
}
.publish .survey-url {
  font-size: 14px;
  border: 2px solid #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #e1e8ea;
}
.publish .survey-url .header {
  background-color: #c3d1d5;
}
.publish .survey-url textarea {
  font-size: 18px;
  border-color: #c3d1d5;
}
.publish .facebook {
  font-size: 14px;
  background-color: #e1e8ea;
  border: 2px solid #c3d1d5;
}
.web-publish .section {
  font-size: 14px;
  border: 2px solid #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #e1e8ea;
}
.web-publish .section .header {
  background-color: #c3d1d5;
}
.web-publish .section textarea {
  color: #aaa;
  border-color: #c3d1d5;
}
.web-publish .section input {
  border-color: #c3d1d5;
}
.web-publish hr.separator {
  border-top: dashed 2px rgba(0, 0, 0, 0.25);
  border-bottom: none;
}
.panel-publish .section {
  border: 2px solid #c3d1d5;
  background-color: rgba(0, 0, 0, 0.05);
}
.panel-publish .info-box {
  background-color: transparent;
}
.panel-publish h2 {
  background-color: #c3d1d5;
}
.panel-publish .order table {
  font-size: 14px;
}
.panel-publish .order table td {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(0% 100% 90deg, #f0f0f0, #f8f8f8);
  background-image: -o-linear-gradient(#f8f8f8, #f0f0f0);
  background-image: -ms-linear-gradient(#f8f8f8, #f0f0f0);
  background-color: #f4f4f4;
}
.panel-publish .message {
  font-size: 14px;
}
.like-count {
  color: #3A5A99;
  font-size: 16px;
  background-color: #EFF2F9;
  border: 2px solid #C3CDDE;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.facebook-button {
  font-size: 13px;
  font-family: Helvetica Neue, Helvetica, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  background-color: #3B579D;
  border: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 -1px 0 #354c8c;
  -webkit-font-smoothing: antialiased;
}
/** the survey date editor **/
.op-datepicker {
  background-color: #fff;
  border: 2px solid #6b7a9d;
  border-top: none;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.op-datepicker button {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 4px;
}
.op-datepicker button:hover {
  color: #111111;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e4e4e4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e4e4e4, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #e4e4e4);
  background-image: -ms-linear-gradient(#eeeeee, #e4e4e4);
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0.25);
}
.op-datepicker button[disabled=disabled]:hover {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border-color: rgba(0, 0, 0, 0.2);
}
.op-datepicker .surveyDate {
  background-color: #e1e8ea;
  border: 2px solid #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-datepicker .surveyDate.active {
  background-color: #eee;
}
.op-datepicker .surveyDate label {
  font-size: 14px;
}
.op-datepicker .op-date-field {
  border: 1px solid #bfbfbf;
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-datepicker .op-date-field .date {
  border-right: 1px solid #c3d1d5;
  border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
}
.op-datepicker .op-date-field .error {
  background-color: rgba(255, 0, 0, 0.1);
}
.op-datepicker-month {
  color: white;
  font-size: 12px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-datepicker-month.pending {
  background-color: #f4af23;
}
.op-datepicker-month.running {
  background-color: #a9c956;
}
.op-datepicker-month.ended {
  background-color: #d57272;
}
.op-datepicker-month.pending .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #f4af23;
}
.op-datepicker-month.running .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #a9c956;
}
.op-datepicker-month.ended .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #d57272;
}
.op-datepicker-month .icon svg {
  fill: rgba(255, 255, 255, 0.7);
}
.op-datepicker-month .icon:hover svg {
  fill: #fff;
}
.op-datepicker-month tr.month {
  font-size: 13px;
}
.op-datepicker-month tr.days td {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
}
.op-datepicker-month tr.dates td.other {
  color: rgba(255, 255, 255, 0.5);
}
.op-datepicker-month tr.dates td:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.op-datepicker-month tr.dates td:active {
  background-color: rgba(0, 0, 0, 0.3);
}
.op-datepicker-month tr.dates td.set {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  font-weight: bold;
}
.op-datepicker-month tr.dates td.range {
  background-color: rgba(255, 255, 255, 0.3);
  color: #000;
}
/** the theme used for the generic info-box used around the system **/
.info-box {
  background-color: rgba(0, 0, 0, 0.05);
  line-height: 1.6em;
  font-size: 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.info-box .close svg {
  fill: rgba(0, 0, 0, 0.25);
}
/** the survey report in the report module **/
.report-url {
  border: 2px solid #c3d1d5;
  background-color: #e1e8ea;
  padding: 15px;
}
.report-url .op-check {
  font-size: 13px;
  border: none;
  background-color: #c3d1d5;
  margin-right: 5px;
}
.report-url .op-check span {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 2px;
  top: 1px;
}
.report-url input {
  border: 1px solid #c3d1d5;
}
.survey-report .report-header {
  border: 2px solid #abbf8f;
  margin-bottom: 40px;
  font-size: 13px;
}
.survey-report .report-question {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 2px solid #abbf8f;
}
.preview-survey .survey-report .report-question {
  border: none;
  margin-bottom: 0px;
}
.survey-report .question-text {
  background-color: #abbf8f;
  font-size: 15px;
  padding: 10px;
}
.survey-report .field-report .field-name {
  font-weight: bold;
}
.survey-report .report-icons > div {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.survey-report .report-icons svg {
  fill: #fff;
}
.survey-report .report-icons > div.active {
  background-color: #7a88a7;
}
.survey-report .report-question .table-zebra {
  background-color: #e0ebcf;
}
.survey-report-container .survey-report .report-header {
  border-color: #c3d1d5;
}
.survey-report-container .survey-report .report-question {
  border-color: #c3d1d5;
}
.survey-report-container .survey-report .question-text {
  background-color: #c3d1d5;
}
.export-module .data {
  border: 2px solid #c3d1d5;
  padding: 5px;
}
/** the responses listed in the report module**/
.response-table table {
  border: 2px solid #e1e8ea;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.response-table td {
  font-size: 13px;
  background-color: #ffffff;
}
.response-table td.bottom {
  border-color: #f6f8f9;
}
.response-table td.answer {
  border-color: #f6f8f9;
}
.response-table td.bottom-odd {
  border-color: #edf1f2;
}
.response-table td.answer-odd {
  border-color: #edf1f2;
}
.response-table tr.odd td {
  background-color: #e1e8ea;
}
.response-table tr:hover .delete-button {
  background-color: #993333;
}
.response-table caption .op-progress-indicator {
  background-color: transparent;
}
.response-table caption .op-progress-indicator .icon svg {
  fill: rgba(0, 0, 0, 0.5);
}
/** the report filter used to filter questions and responses **/
.report-filter {
  padding: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 12px;
}
.report-filter .languages {
  border: 2px solid #c3d1d5;
  background-color: #e1e8ea;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 13px;
}
.report-filter .languages label.zebra {
  background-color: #f0f3f4;
}
.report-filter .load-data {
  background-color: rgba(255, 255, 255, 0.7);
}
.report-filter .load-data .button {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffb4), color-stop(100%, #ffffb4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #ffffb4, #ffffb4);
  background-image: -o-linear-gradient(#ffffb4, #ffffb4);
  background-image: -ms-linear-gradient(#ffffb4, #ffffb4);
  background-color: #ffffb4;
  border-color: #cece00;
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
  font-size: 18px;
}
.report-filter .load-data .button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffff8b), color-stop(100%, #ffff8b));
  background-image: -moz-linear-gradient(0% 100% 90deg, #ffff8b, #ffff8b);
  background-image: -o-linear-gradient(#ffff8b, #ffff8b);
  background-image: -ms-linear-gradient(#ffff8b, #ffff8b);
  background-color: #ffff8b;
}
.report-filter .load-data svg {
  fill: rgba(0, 0, 0, 0.35);
}
.report-filter .load-data .cancel {
  font-size: 12px;
}
.report-filter .load-data .cancel:hover {
  text-decoration: underline;
}
.report-filter input[type=text] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.report-filter .op-web-survey-question {
  border: 2px solid #e1e8ea;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding-bottom: 10px;
}
.report-filter .op-web-survey-question-text {
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #e1e8ea;
}
.report-filter .controls .op-check {
  font-size: 13px;
  background-color: #e1e8ea;
  border: 1px solid #c3d1d5;
  padding: 6px 8px;
  margin-bottom: 10px;
  outline: none;
}
.report-filter .controls .op-check span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: white;
  padding: 2px;
  top: 1px;
}
.report-filter .controls .validation-star {
  color: #993333;
}
.report-filter .exclude-include .exclude {
  border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
}
.report-filter .exclude-include .include {
  border-radius: 0px 2px 2px 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
}
/** the forum theme **/
.op-forum {
  font-size: 14px;
}
.op-forum .categories {
  border: 2px solid #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-forum .categories .header th {
  background-color: #c3d1d5;
}
.op-forum .category .forum-category-name {
  font-weight: bold;
}
.op-forum tr.category.odd td {
  background-color: #e1e8ea;
}
.op-forum .topics {
  border: 2px solid #c3d1d5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-forum .topics .header th {
  background-color: #c3d1d5;
}
.op-forum .topics .header th .back:hover {
  text-decoration: underline;
}
.op-forum .topics .topic.odd {
  background-color: #e1e8ea;
}
.op-forum .topics .thread.odd {
  background-color: #e1e8ea;
}
.op-forum .forum-entry {
  background-color: #e1e8ea;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.op-forum .thread.odd .forum-entry {
  background-color: #c3d1d5;
}
.op-forum .forum-entry .info {
  color: #7898a1;
}
.op-forum .forum-entry .down {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.25);
}
.op-forum .forum-entry .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e1e8ea;
}
.op-forum .forum-entry .body {
  padding: 2px;
}
.op-forum .thread.odd .forum-entry .arrow {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #c3d1d5;
}
.op-forum .forum-new input {
  border: 1px solid #c3d1d5;
}
.op-forum .forum-new textarea {
  border: 1px solid #c3d1d5;
}
.op-forum .forum-new select {
  border: 1px solid #c3d1d5;
  background-color: white;
}
.op-forum .forum-new td {
  border-bottom: 1px solid #c3d1d5;
}
.op-forum .forum-thread textarea.reply {
  border: 1px solid #c3d1d5;
}
.op-forum .op-check {
  background-color: #e1e8ea;
  border: 1px solid #c3d1d5;
  padding: 4px 8px 4px 6px;
  top: 1px;
}
.op-forum .op-check span {
  padding: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: white;
  top: 1px;
}
.op-forum .thread.odd .op-check {
  background-color: #c3d1d5;
}
.op-forum .header th {
  font-size: 14px;
}
.op-forum .forum-topic-subject {
  font-weight: bold;
}
.forum-category-name {
  font-size: 14px;
}
/** the admin module theme **/
.top-n .menu {
  background-color: rgba(0, 0, 0, 0.1);
}
.top-n .menu label {
  color: rgba(0, 0, 0, 0.5);
}
.top-n .menu label.active {
  color: #000000;
}
.top-n .menu label:hover {
  color: #000000;
}
.user-list th {
  background-color: rgba(0, 0, 0, 0.1);
}
.log-list {
  background-color: transparent;
}
.log-list th {
  background-color: rgba(0, 0, 0, 0.1);
}
.log-list tr {
  border-color: rgba(255, 255, 255, 0.2);
}
.log-controls {
  background-color: rgba(0, 0, 0, 0.1);
}
.log-controls label {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.log-disaster {
  background-color: rgba(128, 0, 128, 0.8);
}
.log-critical {
  background-color: rgba(255, 0, 0, 0.8);
}
.log-error {
  background-color: rgba(255, 170, 0, 0.8);
}
.log-warning {
  background-color: rgba(255, 255, 0, 0.8);
}
.log-info {
  background-color: rgba(0, 255, 0, 0.8);
}
.log-debug {
  background-color: #aaa;
}
.statistics .menu label.week {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.statistics .menu label {
  color: rgba(0, 0, 0, 0.5);
  transition: color 50ms;
}
.statistics .menu label.active {
  color: #000000;
}
.statistics .menu label:hover {
  color: #000000;
}
.payment-list th {
  background-color: rgba(0, 0, 0, 0.1);
}
/** the murvey plans and pricings theme **/
.account-module .tabs label {
  font-size: 14px;
}
.account-module .tabs label.active {
  background-color: rgba(0, 0, 0, 0.1);
}
.account-module .tabs label.active:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.account-module .tabs label:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.account-module .account-state .state {
  font-size: 14px;
  background-color: #e1e8ea;
  border: 2px solid #c3d1d5;
}
.account-module .account-state .qr {
  font-size: 14px;
  border: 2px solid #c3d1d5;
}
.account-module .account-state .qr th {
  background-color: #c3d1d5;
}
.account-module .account-state .qr .table-zebra {
  background-color: #e1e8ea;
}
.account-module .account-password {
  font-size: 14px;
}
.account-module .account-password button {
  color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e9e9e9, #f3f3f3);
  background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
  background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
  font-family: Arial, Verdana;
  padding: 5px 9px;
  cursor: pointer;
}
.account-module .account-password button:hover {
  color: #111111;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e4e4e4));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e4e4e4, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #e4e4e4);
  background-image: -ms-linear-gradient(#eeeeee, #e4e4e4);
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0.25);
}
.account-module .account-password input {
  border: 1px solid #c3d1d5;
}
.account-module .account-password .logo-container {
  font-size: 70px;
  color: rgba(0, 0, 0, 0.7);
  font-family: Century Gothic, Tahoma, Arial;
  border-bottom: 1px solid #c3d1d5;
}
.account-module .account-password .logo svg {
  fill: #5f6e8f;
}
.account-plan {
  font-size: 14px;
  background-color: #eee;
}
.account-plan .name {
  font-size: 22px;
}
.account-plan .feature {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.account-plan .free {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2f398), color-stop(100%, #a2c358));
  background-image: -moz-linear-gradient(0% 100% 90deg, #a2c358, #c2f398);
  background-image: -o-linear-gradient(#c2f398, #a2c358);
  background-image: -ms-linear-gradient(#c2f398, #a2c358);
  background-color: #b2db78;
}
.account-plan .basic {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdd29f), color-stop(100%, #e47248));
  background-image: -moz-linear-gradient(0% 100% 90deg, #e47248, #fdd29f);
  background-image: -o-linear-gradient(#fdd29f, #e47248);
  background-image: -ms-linear-gradient(#fdd29f, #e47248);
  background-color: #f1a274;
}
.account-plan .pro {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6ed64), color-stop(100%, #f3b129));
  background-image: -moz-linear-gradient(0% 100% 90deg, #f3b129, #f6ed64);
  background-image: -o-linear-gradient(#f6ed64, #f3b129);
  background-image: -ms-linear-gradient(#f6ed64, #f3b129);
  background-color: #f5cf47;
}
.account-plan .price {
  font-size: 1.25em;
}
.paypal-done {
  font-size: 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
  border: 8px solid rgba(0, 0, 0, 0.25);
}
/** utility functions **/