@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:300,400,700&subset=greek');

body {
  padding: 0;
  /*margin-top: 10px;*/
  /*background:#eeeeee url(../images/bg_body.jpg) repeat-x; */
    background:white;
}

body, p, div, span, label, a, input, textarea, button, input.button, input.file{
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

a { color:#ffffff; }
a:visited { color:#cccccc; }

body {
   background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	overflow-x: hidden;
}

body.nobg {background: none;}

div#back {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position:fixed;
    z-index:0;
	
	display:none;
}

div#content {
  position:relative;
  z-index:1;
  height: 50vh;
  background: white;
  margin: 0 auto;
  /*width: 1040px*/
  width: 100vw;
  
  background: none;
  height: auto;
}

img#backimg {
    width: 100%;
    height: 100%;
    position:relative;
}

div.backie6 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

table.bg-body {
    /*background:url(../images/bg_body.jpg);
    height:176px;
    width:950px;*/
}

.info {
  margin-bottom: 3px;
  font: 300 21px 'Roboto Slab', serif;
}

.h1 + div span:not(.info) {
  /*display: none;*/
  color: black !important;
  margin-left: 20px;
}

.h1-new, .info {
 -webkit-transform: translateX(20px);
         transform: translateX(20px);
 display: inline-block;
 color: #006432;
}

H1{
  font-family: "trebuchet ms";
  font-size: 20px;
  font-weight:500;
  /*color:#336699;*/
    color:#ffffff;
    margin:0;
}

.h1-new {
 font-size: 12px;
 line-height: 18px;
 font-weight: 700;
 text-transform: uppercase;
}

H2{
  font-family: "trebuchet ms";
  font-size: 15px;
  font-weight:bold;
  color: #fff;
  background:/*#336699;*/#366761;
  padding:3px 5px;
  margin-top:20px;
}
h3{
  font-family: "trebuchet ms";
  font-size: 16px;
  font-weight:bold;
  color:#336699;
  margin:10px 0;
}

.h2{
  font-family: "trebuchet ms";
  font-size: 15px;
  font-weight:bold;
  color: #fff;
  background:#336699;
  padding:3px 5px;
  margin-top:20px;
}

.h3{
  font-family: "trebuchet ms";
  font-size: 16px;
  font-weight:bold;
  color:#336699;
  margin:10px 0;
}

.menubutt {
  font: 12px Verdana;
  color: #666666;
  background:#fff url(../images/bg_input.jpg) bottom repeat-x;
  border: 2px solid #999999;
  padding:2px 3px;
  margin:1px;
}

.menubutt:hover,
.menubutt:focus {
  color: #336699;
  background: #fff;
  border: 2px solid #999999;
  cursor:pointer;
}

.input {
    font-family: "trebuchet ms";
    font-size: 12px;
    color: #666666;
    background:#fff url(../images/bg_input.jpg) bottom repeat-x;
    border: 1px solid #999999;
    padding:2px 3px;
    margin:1px;
}

.input.odd {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
  background:#eeeeee  bottom repeat-x;
  border: 1px solid #999999;
  padding:2px 3px;
  margin:1px;
}

input.text,
input.dateboxinp,
textarea,
select,
button.my {
  font: 300 10px "Roboto", Arial, sans-serif;
  color: #939598;
  background: #fff;
  border: 1px solid #939598;
  padding:2px 3px;
  margin:1px;
  outline: none;
}

.connect {
 outline: none;
 cursor: pointer;
 background: url(../images/my.png) no-repeat;
 width: 17px !important;
 height: 19px !important;
 text-indent: -9999px;
  border: none;
}

input.text:hover,
input.text:focus,
input.dateboxinp:hover,
input.dateboxinp:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
  color: #336699;
  background: #fff;
  border: 1px solid #999999;
}

button.my:hover,
button.my:focus {
  color: #336699;
  background: #fff;
  border: 1px solid #999999;
  cursor:pointer;
}

button:hover,
button:focus {
  cursor:pointer;
}

button.lang {
   text-align: center;
   border: none;
   background-color: #093b33;
   background-repeat: no-repeat;
   font-size:12px;
   font-weight:bold;
}

/*button.lang:hover, button.lang:focus {
  color:white;
  background-position: -177px 0px;
  cursor:pointer;
}*/

div.grid {
   display:inline;
}

div.grid-body {
   display:table;
   width: 1040px !important;
   background: white; border: 0; overflow: hidden; width: 100%;
}

.overlapped div.grid-body {
 width: 100% !important;
 max-width: 1040px;
}

div.head-cell-inner {
   color:black;
}

div.paging {
   background-color:#006432;
   color:white;
   width: 1000px;
    
   line-height: 20px;
}

div.paging a {
   background-color:#006432;
   color:#ffffff;
     font-family: 'Roboto Slab', serif;
	 transition: all .3s;
}

div.paging a:visited {
      background-color:#006432;
      text-decoration:none;
}

div.paging a:hover {
      background-color:#006432;
      text-decoration:none;
}

div.listbox {
     border: 1px solid #8FBC8F;
}

.add div.gc {
  color:white;
  padding-right:10px;
}

.inadd div.gc {
  color:white;
}

.add tr.odd td.gc, .inadd tr.odd td.gc {
  background:#093b33 none repeat scroll 0 0;
  color:white;
}

.add td.gc, .inadd td.gc {
  background:#093b33 none repeat scroll 0 0;
  color:white;
}

.tests .grid-body {
  background:#093b33 none repeat scroll 0 0;
}

.tests tr.odd td.gc {
  background:#c9d4d0 none repeat scroll 0 0;
  color:white;
}

.tests, .tests td.gc, .grid-btable {
   background: white !important;
}

.grid-body > table > tbody:last-child > .tests:first-child td.gc span {
  display: inline-block;
  font-family: 'Roboto Slab', serif !important;
  color: #006432 !important;
  border-bottom: 1px solid #006432 !important;
  font-size: 22px !important;
  margin-left: 0 !important;
  margin-bottom: 5px;
  padding-bottom: 2px;
}

.tests td.gc {
  background:#dce5e2 none repeat scroll 0 0;
  color:white;
  padding-left: 20px !important;
}

.tests td.gc a {
  font: 700 18px/28px 'Roboto Slab', serif !important;
  text-decoration: none;
  color: #006432 !important;
}

.view div.listbox-body {
     background:#dce5e2 none repeat scroll 0 0;
}

/*.view tr.odd td {
  background:#c9d4d0 none repeat scroll 0 0;
  color:black;
}

.view tr.item  {
  background:#dce5e2 none repeat scroll 0 0;
  color:black;
}

.view tr.item:hover td {
  background:DarkSeaGreen none repeat scroll 0 0;
}*/

/* Main menu ------------------------------------------- */

.menu{
  display:block;
  float:left;
  padding:0px 20px;
  font-weight: bold;
  font-size: 10px;
  color: #336699;
  line-height:35px;
  height:35px;
}

.menu a {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #666666;
  padding:11px 10px;
  background:url(../images/bg_menu_border.jpg) right repeat-y;
}

.menu a:visited {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #666666;
}

.menu a:hover {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background:#336699 url(../images/bg_menu_border.jpg) right repeat-y;
}

.language{
  display: block;
  float:right;
  text-align:right;
  padding-top:18px;
  padding-right:20px;
  font-weight: bold;
  font-size: 9px;
  color: #333;
}

.language a {
  font-size: 9px;
  font-weight: bold;
  color: #666666;
}
.language a:visited {
  font-size: 9px;
  font-weight: bold;
  color: #666666;
}

.language a:hover {
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  color: #336699;
}

/* content -------------------------------------------- */

.content {
  background:#fff url(../images/bg_content.jpg) bottom no-repeat;
}

/* left col -------------------------------------------- */

.left_col {
  width:190px;
  padding:10px 10px 40px 10px;
}
.submenu{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.submenu div{
  display:block;
  padding:0px;
  margin:5px 0px;
  line-height:25px;
}
.submenu a {
  display:block;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #666666;
  text-align:center;
  background:#eeeeee url(../images/bg_submenu.jpg) bottom repeat-x;
  padding:0px 10px;
  border:1px solid #666666;
}
.submenu a:visited {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #666666;
}

.submenu a:hover {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background:#336699;
}
.img {
  margin:5px 0px;
}
.adds {
  border:1px solid #cccccc;
  padding:2px;
  margin:5px 0px;
  font-size: 9px;
  color: #999999;
  text-align:center;
  vertical-align:top;
}
.leftbox {
  border:1px solid #666666;
  padding:2px;
  margin:5px 0px;
  font-size: 9px;
  color: #666666;
  vertical-align:top;
}

.bg-body {
  background: white;
}

/* main col -------------------------------------------- */
.main_col {
  width: 1040px;
  border: none !important;
  /*width:760px;*/
  font-size:12px;
  /*color:#333;*/
    color:#ffffff;
    line-height:16px;
    /*background-color:white;*/
 }
.main_col a {
  color:#ffffff;
  font-size:12px
}
.main_col a:visited {
  color:#cccccc;
}
.main_col a:hover{
  color:#cccccc;
  text-decoration:none
}

/* quick search -------------------------------------------- */
.search {
  border: 1px solid #cccccc;
  padding:10px;
  font-size:10px;
  text-align:right;
}

/* highlighted_box -------------------------------------------- */
.highlighted_box {

}
.highlighted_title {
  font-family: "trebuchet ms";
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  line-height:14px;
  padding:5px 10px;
  background:#ff6600  repeat-x;
}
.highlighted_content {
  background:url(../images/bg_gray_gradient.jpg) bottom repeat-x;
  border: 1px solid #cccccc;
  padding:10px;
  font-size:10px;
}
.highlighted_content a {
  color:#336699;
  text-decoration:none;
}
.highlighted_content a:visited {
  color:#336699;
  text-decoration:none;
}
.highlighted_content a:hover {
  color:#336699;
  text-decoration:none;
  border-bottom:2px solid #336699;
}


/* Forms & Buttons -------------------------------------------- */
.more{
}
.more div{
  display:block;
  padding:0;
  margin:5px 3px;
}
.more a {
  font-size: 9px;
  text-decoration: none;
  color: #666666;
  line-height:20px;
  background:#fff url(../images/bg_input.jpg) repeat-x;
  padding:3px 10px;
  border:1px solid #dddddd;
  cursor:pointer;
}
.more a:visited {
  text-decoration: none;
  color: #333;
}

.more a:hover {
  text-decoration: none;
  color: #666666;
  background:#eeeeee;
}

.form_table {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:10px;
  /*background: orange;*/
}

.wc-embedded-none {/*background: purple;*/}

/*.wc-embedded-none br {display: none;}*/

.login_table {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  float: right;
}

.form_table_title {
  font-weight:bold;
  background:#eeeeee  right no-repeat;
  padding-right:15px;
}
.results_title {
  font-weight:bold;
  color:#FFFFFF;
  background:#336699;
}
.results_line_eeeeee {
  background:#eeeeee;
}
.results_line_dddddd {
  background:#dddddd;
}
.notes {
  font-size:9px;
  color:#666666;
}

/* footer ---------------------------------------- */

.footer {
  background: url(../images/bg_footer.jpg) no-repeat;
  font-size:9px;
  font-weight:bold;
  text-decoration: none;
  color:#666666;
  text-align:center;
  padding-top:10px;
}

.footer a {
  color:#666666;
  text-decoration:none;
  padding:2px;
}

.footer a:visited {
  color:#666666;
}

.footer a:hover {
  color:#333;
  border-bottom:2px solid #999999;
}

.error {color:red}

/* overlapped window ---------------------------- */

td.lwt-overlapped {
    background-image: url('../images/wto-l.gif');
    background-repeat: no-repeat;
  width: 7px;
}

td.mwt-overlapped {
  background-image: url('../images/wto-m.gif');
    background-repeat: repeat-x;
}

td.rwt-overlapped {
  background-image: url('../images/wto-r.gif');
    background-repeat: no-repeat;
  width: 7px;
}

.wc-overlapped .h1,
td.lwt-overlapped,
td.mwt-overlapped,
td.rwt-overlapped {
  display: none;
}

div.wc-overlapped {
  margin: 0; 
  padding: 20px; 
  position: absolute;
  width: 1040px;
  max-width: 80%;
  top: 50%;
  left: 50%;
  border: none;
  transform: translate(-50%, -50%);
}

.overlapped {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 100% !important;
background: rgba(244, 238, 204, .75);
}

.overlapped * {
   font: 300 18px/28px 'Roboto Slab', serif !important;
   color: #006432;
}

.overlapped input[type="radio"] {
  display: none;
}

.overlapped span + span {
  font-weight: 700 !important;
}

.overlapped input[type="radio"] + label {
  display: inline-block;
  margin-top: 4px;
  background: white !important;
  cursor: pointer;
}

.myhover,
.overlapped input[type="radio"] + label,
.tests td.gc a {
  transition: all .3s;
}

.myhover:hover,
.overlapped input[type="radio"] + label:hover,
.tests td.gc a:hover {
  color: #FDB813 !important;
}

.overlapped input[type="radio"]:checked + label {
 color: #FDB813;
 background: white !important;
}

div.wc-modal {
  margin: 0; padding: 4px; border: 2px solid #124d2c;
}

.z-messagebox {
  word-break:normal;
}



/*DDOT*/

.embedded,
.bg-body > tbody > tr > td > table{
}

.logo {
   padding-left: 20px;
   max-width: 100%;
   height: auto;
   margin-bottom: 80px;
}

.h1-new + div table tr:last-child td > div > table:first-child {
  margin: -10px auto 0;
  padding: 0 20px;
  box-sizing: border-box;
  background: white;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1000px;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(1),
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) {
  float: left;
  margin-right: 10px;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(2),
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(4),
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(6) {display: none; }

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(1) > td > table,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table {
  padding-bottom: 20px !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(3),
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) {
  float: right;
  margin-left: 10px;
}

.h1-new + div td > input,
.h1-new + div td > button {
  width: 150px !important;
  height: 150px !important;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr > td td {
  position: relative;
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr > td td:before,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(1):before,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(3):before  {
  font: 700 18px 'Roboto Slab', serif;
  cursor: pointer;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #006432;
  width: 150px;
  height: 150px;
  pointer-events: none;  
  /*text-align: center;*/
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all .3s;
  text-align: center;
  transition: all .3s;
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(1) > td td:nth-child(1):before  {
   content: 'Αγγλικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(1) > td td:nth-child(3):before  {
   content: 'Γαλλικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(1) > td td:nth-child(5):before  {
   content: 'Ισπανικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(3) > td td:nth-child(1):before  {
   content: 'Ιταλικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(3) > td td:nth-child(3):before  {
   content: 'Γερμανικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(3) > td td:nth-child(5):before  {
   content: 'Κινέζικα';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(5) > td td:nth-child(1):before  {
   content: 'Ιαπωνικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(5) > td td:nth-child(3):before  {
   content: 'Ρωσικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(5) > td td:nth-child(5):before  {
   content: 'Αραβικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(7) > td td:nth-child(1):before  {
   content: 'Σουηδικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(7) > td td:nth-child(3):before  {
   content: 'Τουρκικά';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr:nth-child(7) > td td:nth-child(5):before  {
   content: 'Ελληνικά';
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(1):before {
	content: 'Αγγλικά για Παιδιά';
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(3):before {
	content: 'Microsoft Excel';
}

.h1-new + div > table > tbody > tr:last-child table:first-child > tbody > tr > td td:hover:before,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(1):hover:before,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(3):hover:before {
  opacity: .9;
  visibility: visible;
  z-index: 2;
}


.h1-new + div td:nth-child(1) > input,
.h1-new + div td:nth-child(1) > button,
.h1-new + div td:nth-child(3) > input,
.h1-new + div td:nth-child(3) > button {
   margin-right: 20px; 
}


.h1-new + div td .hbox-sp { display: none;}

div.errbox {
  background: transparent;
  border: 2px solid red;
}

.form-row input.text,
.form-row textarea.text {
  background: #EFF0F0;
  border: 1px solid #939598;
  padding: 3px;
}

.form-row tr.odd, .form-row tr.odd td.gc,
.questions .inadd td.gc,
.langs .inadd td.gc {
  background: white;
}

.black a,
.header-menu span,
.myreport .grid-btable,
.myreport .first div.gc > span /*,
.myreport .grid-btable div.gc > span*/ {
color: black !important; 
}

.nomargin span {
  margin: 0 !important;
}

.the-grid .grid-body,
.questions .grid-body,
.langs .grid-body {
 width: 1000px !important;
}

.the-grid .add tr.odd td.gc,
.the-grid .add td.gc {
  background: #FCFAF0 !important;
}

tr.vbox-sp,
tr.hbox-sp,
.the-grid .vbox-sp td::empty {
 display: none !important;
}

.the-grid span,
.mypreview span,
.myreport span,
.questions span,
.langs span,
.error span {
  margin-left: 0 !important;
}

.mypreview div.gc,
.mypreview div.gc > span,
.myreport div.gc > span {
  color: white !important;
}

input.btn-green,
button.btn-green {
  width: 93px;
  height: 30px;
  background-color: #006432;
  color: #fff;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  cursor: pointer;
  margin-right: 8px;
  outline: none;
  letter-spacing: 0.1em;
  border-radius: 5px;
}

button.btn-green:hover,
button.btn-green:focus {
  color: currentColor;
  background: #006432;
  border: none;
  text-shadow: none;
}

.mynext {
  position: absolute;
}

input.btn-green:last-child,
button.btn-green:last-child {
  margin-right: 0;
}

/*NEW STYLES*/

/*.listbox-btable tr {
  background: #F3EDCB;
}

.listbox-btable tr.odd,
div.listbox-head tr {
  background: #FBF9EF; 
}

div.listbox-head th {
 border-color: #FBF9EF;
}*/

div.listbox-head th {
  border-color: #F3EDCB;
}

body .listbox-body > .listbox-btable *,
body .listbox-body > .listbox-btable span,
div.listbox-head th.sort div.head-cell-inner, div.grid-head th.sort div.head-cell-inner,
.header-menu a,
.bar span,
.bar a {
  color: #006432 !important;
  font-family: 'Roboto Slab', serif;
}

.listbox {
  font-family: 'Roboto Slab', serif;
  font-size: 10px;
}

.header-menu a {
 text-decoration: none;
 margin-right: 15px;
}

.header-menu td:last-child a {
  margin-right: 0;
}

.header-menu span {
  display: none;
}

.listbox-btable *,
.header-menu a,
.bar span,
.bar a {
  font-size: 12px !important;
}

div.listbox-body td {
  padding: 2px;
}

div.listbox-head th.sort div.head-cell-inner, div.grid-head th.sort div.head-cell-inner {
  font-weight: bold;
  font-size: 15px !important;
  background: none;
}

.listbox-btable tr,
tr.grid td.gc,
.myfirst tr {
  background: #FCFAF0;
}

div.listbox-head tr,
.listbox-btable tr.odd,
tr.odd td.gc, tr.odd,
.myfirst tr.odd {
  background: #F3EDCB;
}

.myh1 {
  display: inline-block; 
  transform: translateY(30px); 
  text-transform: uppercase; 
  letter-spacing: 0.1em; 
  font: 700 12px 'Roboto', sans-serif; 
  color: #006432; 
  margin-left: 20px; 
}

.myhtml {
  font: 300 21px 'Roboto', sans-serif; 
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(1) > td > table td:nth-child(3) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(1) > td > table td:nth-child(3) > button {
  background-image: url(../images/i11.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(1) > td > table td:nth-child(5) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(1) > td > table td:nth-child(5) > button {
  background-image: url(../images/i2.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(3) > td > table td:nth-child(3) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(3) > td > table td:nth-child(3) > button {
  background-image: url(../images/i8.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(3) > td > table td:nth-child(5) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(3) > td > table td:nth-child(5) > button {
  background-image: url(../images/i7.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table td:nth-child(1) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table td:nth-child(1) > button {
  background-image: url(../images/i6.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table td:nth-child(3) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table td:nth-child(3) > button {
  background-image: url(../images/i10.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table td:nth-child(5) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(5) > td > table td:nth-child(5) > button {
  background-image: url(../images/i5.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) > td > table td:nth-child(1) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) > td > table td:nth-child(1) > button {
  background-image: url(../images/i3.jpg) !important;
}
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) > td > table td:nth-child(3) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) > td > table td:nth-child(3) > button {
  background-image: url(../images/i12.jpg) !important;
}
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) > td > table td:nth-child(5) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(7) > td > table td:nth-child(5) > button {
  background-image: url(../images/i9.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(1) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(1) > button {
  background-image: url(../images/i14.jpg) !important;
}

.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(3) > input,
.h1-new + div table tr:last-child td > div > table:first-child > tbody > tr:nth-child(9) > td > table td:nth-child(3) > button {
  background-image: url(../images/i13.jpg) !important;
}


@media screen and (max-width: 768px) {
  div#back div {
   background-position: center center !important;
 } 
}


.reporting .grid-btable td.gc + td.gc { }

.subuser-profile.add td.gc span {color: #006432 !important;}
 
.the-grid .subuser-profile.add td.gc { background:#F3EDCB !important;}

.subuser-profile.add td.gc span a { text-decoration: none;}

.the-grid .subuser-profile.add tr.odd td.gc {background: #FCFAF0 !important;}
 
.subuser-profile.add span:not(.info) {margin: 0 0 0 10px !important;}

.subuser-profile.add span:not(.info) span {margin: 0 !important;}