/*
//============================================================+
// File name   : default.css
// Begin       : 2004-04-27
// Last Update : 2012-07-25
//
// Description : Default CSS for public area.
//
// Author: Nicola Asuni
//
// (c) Copyright:
//               Nicola Asuni
//               Tecnick.com LTD
//               www.tecnick.com
//               info@tecnick.com
//
// License:
//    Copyright (C) 2004-2010 Nicola Asuni - Tecnick.com LTD
//    See LICENSE.TXT file for more information.
//============================================================+
*/

a {
  color: #0060bf;
  text-decoration: none;
}

a:visited {
  color: #0060bf;
  text-decoration: none;
}

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

a.minibutton span {
  background-color: #ffcc66;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  text-decoration: none;
}

a.minibutton:link,
a.minibutton:visited,
a.minibutton:hover {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  font-family: Arial, FreeSans, sans-serif;
  font-size: 9px;
  padding: 0px 0px 0px 3px;
  text-decoration: none;
}

a.tcecode {
}

a.tcecode:visited {
}

a.tcecode:hover {
}

a.white {
  color: #ffffff;
  font-size: 5px;
}

a.white:visited {
  color: #ffffff;
}

a.white:hover {
  color: #ffffff;
}

acronym.offbox {
  background-color: #eeeeee;
  border: 1px solid;
  border-color: #000000;
  color: #000000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

acronym.onbox {
  background-color: #add8e6;
  border: 1px solid;
  border-color: #000000;
  color: #000000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

acronym.requiredonbox {
  background-color: #ffffcc;
  border: 1px solid;
  border-color: #cccccc;
  color: #ff0000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

acronym.requiredoffbox {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #cccccc;
  color: #0000ff;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

b.tcecode {
}

blockquote.tcecode {
}

body {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, FreeSans, sans-serif;
  font-size: 100%;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

/* BODY (menu + main) ------------ */
div.body {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

/*  confirmation box for delete/cancel action  ------------------- */
div.confirmbox {
  background-color: #99ff99;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  text-align: center;
  width: 100%;
}

/* DIV container:
contains form box and help box */
div.container {
  margin: auto;
  padding: 5px;
  width: 95%;
  box-sizing: border-box;
}

div.content {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  width: 84%;
  box-sizing: border-box;
}

/* ---------- */
div.creditslogos {
  text-align: center;
}

/*  SYSTEM MESSAGES  ------------------- */
div.error {
  background-color: #ff9999;
  font-size: 95%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  width: 100%;
}

div.float {
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

/* header (logo + timer) ------------ */
div.header {
  background-color: #071d41;
  border: 0px none;
  height: 85px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

/* header logo ------------ */
div.header div.left {
  background-color: #071d41;
  background-position: top;
  background-repeat: no-repeat;
  border: 0px none;
  float: left;
  margin: 4px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 100%;
}

/* header banner ------------ */
div.header div.right {
  background-color: #071d41;
  border: 0px none;
  float: right;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  width: 100%;
}

div.header div.right input {
  background-color: #071d41;
  border: 0px none;
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
}

div.message {
  background-color: #99ccff;
  font-size: 95%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  width: 100%;
}

/* W3C logos ------------ */
div.minibutton {
  clear: both;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

div.minibutton span.copyright {
  background: #ffffff;
  color: #000000;
  font-family: Arial, FreeSans, sans-serif;
  font-size: 70%;
  text-decoration: none;
}

div.navlink {
  font-size: 95%;
  font-weight: bold;
}

/* PAGE HELP ------------------------------- */
div.pagehelp {
  background-color: #ddeeff;
  border: 1px dotted #808080;
  color: #333333;
  font-size: 80%;
  margin: 5px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  width: 100%;
  text-align: justify;
  box-sizing: border-box;
}

/* Page selector --------------------------*/
div.pageselector {
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 90%;
}

div.popupcontainer {
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  width: 100%;
  box-sizing: border-box;
}

div.popuptitle {
  color: #071d41;
  font-size: 130%;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 0px;
  width: 100%;
}

div.row {
  clear: both;
  padding: 1px 1px 1px 1px;
  text-align: center;
}

div.row span.formw {
  float: right;
  font-size: 95%;
  text-align: left;
  width: 69%;
}

div.row span.label {
  float: left;
  text-align: right;
  width: 30%;
}

div.row span.left {
  float: left;
  font-size: 95%;
  text-align: left;
  width: 49%;
}

div.row span.right {
  float: right;
  font-size: 95%;
  text-align: right;
  width: 49%;
}

div.row span.value {
  float: right;
  font-weight: bold;
  text-align: left;
  width: 69%;
}

div.rowl {
  clear: both;
  padding: 1px 1px 1px 1px;
  text-align: left;
}

div.spacer {
  clear: both;
}

div.tcecodepre {
  display: block;
  white-space: pre;
}

/* FORM BOX --------------------- */
div.tceformbox {
  overflow: hidden;
  background-color: #f6f6f6;
  border: 1px solid #808080;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}

/* TITLE ------------------------------- */
div.title {
  color: #071d41;
  font-size: 140%;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 0px;
  width: 90%;
}

/* USER BAR  ------------------- */
div.userbar {
  background-color: #071d41;
  clear: both;
  color: #ffffff;
  font-size: 95%;
  margin: 5px 0px 5px 0px;
  padding: 2px 10px 2px 10px;
  text-align: right;
  white-space: nowrap;
}

/* Logout link ------------ */
div.userbar a.logoutbutton:link,
a.logoutbutton:visited {
  background-color: #b22222;
  border: 1px solid #000000;
  color: #ffffff;
  padding: 1px 10px 1px 10px;
  text-decoration: none;
}

div.userbar a.logoutbutton:hover {
  background-color: #ff0000;
  color: #ffff00;
}

/* Login link ------------ */
div.userbar a.loginbutton:link,
a.loginbutton:visited {
  background-color: #22a222;
  border: 1px solid #000000;
  color: #ffffff;
  padding: 1px 10px 1px 10px;
  text-decoration: none;
}

div.userbar a.loginbutton:hover,
div.userbar a.loginbutton:focus {
  background-color: #00ff00;
  color: #000000;
}

div.warning {
  background-color: #fff799;
  font-size: 95%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  width: 100%;
}

fieldset.noborder {
  border: none;
}

h1 {
  color: #071d41;
  font-size: 140%;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 0px;
  width: 90%;
}

h2 {
  color: #071d41;
  font-size: 120%;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 0px;
  width: 85%;
}

html {
}

i.tcecode {
}

img.tcecode {
  border: 0px none #ffffff;
}

input {
  font-size: 95%;
  font-style: normal;
}

label {
  cursor: pointer;
  text-transform: capitalize;
}

label.timerlabel {
  color: #071d41;
}

li.tcecode {
}

ol.answer {
  list-style-type: decimal;
}

ol.answer li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

ol.answer_inline {
  list-style-type: none;
  display: inline;
}

ol.answer_inline li {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ----- */
ol.qlist li {
  font-size: 95%;
}

ol.qlist li.selected {
  background-color: #ffffcc;
  font-size: 95%;
}

ol.tcecode {
}

/* PME CODE TAGS --------------------------*/
p.tcecode {
}

pre {
}

select {
  font-size: 95%;
}

small.tcecode {
}

span.langselector {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  font-family: Arial, FreeSans, sans-serif;
  font-size: 9px;
  padding: 0px 3px 0px 3px;
  text-decoration: none;
  display: block;
}

span.langselector span.selected {
  background: #00ff00;
  color: #000000;
}

strong.tcecode {
}

sub.tcecode {
}

sup.tcecode {
}

/* user select table --------------------------*/
table.userselect {
  background-color: #f6f6f6;
  border: 1px solid #808080;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 100%;
}

table.userselect td {
  border: 1px solid #808080;
}

table.userselect th {
  border: 1px solid #808080;
}

table.userselect tr {
  border: 1px solid #808080;
  font-size: 95%;
}

textarea {
  font-size: 95%;
  width: 100%;
}

textarea.answertext {
  font-size: 95%;
}

ul.answer {
  list-style-type: disc;
}

ul.answer li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

ul.credits {
  color: #333333;
  font-size: 95%;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  text-align: left;
}

ul.log {
}

ul.log li {
  font-size: 95%;
}

ul.question {
  font-size: 95%;
  list-style-type: none;
}

ul.question li {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

ul.tcecode {
}

.hidden {
  display: none;
}

.tcecontentbox {
  background-color: #f6f6f6;
  border: 1px solid #808080;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
}

a.xmlbutton:link,
a.xmlbutton:visited {
  border: 1px solid;
  border-color: #ffffff #696969 #696969 #ffffff;
  align-items: center;
  appearance: button;
  background-color: #0276ff;
  border-style: none;
  box-shadow: rgb(255 255 255 / 26%) 0 1px 2px inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  flex-direction: row;
  flex-shrink: 0;
  font-family: "RM Neue", sans-serif;
  line-height: 1.15;
  text-align: center;
  text-transform: none;
  transition: color 0.13s ease-in-out, background 0.13s ease-in-out,
    opacity 0.13s ease-in-out, box-shadow 0.13s ease-in-out;
  -webkit-user-select: none;
  touch-action: manipulation;
  font-size: 95%;
  margin: 3px;
  border-radius: 5px;
  padding: 5px;
  text-decoration: none;
}

a.xmlbutton:hover {
  background-color: #1c84ff;
}

ol.testlist li {
  margin: 0px 0px 10px 0px;
}

.infolink {
}

.testcomment {
}

acronym.nobox {
  background-color: #f08080;
  border: 1px solid;
  border-color: #000000;
  color: #000000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

acronym.offbox {
  background-color: #eeeeee;
  border: 1px solid;
  border-color: #000000;
  color: #000000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

acronym.okbox {
  background-color: #90ee90;
  border: 1px solid;
  border-color: #000000;
  color: #000000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

acronym.onbox {
  background-color: #add8e6;
  border: 1px solid;
  border-color: #000000;
  color: #000000;
  font-family: monospace;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
}

td.numeric {
  font-family: "courier New", courier, monospace;
  text-align: right;
}

/* MENU ------------ */

div.scrollmenu {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  height: 22px;
  margin: 0 auto;
  width: 100%;
  color: #ffaa00;
  font-size: 75%;
  font-weight: bold;
  text-decoration: none;
  background: #071d41;
  border: 0;
}

div.scrollmenu ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 99%;
}

div.scrollmenu ul li {
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.menu li > ul {
  display: none;
  background-color: #071d41;
}

ul.menu li a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  padding: 0px 6px 0px 6px;
  /* border-top: 1px solid #fff; */
  border-right: 1px solid #fff;
  /* border-right: 1px solid black; */
  /* border-bottom: 1px solid black; */
  text-transform: capitalize;
}

ul.menu li a:visited {
  color: #ffffff;
  display: block;
  text-decoration: none;
}

ul.menu li a:hover,
ul.menu li a:focus {
  color: #ffaa00;
  text-decoration: none;
}

ul.menu li:hover > ul,
ul.menu *:focus + ul {
  display: block;
  position: absolute;
  visibility: visible;
  left: 0px;
  top: 20px;
  width: 150px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #071d41;
  z-index: 1;
}

ul.menu li:hover,
ul.menu li.CSStoHighlight {
  background-color: #071d41;
  color: #ffcc00;
}

ul.menu ul li {
  background-color: #071d41;
  float: left;
  list-style-type: none;
  margin-bottom: 2px;
  padding: 0;
  text-decoration: none;
  width: 100%;
}

ul.menu ul li:hover > ul,
ul.menu ul *:focus + ul {
  display: block;
  position: absolute;
  visibility: visible;
  left: 140px;
  top: 0px;
  margin: 0;
  padding: 0;
  background-color: #071d41;
  z-index: 1;
}

ul.menu li a.active {
  color: #071d41;
  display: block;
  text-decoration: underline;
  padding: 0px 6px 0 6px;
  /* border-top: 1px solid #071D41; */
  border-left: 1px solid #071d41;
  /* border-right: 1px solid #071D41; */
  /* border-bottom: 1px solid white; */
  background-color: white;
}

ul.menu li span.active {
  color: #071d41;
  display: block;
  text-decoration: none;
  padding: 0px 6px 0 6px;
  /* border-top: 1px solid #071D41; */
  border-left: 1px solid #071d41;
  /* border-right: 1px solid #071D41; */
  border-bottom: 1px solid white;
  background-color: white;
}

ul.menu ul li *.active {
  color: #071d41;
  display: block;
  text-decoration: none;
  padding: 0px 6px 0 6px;
  border: 1px solid #071d41;
  background-color: white;
}

ul.menu ul.CSStoShow {
  display: block;
}

iframe.menu {
  width: 0px;
  height: 0px;
  top: 20px;
  left: 0px;
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

table.testlist {
  background-color: #f6f6f6;
  border: 1px solid #808080;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table.testlist td {
  border: 1px solid #808080;
  padding: 4px 4px 4px 4px;
}

table.testlist th {
  border: 1px solid #808080;
  padding: 4px 4px 4px 4px;
  background-color: #ddeeff;
}

table.testlist tr {
  border: 1px solid #808080;
  font-size: 95%;
}

a.buttongreen:link,
a.buttongreen:visited {
  background-color: #aaffaa;
  border: 1px solid;
  border-color: #ffffff #696969 #696969 #ffffff;
  color: #000000;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

a.buttongreen:hover {
  background-color: #ddffdd;
}

a.buttonred:link,
a.buttonred:visited {
  background-color: #ffaaaa;
  border: 1px solid;
  border-color: #ffffff #696969 #696969 #ffffff;
  color: #000000;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

a.buttonred:hover {
  background-color: #ffdddd;
}

a.buttonblue:link,
a.buttonblue:visited {
  background-color: #aaccff;
  border: 1px solid;
  border-color: #ffffff #696969 #696969 #ffffff;
  color: #000000;
  font-size: 95%;
  margin: 0px 0px 0px 0px;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

a.buttonblue:hover {
  background-color: #bbddff;
}

span.labeldesc {
  font-size: 80%;
  color: #333333;
}

hr.delimiter {
  border: 0;
  background-color: #aabbcc;
  height: 10px;
  margin: 15px 0 15px 0;
  width: 100%;
  display: block;
  clear: both;
}

hr.dashed {
  border-top: 1px dashed gray;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: #ffffff;
}

span.accesskey {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
  position: relative;
  top: -0.2em;
}

.disabled {
  background-color: #eeeeee !important;
  color: #003060 !important;
}

.disablednum {
  background-color: #eeeeee !important;
  color: #003060 !important;
  text-align: right !important;
}

.disablednumg {
  background-color: #eeeeee !important;
  color: #006000 !important;
  text-align: right !important;
}

#scrollayer > ul > li > ul > li > a {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

#scrollayer > ul > li > ul > li {
  text-align: center;
  text-transform: capitalize;
}

#scrollayer > ul > li > ul > li:last-child {
  border-radius: 0px 0px 12px 0px;
}

input[type="submit"] {
  border: 1px solid;
  border-color: #ffffff #696969 #696969 #ffffff;
  align-items: center;
  appearance: button;
  background-color: #0276ff;
  border-style: none;
  box-shadow: rgb(255 255 255 / 26%) 0 1px 2px inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  flex-direction: row;
  flex-shrink: 0;
  font-family: "RM Neue", sans-serif;
  line-height: 1.15;
  text-align: center;
  text-transform: none;
  transition: color 0.13s ease-in-out, background 0.13s ease-in-out,
    opacity 0.13s ease-in-out, box-shadow 0.13s ease-in-out;
  -webkit-user-select: none;
  touch-action: manipulation;
  font-size: 95%;
  margin: 3px;
  border-radius: 5px;
  padding: 5px;
  text-decoration: none;
  text-transform: capitalize;
}

input[type="submit"]:disabled {
  background-color: #bbbbbb;
  cursor: not-allowed;
}

/* class applies to select element itself, not a wrapper element */
select {
  /* display: block; */
  font-size: 14px;
  font-family: sans-serif;
  /* font-weight: 700; */
  color: #444;
  line-height: 1;
  padding: 0.6em 1.4em 0.5em 0.8em;
  /* width: 100%; */
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
	  for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
	  
	*/
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 0.65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
select::-ms-expand {
  display: none;
}
/* Hover style */
select:hover {
  border-color: #888;
}
/* Focus style */
select:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  /* box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); */
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

/* Set options to normal weight */
select option {
  font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] select,
:root:lang(ar) select,
:root:lang(iw) select {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

/* Disabled styles */
select:disabled,
select[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

select:disabled:hover,
select[aria-disabled="true"] {
  border-color: #aaa;
}

input {
  border-radius: 5px !important;
  min-height: 18px !important;
  margin-bottom: 2px;
  border: 1px solid;
  padding: 4px;
}

textarea {
  font-size: 95%;
  width: 100%;
  border-radius: 5px;
  border: 1px solid;
}

.btn-verde,
.btn-verde:hover {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.btn-vermelho,
.btn-vermelho:hover {
  color: #fff;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.btn-laranja,
.btn-laranja:hover {
  color: #fff;
  background-color: #ff9007 !important;
  border-color: #ff8507 !important;
}
.tcecontentbox label{
  text-transform: none !important;
}  
#timer{
  display: none !important;
}