/* DASHBOARD BOXES */
#outter-box {height:410px; float:left; margin-bottom:20px;border-radius: 3px;}
#outter-box div.outter-box {background-color:#f5f5f5;border-radius: 3px;padding:20px;min-height:410px;}
#outter-box div.outter-box table th {border-bottom: 1px solid #bdbdbd;background:none;padding: 6px 10px;}
#outter-box .ob-title { font-size: 24px;font-weight: bold;margin-bottom: 5px;}
#outter-box .ob-subtitle {color: #808082; font-size: 14px;}
#outter-box .ob-info { margin-top:15px; background-color:white; color: #808082; width:100%; height:237px;overflow: hidden;border-radius: 3px;}
#outter-box .ob-info-small { margin-top:15px; background-color:white; color: #808082; width:100%; height:112px;border-radius: 3px;}
#outter-box .ob-more {margin-top: 10px;float: right;font-weight: bold;font-size: 15px;padding: 10px 20px;}
#outter-box .orange { color:#ee5a2a;}
#outter-box .lightblue { color:#0089cf;}
#outter-box .greenblue { color:#1d828a;}
#outter-box .red { color:#ea1c30;}

/* LEFT MENU */
a {text-decoration:none; color: #808082}
ul,li {list-style: none;padding-inline-start: 0px;}
li {list-style: none;}
.customer-container  li{padding: 4px 10px;}
li.sub-level.active {border-left: 5px solid #ee5a2a;background-color:rgba(244,144,30,0.2);}
li.sub-level:hover {border-left: 5px solid #F7AE96;background-color: rgba(244,144,30,0.2);cursor: pointer;-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out;}
li.sub-level.active a{color:#ee5a2a;}
ul.dotcircle li {padding:6px;}
#lpage-menu .header-level{padding-inline-start:0;font-weight:900;text-transform:uppercase;padding-top:10px;}



/* FORMS */
form > dl > dd select, form > dl > dd input {min-width:310px;width:100%;}
form > dl > dd input[type="checkbox"],form > dl > dd input[type="radio"]{min-width:unset}
form > dl input[type="checkbox"]{float: left;margin: 2px;zoom: 2;}
form > dl .zend_txt label { /*float: right;width: calc(100% - 35px);*/ padding:2px 5px;}
form > dl.zend_form input[type="checkbox"] {zoom:unset;}
.pbs-orange {color: #f84919;}

/* REFER */
div#step {
    font-size: 14px;
    height: 52px;
    line-height: 52px;
    float: left;
    text-align: center;
    color: white;
    background-image: url(/img/refer/steparrow.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.option {height: 240px;background-color: center;text-align: center;border: 3px solid #DDDDDD;cursor:pointer;}
.option_description {font-size: 17px;color: #808082;padding: 10px 30px;}
img.option_image {height: calc(100% - 75px);width: auto;clear:both;padding-top:10px;}

/* REFER - FORM*/
#referform {
    background-color: #efeff0;
    padding: 14px;
	border-radius:4px;
}
#referform .row {
    margin-top: 10px;
}
#referform input[type="text"], #referform textarea {
    width: 100%;
    border: none;
	border-radius:4px;
    color: #a4a6a9;
    background-color: #fff;
    font-size: 15px;
    padding: 10px;
    box-sizing: border-box;
    height: auto;
}
#referform input[type="button"]{
background: #da3440!important;-webkit-box-shadow: 0px 4px 0px 0px #781423;-moz-box-shadow: 0px 4px 0px 0px #781423;box-shadow: 0px 4px 0px 0px #781423;
}
#referform .buttons {
    margin-top: 20px;
    text-align: center;
	height: 40px;
}
#referform .buttons .btn  {float:right;}
.error { font-family: Verdana; font-size: 11px; color: #F15A29; padding-top:2px; font-weight:bold; }

/* REFER - Google Style EMAIL FORM*/
#referform textarea {padding:0px;}
.aoC .hl, .aoC .fX {border-bottom: 1px solid #cfcfcf;}
.fX {min-height: 41px;outline: none;overflow-x: hidden;overflow-y: auto;padding: 0;position: relative;}
.GS {border-spacing: 0;border-width: 0;margin: 0;outline: 0;padding: 5px 0 5px 0;width: 100%;}
table {display: table;border-collapse: separate;border-spacing: 2px;border-color: gray;}
.ok {padding: 7px 2px 1px 4px;vertical-align: top;}
.eV {width: 100%; padding: 0;}
.oj {margin: 0 0 1px 0;}
.oj .l1 {margin: 0;border: 0!important;-webkit-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding: 0;}
.oj .nr {margin: 0;border: 0!important;padding: 0; padding: 4px;}
.nr:focus, .l1, .dI:focus, .Ao {-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);border: 1px solid #4d90fe!important;-webkit-transition: all 0s;margin: 1px!important;}
.nr, .dI, .Ar {border: 1px solid #d9d9d9!important;border-top: 1px solid #c0c0c0!important;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 1px;-webkit-border-radius: 1px;-webkit-transition: none;margin: 1px!important;padding: 3px 1px 3px 3px;}
.wO {background-color: #fff;overflow: hidden;}
.nr:focus, .l1, .dI:focus {border: 2px solid #ffc!important;margin: 0!important;outline: 0!important;}
.nr {padding: 3px 0 3px 3px;margin: 1px;}
.dF .dG, .nr, .Ar {border: 1px solid;border-color: #666666 #ccc #ccc #ccc;background-color: #fff;color: #222;}
.wA {left: -10000px;width: 1px;position: absolute;}
input, textarea, select {font-size: 100%;}
.oj .vR {padding-top: 2px;}
.vR {font-size: 13px;display: inline-block;padding: 3px;vertical-align: top;}
.vN {background-color: #f5f5f5;border: 1px solid #d9d9d9;cursor: default;display: block;height: 20px;white-space: nowrap;-webkit-border-radius: 3px;border-radius: 3px;}
.vT {display: inline-block;color: #222;margin: 2px 5px;max-width: 325px;max-height: 17px;overflow: hidden;text-overflow: ellipsis;direction: ltr;line-height:12px;}
.oj .vO {padding-bottom: 3px;padding-top: 5px;}
.vO {text-align: left;height: 18px!important;overflow: hidden;padding: 6px 3px;resize: none;width: 40px;color: black;background-color: white;}
.xi, .vO, .vO:focus {font-size: 13px;border: 0!important;margin: 0!important;outline: none;-webkit-box-shadow: none;box-shadow: none;}
.vM {display: inline-block;width: 14px;height: 20px;background: no-repeat url('/img/contactarea_sprite_2.gif') -4px 0;opacity: .6;vertical-align: top;cursor: pointer;}


/* MYORDERS */
.customerMyorders table td, .customerMyorders table tbody th {padding: 8px;}
.customerMyorders .submenu.locale{cursor: pointer;}
.customerMyorders .submenu-items {text-align:right;position: absolute;border: 2px solid #808082;background-color: #fff;padding: 10px;list-style: none;z-index: 100;margin-left: -70px;}
.customerMyorders .submenu-items li a {clear:both;display:block;}
.ui-dialog .ui-dialog-buttonpane button {color:#ffffff;}

/* MYORDER */
.f2gradient {
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 1%, rgba(250,250,250,1) 50%, rgba(250,250,250,1) 54%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,242,242,1)), color-stop(50%,rgba(250,250,250,1)), color-stop(54%,rgba(250,250,250,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 54%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 54%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 54%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 1%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 54%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.hover {-webkit-transition: height 1.2s ease-in-out, background-color 1.2s;-o-transition: height 1.2 ease-in-out, background-color 1.2s;-moz-transition: height 1.2s ease-in-out, background-color 1.2s;transition: height 1.2s ease-in-out, background-color 1.2s;}

#resizable .resize {
background-color: #f2f2f2;padding: 10px 20px 20px 20px;margin-bottom:20px;height:40px;width: 100%;overflow:hidden;
-webkit-transition: height 0.3s ease-in-out, background-color 0.3s;
-o-transition: height 0.3s ease-in-out, background-color 0.3s;
-moz-transition: height 0.3s ease-in-out, background-color 0.3s;
transition: height 0.3s ease-in-out, background-color 0.3s;
border-radius: 4px;
}
.profbox div {color: #808082; font-weight:normal!important;}
.titleR {line-height:25px;color: #bc1e2d;font-size: 18px;font-family: Verdana;width: 90%;float: left;cursor:pointer;}
dl.editzend_form input[type="submit"],
.voucherbutton,input#Upgrade, input#Go_Back,input#UpgradeNoPayment,.refermore, #popupaction  input[type="submit"],#popupactionlink  input[type="submit"],
#continue  input[type="submit"], #combine  input[type="submit"],input#Extend,#extension_form  input[type="submit"], #reorderfind_form  input[type="submit"], input#continue, #orderdetform input[type="submit"],
#vouchercode_userform input[type="submit"], #vouchercode_form input[type="submit"]{
color: white;margin: 10px 2px;min-width: 100px;
border:none;
font-size: 14px!important;
padding: 10px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: rgb(218, 52, 64);
background: -moz-linear-gradient(90deg, rgb(200, 52, 64) 30%, rgb(218, 52, 64) 70%);
background: -webkit-linear-gradient(90deg, rgb(200, 52, 64) 30%, rgb(218, 52, 64) 70%);
background: -o-linear-gradient(90deg, rgb(200, 52, 64) 30%,rgb(218, 52, 64) 70%);
background: -ms-linear-gradient(90deg, rgb(200, 52, 64) 30%, rgb(218, 52, 64) 70%);
background: linear-gradient(0deg, rgb(200, 52, 64) 30%, rgb(218, 52, 64) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
cursor:pointer;
}
input#Go_Back {background:#c1c1c1;}



/* MYVOUCHERS */
.link input[type="radio"], input[type="checkbox"] {zoom:1.8;position: relative;top: 5px;margin: 0px; margin-right: 2px;}
.submenu.locale.open .fa.fa-chevron-down:before {content: "\f077"!important;}
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .centerare{
  padding:20px;
}
#boxes .centerare #divTxt{
  max-height:65vh;
  overflow-x:none;
  overflow-y:scroll
}
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:20px;
  background:white;
}
#boxes #dialog {
  background:rgba(242, 242, 242, 0.9);
}
#boxeslink #dialoglink {
  background:rgba(242, 242, 242, 0.9);
}
#boxeslink .centerare{
  padding:20px;
}
#boxeslink .window {
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  background:white;
}
.centerare .close.btn { margin: 10px -4px;font-size:14px!important;opacity: 0.6;background-color: #333333;}
textarea, input[type="text"], input[type="password"] {
padding: 6px;
color: #808082;
border: 1px solid #aaaaaa;
}

dt#rememberme-label {width:auto;display:inline-block;clear:left;}
dd#rememberme-element {width:auto;display:inline-block;clear:right;}
dd#rememberme-element input {float:right;}
dd#rememberme-element + input[type="submit"] {float:right;margin-right:40px;}

.customer-submenu li a {padding:7px 0;}
.strikethrough, .strikethrough2 {
  position: relative;padding:2px;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.strikethrough2:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(-0deg);
  -ms-transform:rotate(-0deg);
  -o-transform:rotate(-0deg);
  transform:rotate(-0deg);
}

.ui-widget-overlay {background:#666}
.ui-dialog-buttonset button {margin:5px;background:#d4d4d4;border:1px solid #b7b7b7;color:#d21717!important;font-weight:bold;border-radius: 3rem;padding: 5px 10px;}
.ui-dialog-buttonset button:first-child {margin:5px;background: #525c65;border: 1px solid #59636c;color:#ffffff!important;font-weight:bold;border-radius: 3rem;padding: 5px 10px;}
.ui-dialog-titlebar span.ui-dialog-title{width: 88%}
.ui-widget-header .ui-icon{background-image:url("/responsive/wp-content/themes/fastor/css/images//ui-icons_222222_256x240.png")!important;}
.ui-dialog input{width:100%;padding: 5px 10px;}

.myonlineprojects-list .submenu-items .btn{margin:1px; background-color:#d4d4d4; color:#161616!important;font-weight:700;}
.myonlineprojects-list .submenu-items .btn:hover {background-color:#b5b5b5;color:#161616!important;}
.myonlineprojects-list .submenu-items .btn.completeorder{margin:1px; background-color:#03a84e; color:#ffffff!important;}
.myonlineprojects-list .submenu-items .btn.completeorder:hover{ background-color:#03833d; color:#ffffff!important;}
.myonlineprojects-list .submenu-items .btn.editproject{margin:1px; background-color:#4a6379; color:#ffffff!important;}
.myonlineprojects-list .submenu-items .btn.editproject:hover{ background-color:#334555; color:#ffffff!important;}
.myonlineprojects-list .submenu-items .btn.delete {background-color:#d4d4d4; color:#d21717!important;}
.myonlineprojects-list .submenu-items .btn.delete:hover {background-color:#b5b5b5;color:#d21717!important;}
.myonlineprojects-list .submenu-items .btn.inactive {background-color:#f8f8f8; color:#cdcdcd!important;}
.myonlineprojects-list .submenu-items .btn.inactive:hover {background-color:#f8f8f8; color:#cdcdcd!important;}
						
						
.ob-info table td {padding:unset;overflow: hidden;white-space: nowrap;max-width: 175px;text-overflow: ellipsis;}
.ob-info table td div {overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;}
#outter-box .ob-info{overflow-y:auto;}