* {
  margin: 0;
}

html {
  height: 100%;
}

body {
  text-align: center;
/*  font-family: Arial,Helvetica,sans-serif; font-size: 12pt;*/
  font-family: "Open Sans";
  font-size: 12pt;
  height: 100%;
}

select,
input,
button {
  margin-left: 4px;
  margin-right: 4px;
}

body.xxter {
  background-image: url('/images/logoback.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: -35px auto -35px;
}

.gheader, .ghpush {
  padding: 10px;
  height: 15px;
  clear: both;
  
}

.gfooter, .gfpush {
  height: 35px;
  clear: both;
}

pre {
/*  font-family: Arial,Helvetica,sans-serif;*/
  font-family: "Open Sans";
}

td {
  text-align: left;
}

table.phone {
  background-image: url('/images/phone.png');
  text-align: center; 
  margin: 0px;
  border: 0px;
  padding: 0px;
  border-spacing: 0px;
  width: 414px;
  height: 770px;
}



div.themeturquoise{
  
}

div.themepink{
  
}

div.themeblue{

}

div.themeblackbird{

}



iframe.themeturquoise{
  background-color: #f0eff4;
}

iframe.themepink{
  background-color: #f0eff4;
}

iframe.themeblue{
  background-color: #f0eff4;
}

iframe.themeblackbird{
  background-color: #f0eff4;
}






table.phoneframe {
  background-image: url('/images/phone6.png');
  text-align: center;
  margin: 0px;
  border: 0px;
  padding: 0px;
  border-spacing: 0px;
  width: 414px;
  height: 800px;
}

td.phone6top {
  width: 414px;
  height: 116px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

td.pleft {
  width: 47px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

td.ptab6 {
  width: 320px;
  height: 569px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

iframe.ptab6 {
  width: 320px;
  height: 569px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  bbackground-color: #ffffff;
}

td.pright{
  width: 47px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

td.phone6bottom {
  width: 414px;
  height: 138px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}







tr {
  margin: 0px;
  border: 0px;
  padding: 0px;
  border-spacing: 0px;
}

td.phonetop {
  width: 414px;
  height: 138px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

td.phonebottom {
  width: 414px;
  height: 138px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}









td.topbar {
  background-image: url(/images/topbar.png);
  background-repeat:no-repeat;
  background-position: top center;
  color: black;
  width: 318;
  height: 21px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  font-size: 10pt;
  font-weight: bold;
}

iframe.ptab {
  width: 320px;
  height: 459px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  bbackground-color: #ffffff;
}

td.ptab {
  width: 320px;
  height: 459px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}



iframe.ptab6tablet {
  width: 800px;
  height: 569px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  bbackground-color: #ffffff;
}

iframe.ptab6phone {
  width: 320px;
  height: 570px;
  border: 0px;
  padding: 0px;
  margin: 125px 0px 0px 47px;
  border-spacing: 0px;
  bbackground-color: #ffffff;
}

div.ptab6tablet {
  width: 800px;
  height: 569px;
  padding: 25px;
  background-image: url(/images/tablet-ex3.png);
  background-size: 850px 619px;
  background-repeat:no-repeat;
  background-position: center;
}

div.ptab6phone {
  width: 414px;
  height: 823px;
  padding: 25px;
  background-image: url(/images/phone6.png);
  background-size: 414px 780px;
  background-repeat:no-repeat;
  background-position: center;
  margin-top: -65px;
}

iframe.pdetail_prev {
  width: 400px;
  height: 450px;
  border: 1px solid lightgrey;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: #fcfcff;
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px;
  border-radius: 2px;
}

iframe.pdetail,
iframe.pdetailtab {
  height: max(200px, calc(100% - 500px));
  overflow-y: scroll;
  display: block;
  z-index: 997;
  position: absolute;
  top: 340px;
  width: 400px;
  max-height: 990px;
  border: 1px solid lightgrey;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: #fcfcff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  left: 100%;
  margin-left: -430px;
}

iframe.pempty {
  width: 400px;
  height: 50px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: transparent;
}

iframe.pemptytab {
  width: 400px;
  height: 50px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: transparent;
}

iframe.padd_prev {
  width: 400px;
  height: 200px;
  border: 1px solid lightgrey;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: #fcfcff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

iframe.padd,
iframe.paddtab {
  position: absolute;
  z-index: 995;
  top: 180px;/*max(600px, calc(100% - 240px));*/
  left: 100%;
  width: 400px;
  height: 200px;
  border: 1px solid lightgrey;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: #fcfcff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-left: -430px;
}

td.Line {
  border-top: 1px solid #AAAAAA;
}

tr.BT { 
  border-top: 1px solid #AAAAAA;
}

table.B {
  width: 800px;
}

td.BI {
  text-align: left;
  font-size: 12px;
}

td.BN {
  text-align: left;
  font-size: 14px;
  width: 140px;
}

td.Be {
  text-align: left;
  font-size: 12px;
}

td.BPhigh {
  text-align: left;
  font-size: 12px;
  color: red;
}

td.BPmedium {
  text-align: left;
  font-size: 12px;
  color: orange;
}

td.BPlow {
  text-align: left;
  font-size: 12px;
  color: black;
}

td.BD {
  text-align: left;
  font-size: 14px;
  overflow: auto;
  max-width: 600px;
}

table.BC {
  width: 800px;
}

td.BC {
  text-align: left;
  font-size: 14px;
}

td.BCd {
  text-align: right;
  font-size: 10px;
}

td.BCC {
  text-align: left;
  font-size: 12px;
  overflow: auto;
  max-width: 600px;
}

table.PL,
table.P {
  /* border: 1px solid lightgrey; */
  padding: 3px;
  width: 650px;
  margin: 2px;
}

td.PT {
  text-align: left;
  font-size: 14px;
}

td.PD {
  text-align: left;
  font-size: 12px;
  white-space: pre;
}

td.PR {
  text-align: left;
  font-size: 10px;
  white-space: pre;
  color: grey;
}

td.PV {
  text-align: right;
  font-size: 12px;
}

td.R {
  text-align: left;
  font-size: 12px;
  border: 0px;
  vertical-align: top;
}

td.R1 {
  text-align: left;
  font-size: 12px;
  border: 0px;
  vertical-align: top;
  padding-top: 4px;
}

H4 {
  font-size: 14px;
  color: #000000;
}

h4 a {
  font-style: italic;
}

table.F {
  border: 1px solid grey;
  width: 800px;
}

td.FI {
  width: 50px;
}

td.FF {
  text-align: left;
  font-size: 14px;
}

td.FD {
  text-align: left;
  font-size: 10px;
  white-space: pre;
  width: 150px;
}

.title {
  font-weight: bold;
  font-size:16pt;
  margin-bottom: 10px;
}

A:link, A:visited, A:active {
  text-decoration: none;
  color: black;
}

A:hover {
  text-decoration: underline;
  color: #108fcd;
}

A.idl:link, A.idl:visited, A.idl:active, A.idl:hover {
  color: blue;
  text-decoration: underline;
}

A.nohover:link, A.nohover:visited, A.nohover:active, A.nohover:hover {
  text-decoration: none;
  color: black;
}

a.menua:hover
{
  text-decoration: underline;
  color: white;
}

iframe.langselect {
  width: 55px;
  height: 120px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: transparent;
  position: absolute;
  top: 0px;
}

iframe.splashframe {
  width: 430px;
  height: 445px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  background-color: transparent;
  text-align: center;
}

a.pf {
  font-size: 7pt;
  text-decoration: underline;
}

.snHead {
    background-color: #F0F0F0;
    color: #193a45;
    font-size: 14pt;
    text-align: left;
    background-image: url(/images/plusmore2.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.snHeadS {
    background-color: #193a45;
    color: white;
    font-size: 14pt;
    text-align: left;
}

.snHeadc {
    border-bottom: 1px dashed LightGrey;
    padding:4px;
    text-align: left;
}

.snHeadc:hover {
    color: white;
    text-decoration: underline;
    background-color: #193a45;
}

.wtexth:hover {
    color: white;
    text-decoration: underline;
}

.snBody {
    padding: 3px;
    display: none;
    text-align: left;
}

.snBodyS {
    padding: 3px;
    display: table-row;
    text-align: left;
}

.snapshot-small {
  max-height: 200px;
  max-width: 200px;
  width: auto;
}

.snapshotcontainter {
  float: left;
  width: 223px;
  height: 250px;
  border: 1px solid transparent;
}


A.mmenulink:link, A.mmenulink:visited, A.mmenulink:active {
  color: #444444;
}

.menuafter:before {font-family: FontAwesome; content:"\f107"; width:15px; display:inline-block; margin-left:1px;font-style: normal;font-size: 14px;font-weight: 100;}
div.menubar-div1 ul{ background-color: #ffffff;  border-top:3px solid #00afed; position: absolute; margin:0; padding: 0; display: block; top: 0px; visibility: hidden; z-index:29992; -moz-box-shadow: 1px 1px 3px #888; -webkit-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888;}
div.menubar-div1 a:hover + span ul{visibility: visible;}
div.menubar-div1 ul:hover {visibility: visible;}

div.menubar-div1 ul li {display: block; float: none; margin: 0; padding:0; letter-spacing:0em; font-weight:600; border-bottom:1px solid #eee; color: #444444;}
 div.menubar-div1 ul li:last-child{border-bottom:none;}
div.menubar-div1 ul li.menu-item-has-children:after {font-family:FontAwesome; content: "\f105"; top:12px; right:10px; position:absolute; font-size:11px;}
div.menubar-div1 ul li a{display:block; background:none; border:none; width:170px; padding:12px 20px; margin:0; line-height:1.7; font-weight:600; font: normal 11px 'Open Sans'; text-transform: uppercase; text-align: left; }

#submenu-nl1 { left: -206px; }

#submenu-nl2 { left: -85px; }

#submenu-nl3 { left: 4px; }

#submenu-nl4 { left: 153px; }

#submenu-en1 { left: -206px; }

#submenu-en2 { left: -85px; }

#submenu-en3 { left: -75px; }

#submenu-en4 { left: 32px; }

span.sub-menu {
  position: absolute;
  width: 0;
  height: 0;
  top: 90px;
  left: 50%;
  visibility: hidden;
}

.employeeusers,
.userprefs,
.pushdevicelist,
.userdetails {
  border-spacing: 0px;
  width: 800px;
}

.employeeusers tr,
.userprefs tr,
.pushdevicelist tr,
.userdetails tr {
  height: 32px;
}

.employeeusers tr td,
.userprefs tr td,
.pushdevicelist tr td,
.userdetails tr td {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid lightgray;
}

.userdetails tr td:first-child {
  font-weight: bold;
}

.employeeusers tr:first-child td {
  font-weight: bold;
}

.employeeusers tr:nth-child(odd),
.userprefs tr:nth-child(odd),
.pushdevicelist tr:nth-child(even),
.userdetails tr:nth-child(even) {
  background-color: #eeeeee;
}

.nwchange {
  float: right;
  color: #00c0ff;
}

.nwchange a {
  color: #00c0ff;
  font-weight: normal;
}

table.P tr:nth-child(even),
table.D tr:nth-child(even),
.projectdetails tr:nth-child(even) {
  background-color: #f4f4f4;
}

.D,
.projectdetails {
  border-spacing: 0px;
}

.P tr td,
.D tr td,
.projectdetails tr td {
  height: 36px;
  line-height: 36px;
}

table.P tr.wb,
table.D tr.wb,
.projectdetails tr.wb {
  background-color: white;
}

table.D tr.wbx td {
  background-color: white;
  height: 10px;
  line-height: 10px;
}

.projectdetails tr.wb td.PV {
  height: 16px;
  line-height: 12px;
  font-size: 12px;
}

table.D select,
table.D input[type=text],
table.P select,
table.P input[type=text],
table.P input[type=number],
table.P input[type=date] {
  width: 280px;
  height: 26px;
  border: 1px solid lightgray;
  background: transparent;
  border-radius: 3px;
}

td.PT.pt1,
table.D td.D2,
table.P td.PT.col2 {
  width: 300px;
}

td.PT.pt1,
table.D td.D1,
td.PT.t {
  color: black;
}

A.nl:link, A.nl:visited, A.nl:active {
  text-decoration: none;
  color: #00c0ff;
}

table.D {
  padding: 3px;
  width: 650px;
  margin: 2px;
}

.P th,
.pushdevicelist th {
  font-weight: bold;
}

.ssdeloverlay {
  display: none;
  position: absolute;
  height: 100px;
  width: 200px;
  background-image: url(/images/xxter_delete_icon.png);
  transition: .3s ease;
  background-size: 50px; 50px;
  background-repeat: no-repeat;
  background-position: top right;
  pointer-events: none;
}

div.snapshotcontainter.delss div.ssdeloverlay {
  display: block;
}

div.snapshotcontainter.delss {
  border: solid 1px red;
}

.snapshotselectoptions {
  width: 100%;
  height: 50px;
}

.snapshotselectall,
.snapshotselectnone,
.snapshotdelselected,
.snapshotselect {
  display: inline-block;
  width: 225px;
}

.snapshotselectall a,
.snapshotselectnone a,
.snapshotdelselected a {
  display: inline-block;
  width: 160px;
}

.snapshotselect input {
  display: none;
}

.snapshotselect span {
  display: inline-block;
  letter-spacing: 1px;
  border-radius: 3px;
  background-color: lightgray;
  padding: 5px 12px 5px 12px;
  font-size: 12px;
  color: white;
  width: 160px;
}

.snapshotselect span::before {
  content: '\2713';
  display: inline-block;
  height: 22px;
  background: lightgray;
  color: lightgray;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
  margin-right: 5px;
  
}

.snapshotselect span.checked {
  background-color: #00afed;
}

.snapshotselect span.checked::before {
  background-color: #00afed;
  color: white;
}

.snapshotselect span:hover {
  text-decoration: underline;
}

.nwbutton.snapshotdelselected a {
  background-color: lightgray;
}

.nwbutton.snapshotdelselected a.enabled {
  background-color: #00afed;
}

@keyframes kfws0 { 100% {background-color:#ffffff; width: 0%;}}
@keyframes kfws1 { 100% {background-color:#ff0000; width: 20%;}}
@keyframes kfws2 { 100% {background-color:#ff9999; width: 40%;}}
@keyframes kfws3 { 100% {background-color:#ffff00; width: 60%;}}
@keyframes kfws4 { 100% {background-color:#77aa00; width: 80%;}}
@keyframes kfws5 { 100% {background-color:#00aa00; width: 100%;}}
.pwc_bs0 > div > div {background-color:#ffffff; width: 0%;}
.pwc_bs1 > div > div {background-color:#ff0000; width: 20%;}
.pwc_bs2 > div > div {background-color:#ff0000; width: 20%;}
.pwc_bs3 > div > div {background-color:#ff9999; width: 40%;}
.pwc_bs4 > div > div {background-color:#ffff00; width: 60%;}
.pwc_bs5 > div > div {background-color:#88aa00; width: 80%;}
.pwc_bs6 > div > div {background-color:#00aa00; width: 100%;}
.pwc_wsbase { position: absolute;}
.pwc_container { text-align: left; margin: initial;}
.pwc_row {display: block; height: 24px; padding:5px; } .pwc_row > div {width: 250px; display: inline-block; } .pwc_label {display: inline-block;} .pwc_row1 .pwc_label {} .pwc_input {display: inline-block;} .pwc_row1 .pwc_input {} .pwc_input input { width: 200px; } .pwc_wsbase,.pwc_wsbase > div {display: inline-block;} .pwc_wsbase,.pwc_wsbase div { height: 22px; } .pwc_wsbase {border: 1px solid grey; border-radius: 2px; max-height: 22px;} .pwc_wsbase > div { width: 100%;} .pwc_wsbase > div > div {position: relative; width:100%; height: 0px;} .pwc_wsbase > div > div > div { position: absolute; z-index: 100; } .pwc_wsbase > div > div > span {position: absolute; z-index: 110; text-align: center; width: 100%; display: inline-block; height: 22px; color: #000;} .pwc_notequal {display: inline-block; } .pwc_ws0 > div > div { animation-name: kfws0; animation-duration: 3s; animation-fill-mode: forwards;} .pwc_ws1 > div > div { animation-name: kfws1; animation-duration: 3s; animation-fill-mode: forwards;} .pwc_ws2 > div > div { animation-name: kfws2; animation-duration: 3s; animation-fill-mode: forwards;} .pwc_ws3 > div > div { animation-name: kfws3; animation-duration: 3s; animation-fill-mode: forwards;} .pwc_ws4 > div > div { animation-name: kfws4; animation-duration: 3s; animation-fill-mode: forwards;} .pwc_ws5 > div > div { animation-name: kfws5; animation-duration: 3s; animation-fill-mode: forwards;}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  height: 50px;
  margin-left: -100px;
  margin-top: 2px;
  background-color: white;
  color: #000;
  text-align: left;
  border-radius: 2px;
  padding: 5px;
  border: 1px solid black;
  position: absolute;
  z-index: 120;
  font-size: 8pt;
}

.tooltip .tooltiptext_pwc_en {
  width: 305px;
  height: 32px;
}

.tooltip .tooltiptext_pwc_de {
  width: 350px;
  height: 32px;
}

.tooltip .tooltiptext_pwc_nl {
  width: 305px;
  height: 32px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.cust_pwc_col1 {
  width: 250px;
}
.cust_pwc_col2 {
  width: 250px;
}
.cust_pwc_col3 {
  width: 250px;
}

.pwc_container.cust_pwc div.pwc_row {
  padding: 0px 5px 0px 0px;
}

.pwc_container.cust_pwc .pwc_input input {
  margin-left: 8px; margin-right: 4px;
}

.reg_pwc { position: absolute;}
.reg_pwc .pwc_label { width: 210px;}
.reg_pwc .pwc_row { padding-left: 0px;}
.mainpage1-middle table.LPW tr td { width: 210px; }
.mainpage1-middle table.LPW tr td * { margin: 0px; }
.mainpage1-middle table.LPW tr td.rest { width: 124px; }
.mainpage1-middle table.LPW tr td.R input[type='text'] { width: 200px;}

.devsu_ct { display: inline-block; height: 100px; width: 700px; margin: 10px; } .devsu_toprow { height: 30px; font-size: 16px; color: white; padding: 2px; margin-bottom: 5px;} .devsu_ct.devsu_pairot .devsu_toprow { background-color: #97231b;} .devsu_ct.devsu_xxter	.devsu_toprow { background-color: #00afed;} .devsu_name {display: inline-block; margin: 3px; margin-left: 8px;} .devsu_sn {display: inline-block; float: right; margin: 3px; margin-right: 8px;} .devsu_update::after { content:' '; display: block; background-size: 32px 32px; background-position: center; background-repeat: no-repeat; background-image: url(/images/fwupdateicon.png); width: 40px; height: 40px; position: relative; margin-top: -50px; margin-left: 678px;} .devsu_col1 { float: left; } .devsu_col2 { float: right; } .devsu_col1, .devsu_col2 { display: inline-block; color: black; padding: 2px; width: 330px;} .devsu_archived { display: none;} .devsu_archivedtitle { font-size: 12pt; cursor: pointer; margin-bottom: 10px;}
.prosu_col1 { width: 260px; }
.prosu_col2 { width: 400px; }

#popup_messages {position: fixed; z-index: 250000; margin-left: 50%;}
#popup_messages .message { margin-left: -50%; margin-top: 10px; max-height: 60px; padding: 10px; transform-origin: top; transition: transform 0.5s ease; border-radius: 8px; padding-left: 16px; padding-right: 16px; padding-top:0px; padding-bottom:0px; width: 320px; text-align: left; border: 0px; font-size: 16px; box-shadow: 0px 0px 1px 0px #00000014; box-shadow: 0px 2px 4px 0px #00000014; box-shadow: 0px 8px 16px 0px #0000001F; background: #ffffff; }
#popup_messages .message span { padding-top: 16px; padding-bottom: 16px; display: inline-block; }
#popup_messages .message.hide { max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; }
#popup_messages .message.hidden { display: none; }
#popup_messages .message.check_ok { border-top: 4px solid #21A67A; background-image: url(/images/ok_check_green.png); background-size: 22px 22px; background-position: 14px 14px; background-repeat: no-repeat; padding-left: 50px; }
#popup_messages .message.error { border-top: 4px solid #dd0000; }

#cloudbackuppopup {
  position:absolute;
  width: 530px;
  height: 300px;
  display: none;
  
  z-index: 110;
  background-color: white;
  border: 0px solid lightgrey;
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #00000014;
  box-shadow: 0px 2px 4px 0px #00000014;
  box-shadow: 0px 8px 16px 0px #0000001F;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
}

#cloudbackup_otheroptions {
  position:absolute;
  width: 300px;
  height: 70px;
  display: none;
  
  z-index: 115;
  background-color: white;
  border: 0px solid lightgrey;
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #00000014;
  box-shadow: 0px 2px 4px 0px #00000014;
  box-shadow: 0px 8px 16px 0px #0000001F;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
  margin-top: 10px;
  margin-left: 210px;
}
#cloudbackup_otheroptions div {
  height:25px;
  line-height:25px;
}
#cloudbackup_otheroptions div:hover {
  background-color: #ddd;
  color: #000;
}
#cloudbackup_otheroptions_button {
  font-size: 15pt;
  margin-top: 2px;
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
  cursor: hand;
  color: #e5e5e5;
  background-color: #e5e5e5;
  border-radius: 20px;
  line-height: 40px;
  position:absolute;
  margin-left: 480px;
  margin-top: 10px;
}
#cloudbackup_otheroptions_button div {
  width: 40px;
  height: 40px;
  background: url('/images/IM460.png');
  background-size: 31px 31px;
  background-position: 4px 4px;
  background-repeat: no-repeat;
}

.cbp_row span.label { display: inline-block; width: 200px; line-height: 25px; }
.cbp_row span.value { padding-left: 10px; display: inline-block; width: 200px; line-height: 25px; margin-top: 10px;}
.cbp_row span.valueselect { display: inline-block; width: 200px; position: relative;  }

#coderesult { font-size: 12pt; font-weight: bold; color: #000000;}
.cloudbackupcancel {
display: inline-block;
width: 32px;
height: 32px;
margin: 4px;
background: url('/images/IM411.png');
background-position: 0px 2px;
background-repeat: no-repeat;
float: right;
margin-right: 60px;
margin-top: 10px;
}
.cbp_title { display: inline-block; padding-top: 15px; padding-bottom: 15px; font-weight: bold;}

.def_button { letter-spacing: 1px;
border-radius: 3px;
border: 0px;
background-color: #00afed;
padding: 5px 22px 5px 22px;
font-size: 12px;
color: white;
height: 33px; margin-top: 20px;}
.cbp_row span.value input,
      .cbp_row span.value button { margin-left: -6px;}
.def_input select, .def_input { width: 200px; }
span.def_button { display: inline-block; height: initial;}
.def_button.warning { background-color: #dd0000; }

#devregl_otheroptions_button {
  font-size: 15pt;
  margin-top: 2px;
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
  cursor: hand;
  color: #e5e5e5;
  background-color: #e5e5e5;
  border-radius: 20px;
  line-height: 40px;
  position:absolute;
  margin-left: 670px;
  margin-top: -66px;
}
#devregl_otheroptions_button div {
  width: 40px;
  height: 40px;
  background: url('/images/IM460.png');
  background-size: 31px 31px;
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
      
#devregl_otheroptions {
  position:absolute;
  width: 300px;
  height: 50px;
  display: none;
  
  z-index: 115;
  background-color: white;
  border: 0px solid lightgrey;
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #00000014;
  box-shadow: 0px 2px 4px 0px #00000014;
  box-shadow: 0px 8px 16px 0px #0000001F;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
  margin-top: -40px;
  margin-left: 390px;
}
#devregl_otheroptions div {
  height:25px;
  line-height:25px;
  padding-left: 3px;
}
#devregl_otheroptions div:hover {
  background-color: #10afed;
  color: #fff;
}

#devreg_otheroptions_button {
  font-size: 15pt;
  margin-top: 2px;
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
  cursor: hand;
  color: #e5e5e5;
  background-color: #e5e5e5;
  border-radius: 20px;
  line-height: 40px;
  position:absolute;
  margin-left: 610px;
  margin-top: -36px;
}
#devreg_otheroptions_button div {
  width: 40px;
  height: 40px;
  background: url('/images/IM460.png');
  background-size: 31px 31px;
  background-position: 4px 4px;
  background-repeat: no-repeat;
}      
#devreg_otheroptions {
  position:absolute;
  width: 300px;
  height: 70px;
  display: none;
  
  z-index: 115;
  background-color: white;
  border: 0px solid lightgrey;
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #00000014;
  box-shadow: 0px 2px 4px 0px #00000014;
  box-shadow: 0px 8px 16px 0px #0000001F;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
  margin-top: -20px;
  margin-left: 330px;
}
#devreg_otheroptions div {
  height:25px;
  line-height:25px;
  padding-left: 3px;
}
#devreg_otheroptions div:hover {
  background-color: #10afed;
  color: #fff;
}
.error_msg { color: #dd0000;}