body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  -webkit-font-smoothing:antialiased;
}

.error {
  color: #b75147;
  font-weight: bold;
  font-size: 13px;
  margin-top:20px;
  margin-bottom:0px;
}

.succes {
  color: #5d6b2e;
  font-weight: bold;
  font-size: 13px;
  margin-top:20px;
  margin-bottom:0px;
}

.banner-login {
  width: 265px;
  height: 33px;
  background-image: url("/images/banner.gif");
  background-repeat: no-repeat;
  margin: 100px auto;
}

.banner-hm {
  width: 265px;
  height: 33px;
  background-image: url("/images/banner.gif");
  background-repeat: no-repeat;
  position: fixed;
  margin: -20px 0px 0px 10px;
}

.login {
  background: #f0f0f0;
  margin: -70px auto;
  width: 368px;
  padding: 20px 10px;
  border-radius: 6px;
}

.login input {
  border: 10px solid #e0e0e0;
  margin: 15px 0 5px 0;
  height: 33px;
  padding: 10px;
} 

.login p.bold {
  font-family: Helvetica, Arial, sans-serif;
  color: #4e4e4e;
  font-weight: bold;
  font-size: 13px;
  margin:0px 0px 3px 0px;
  padding:0px;
}

.login h1 {
  font-family: 'FranklinGothicCondensed';
  font-weight: normal;
  margin: 0;
  display: inline-block;
  font-size:29px;
}

.login input[type="text"], .login input[type="password"]  {
  height: 30px;
  width: 340px;
  display: block;
  border: 1px solid #e0e0e0;
  margin: 5px 0 25px 0;
}

.login td {
  text-align:center; 
  vertical-align:middle;
}

.login #signin-info {
  background: #f0f0f0;
  height: 65px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px dashed #b8b8b8;
}

.login .loginfail {
  background: #FCFDFE;
  border: 1px solid #D6267C;
  padding: 6px;
  margin-bottom: 15px;
  color: #383838;
  font-weight: 400;
  font-size: 13px;
  list-style: none;
}

.login button {
  background-color: #9cc000;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}

.login button:hover {
  background-color: #90B005;
}

.adddomain {
  background: #f0f0f0;
  margin: 10% auto;
  width: 350px;
  padding: 20px 10px;
  border-radius: 6px;
}

.adddomain h1 {
  font-family: 'FranklinGothicCondensed';
  font-weight: normal;
  margin: 0;
  display: inline-block;
  font-size:29px;
}

.adddomain td {
  text-align:center; 
  vertical-align:middle;
}

.adddomain button {
  background-color: #9cc000;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  margin: 5px 0 10px 0;
}

.adddomain button:hover {
  background-color: #90B005;
}

.adddomain input[type="text"] {
  height: 30px;
  width: 340px;
  display: block;
  border: 1px solid #e0e0e0;
  margin: 5px 0 5px 0;
}

.adddomain .adddomainfail {
  background: #FCFDFE;
  border: 1px solid #D6267C;
  padding: 6px;
  color: #383838;
  font-weight: 400;
  font-size: 13px;
  list-style: none;
}

.hostingmanager {
  position: absolute;
  width: 225px;
  overflow: auto;
  padding: 20px 0px 0px 0px;
  border-radius: 4px;
  margin: 0px 0px 0px 30px;
  position: fixed;
}

.hostingmanager select {
  border: 1px solid #d2d2d2;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 17px;
  padding: 7px 36px 7px 7px;
  width: 225px;
  background: #000000;
  margin: 0px 0px 20px 0px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/images/select_arrow.png") no-repeat right white;
}

.hostingmanager h2.hm-orange {
  background: #e0b541;
  background: -moz-linear-gradient(top,  #e0b541 0%, #e6ad00 100%);
  background: -webkit-linear-gradient(top,  #e0b541 0%,#e6ad00 100%);
  background: linear-gradient(to bottom,  #e0b541 0%,#e6ad00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b541', endColorstr='#e6ad00',GradientType=0 );
  color: #fff;
  margin: 0;
  padding: 15px;
  border-radius: 4px 4px 0 0;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing:antialiased;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.hostingmanager li {
  color: #000000;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  list-style: none;
}

.hostingmanager ul.menu {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

.hostingmanager ul.menu li a {
  display: block;
  border: 1px solid #d2d2d2;
  margin-top: -1px;
  padding-left: 15px;
  line-height: 34px;
  color: #043788;
  text-align: left;
  text-decoration: none;
}

.hostingmanager ul li a:hover {
  background-color: #eaeff5;
  color: #043788;
}

.hostingmanager ul li a.selected{
  background-color: #eaeff5;
  color: #043788;
}

.hostingmanager li a.radius {
  border-radius: 4px;
}

.hostingmanager li a.first {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.hostingmanager li a.last {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom:10px;
}

.maincontent {
  margin: 30px 0px 0px 260px;
  padding: 0px 0px 0px 10px;
  overflow: auto;
}

.maincontent span {
  display: block;
}

.maincontent hr {
  border-top: 1px solid #8c8b8b;
}

.maincontent button {
  background-color: #9cc000;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
  min-width:100px;
}

.maincontent button:hover {
  background-color: #90B005;
}

.maincontent button.disabled {
  background: #828282!important;
  color:#ecf0f1;
  cursor: not-allowed!important;
  font-style: italic;
}

.block {
  margin: 0px 25px 20px 0px;
  padding: 20px;
}

.box-inner {
  padding: 15px 15px 15px;
  border: 1px solid #e9e9e9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fcfdfe;
  margin-bottom:10px;
  font-size:13px;
  min-width: 898px;
  max-width: 1223px;
}

.box-inner2 {
  padding: 15px 15px 30px;
  border: 1px solid #e9e9e9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fcfdfe;
  margin-bottom:10px;
  font-size:13px;
  min-width: 866px;
  max-width: 1223px;
}

h2.box-header {
  background: #3667b4;
  background: -moz-linear-gradient(top,  #3667b4 0%, #013fa0 100%);
  background: -webkit-linear-gradient(top,  #3667b4 0%,#013fa0 100%);
  background: linear-gradient(to bottom,  #3667b4 0%,#013fa0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3667b4', endColorstr='#013fa0',GradientType=0 );
  color: #fff;
  margin: 0;
  padding: 15px;
  border-radius: 4px 4px 0 0;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing:antialiased;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  min-width: 900px;
  max-width: 1225px;
}

h3.box-header {
  background: #3667b4;
  background: -moz-linear-gradient(top,  #dbdbdb 0%, #e6e6e6 100%);
  background: -webkit-linear-gradient(top,  #dbdbdb 0%,#e6e6e6 100%);
  background: linear-gradient(to bottom,  #dbdbdb 0%,#e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e6e6e6',GradientType=0 );
  color: #000;
  margin: 10px 0px 0px 0;
  padding: 8px;
  border-radius: 4px 4px 0 0;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing:antialiased;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  min-width: 800px;
  max-width: 1225px;
}

.software-block {
  border: 1px solid #e9e9e9;
  padding: 15px 15px 30px;
  font-size: 13px;
  margin-top: -1px;
}

.passwords input {
  height: 30px;
  width: 340px;
  display: block;
  border: 1px solid #e0e0e0;
  margin: 5px 0 25px 0;
}

.passwordreset input {
  height: 30px;
  width: 220px;
  display: block;
  border: 1px solid #e0e0e0;
}

table.domains {
  font-size: 13px;
  border-collapse: collapse;
  text-align: left;
}

.domains button {
  min-width: 150px;
}

.domains button.off {
  background-color: #346075;
}

.domains button.off:hover {
  background-color: #164054;
}

.domains button.delete {
  background-color: #b75147;
}

.domains button.delete:hover {
  background-color: #90362d;
}

.domains input {
  height: 30px;
  width: 340px;
  display: block;
  border: 1px solid #e9e9e9;
  margin: 15px 0 12px 0;
}

.domains th {
  font-size: 14px;
  font-weight: normal;
  color: #039;
  padding: 10px 8px;
  border-bottom: 2px solid #6678b1;
}

.domains td {
  border-bottom: 1px solid #e0e0e0;
  color: #669;
  width: 100%;
  padding: 3px 8px;
}

.domains tr:hover td {
  color: #009;
  background-color: #fafafa;
}

.domains td.slave {
  border: 0px;
  width: 0px;
  background-image: url("/images/arrow.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 19px;
}

.domains tr:hover td.slave {
  color: #669;
  background-color: #fcfdfe;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; 
}

select.domainselect {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px 36px 10px 5px;
  width: 153px;
  background: #346075;
  margin: 20px 0px 20px 0px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/images/select_arrow.png") no-repeat right white;
}

.cronjobs td {
  width: 50px;
}

.cronjobs input {
  width: 25px; 
  display: block;
  border: 1px solid #e0e0e0;
}

.domainerror {
  color: #b75147;
  font-weight: bold;
  font-size: 13px;
  margin: 15px 0px 0px 10px;
}

table.settings {
  font-size: 13px;
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  table-layout: fixed;
}

.settings select {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px 36px 10px 5px;
  width: 153px;
  background: #346075;
  margin: 20px 0px 20px 0px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/images/select_arrow.png") no-repeat right white;
}

.settings tr {
  height: 100px;
}

.settings td {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 8px;
  vertical-align: middle;
}

.settings td.top{
  border-top: 1px solid #e0e0e0;
}

.settings td.row1 {
  font-weight: bold;
  width: 190px;
}

.settings td.row2 {
  width: 200px;
}

.settings tr:hover td {
  background-color: #fafafa;;
}

.ip select {
  width: 151px;
  margin: 0;
}

.ip input {
  width: 142px;
  height: 38px;
  font-size: 15px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 0px 0px 0px 7px;
}

.ip button {
  width: 150px;
  padding: 12px;
}

.ip td {
  border: 0px;
  padding:0;
}

.ip tr {
  height: 0px;
  padding:0;
}

.ssl input {
  width: 20px;
  height: 14px;
  margin: 5px;
}

.ssl textarea {
  font-family: monospace;
  border: 1px solid #d2d2d2;
  resize: none;

}

.ssl button {
  width: 225px;
}

button.delete {
  background-color: #b75147;
}

button.delete:hover {
  background-color: #90362d;
}

select.sslselect,
select.databases {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  font-size: 14px;
  padding: 7px 36px 7px 7px;
  margin: 0;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/images/select_arrow.png") no-repeat right white;
}

select.vhost {
  background: white;
  width: 100px;
  height: 42px;
  padding: 5px;
  font-size: 17px;
}

.text {
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  padding: 16px;
  margin: 5px 0px 15px 0px;
  background-color: #eaeff5;
}

.text img {
  float: left;
  padding-right: 15px;
}

.warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border: 1px solid #faebcc;
  border-radius: 6px;
  padding: 16px;
  margin: 5px 0px 15px 0px;
  background-image: url("/images/Alert-Icon-Orange.png");
  background-repeat: no-repeat;
  background-position: left; 
  padding-left: 60px;
}

.error {
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1;
  border-radius: 6px;
  padding: 16px;
  margin: 5px 0px 15px 0px;
  font-weight: bold;
  background-image: url("/images/Alert-Icon-Red.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;
}

.ok {
  background-color: #d1efe1;
  color: #628060;
  border: 1px solid #a1edca;
  border-radius: 6px;
  padding: 16px;
  margin: 5px 0px 15px 0px;
  background-image: url("/images/Succes-Icon.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;
}

table.websiteinfo {
  font-size: 12px;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
  border: 0px;
  width: 100%;
}

.websiteinfo td {
  padding: 7px;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}

.websiteinfo th {
  padding: 7px;
  border: 0px;
}

.websiteinfo tr:hover td {
  background-color: #f8f3f7;
}

.websiteinfo td:first-child,
.websiteinfo th:first-child {
  width: 245px;
  min-width: 245px; 
  max-width: 245px;
  overflow:hidden;
  white-space:nowrap;
}


input[type=submit] {
  background-color: #9cc000;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  margin: 5px 0 10px 0;
  width: 227px;
  height: 41px;
}

input[type=submit]:hover {
  background-color: #90B005;
}

button.restore {
  background-color: #346075;
}

button.restore:hover {
  background-color: #164054;
}

.cache select {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px 36px 10px 5px;
  width: 173px;
  background: #346075;
  margin: 20px 0px 20px 0px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/images/select_arrow.png") no-repeat right white;
}

.sslcheckbox {
  display: block;
  position: relative;
  padding: 4px 0px 0px 35px;
  margin: 10px 0px 10px 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sslcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
}

.sslcheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.sslcheckbox input:checked ~ .checkmark {
  background-color: #90B005;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.sslcheckbox input:checked ~ .checkmark:after {
  display: block;
}

.sslcheckbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}