@charset "utf-8";
/* CSS Document */
/* HTML5 reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: disc;}
ol{}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}



.left{float:left;}
.right{float:right;}
.strong{font-weight:700;}

#header {height:60px;background:#3c434d;clear:both;position:relative;color:#fff;line-height:60px;padding-right:25px;}
#header a{text-decoration: none; color:#fff;}

.toggle .toggle-title, .accordion .accordion-title{
	    font-family: Dosis;
		font-size: ;
		font-style: ;
		font-weight: 500;
		letter-spacing:2px;
		text-transform:uppercase;
   }

html, body {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    background:#f9f9f9;
    font-size:16px;
    line-height:20px;
    color:#797979;
    min-width:900px;
}
#container{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the headers's height + 50px for padding */
    padding-bottom:50px;
    position: relative
}

p{margin:0px;padding:0px;}

.adminWrap{z-index:1;position:relative;}

.addIP select{float:left;padding:2px 5px;}
select {border:1px solid #cbcbcb;border-radius:3px;padding:5px;margin-bottom:5px;}
label{display:block;font-size:14px;line-height:30px;font-weight:600;}
input{border:1px solid #cbcbcb;border-radius:3px;padding:0 15px;line-height:34px;margin-bottom:5px;}
textarea{border:1px solid #cbcbcb;border-radius:3px;padding:15px;width:calc(100% - 30px);}
.nonDateSelect select {border:1px solid #cbcbcb;border-radius:3px;padding:5px 15px;width:100%;}
input[type="submit"] {width:150px;}
button{border:none;padding:5px 10px;border-radius:3px;font-weight:700;color:#fff;margin-top:10px;cursor:pointer;}
button img{margin-right:10px;}

.searchbar{float:right;margin-right:50px;}
.searchbar select, .searchbar input, .searchbar button{display:inline-block;margin-left:10px;}

.nowrap{white-space: nowrap;}

.font12{font-size:12px;}

.margbot25{margin-bottom:25px;}
.margtop25{margin-top:25px;}

.margtop150 {margin-top:150px;}

.margrig25{margin-right:25px;}
.margleft25{margin-left:25px;}

.margtopbot25{margin:25px 0;clear:both;}

.margleft60{margin-left:60px;}

.nomarg{margin:0;}
.textRed{color:#d26a5c;}
.dark{color:#000;}

.width150{width:150px;}
.width96{width:96px;}
#centerme{text-align:center;}

#sidebar{background:#2c343f;width:60px;min-height:calc(100% - 60px); position:absolute;top:60px;bottom:0px;color:#d3d3d3;}
.sidebarItem{height:60px;width:60px;}

#content{width:calc(100% - 60px);margin-left:60px;}

.sidehome{background:url(../img/homeoff.png);}
.sidehome:hover {background:url(../img/homeon.png);}
.sideusers{background:url(../img/usersoff.png);}
.sideusers:hover {background:url(../img/userson.png);}
.sidesettings{background:url(../img/settingsoff.png);}
.sidesettings:hover {background:url(../img/settingson.png);}
.sidetrash{background:url(../img/trashoff.png);}
.sidetrash:hover {background:url(../img/trashon.png);}
.siderandom{background:url(../img/randomoff.png);}
.siderandom:hover {background:url(../img/randomon.png);}
.sideemail{background:url(../img/emailoff.png);}
.sideemail:hover {background:url(../img/emailon.png);}
.sidevoucher{background:url(../img/voucheroff.png);}
.sidevoucher:hover {background:url(../img/voucheron.png);}
.sidetask{background:url(../img/taskoff.png);}
.sidetask:hover {background:url(../img/taskon.png);}
.sidebilling{background:url(../img/billingoff.png);}
.sidebilling:hover {background:url(../img/billingon.png);}
.sideinstall{background:url(../img/installoff.png);}
.sideinstall:hover  {background:url(../img/installon.png);}

.successMsg{background:#5cb85c url('../img/successmsg.png') left no-repeat;}
.failureMsg{background:#ff4a43 url('../img/failuremsg.png') left no-repeat;}
.successMsg, .failureMsg{padding:0 65px;line-height:36px;color:#fafafa;}

.dialogbutton{color:#fff;cursor:pointer;}

.bgGreen{background:#46c37b;}
.bgBlue{background:#70b9eb;}
.bgRed{background:#d26a5c;}
.bgOrange{background:#f3b760;}
.bgLiteGrey{background:#f5f5f5;}

.borderGreen{border:1px solid #34a263;}
.borderBlue{border:1px solid #3675c5;}
.borderRed{border:1px solid #c54736;}
.borderOrange{border:1px solid #efa231;}
.borderLiteGrey{border:1px solid #e9e9e9;}

.sendemail{width:100%;text-align:center;margin:2px 0;padding:2px 0;border-radius:3px;}
.actionbuttonverticle{width:125px;text-align:center;margin:2px 0;padding:2px 0;border-radius:3px;}
.actionbutton{width:40%;text-align:center;margin:2px;display:inline-block;padding:2px;border-radius:3px;}
.addvoucher{text-align:center;margin:15px auto;float:right;padding:2px;border-radius:3px;}
.editvoucher{text-align:center;margin:2px ;float:right;padding:0px 3px;;border-radius:3px;}

.sendemail a, .actionbutton a, .actionbuttonverticle a, .addvoucher a, .editvoucher a{text-decoration: none; color:#fff;}

#forgotPassword{margin-top:25px;font-size:12px;}

.middleFormwrap{width:500px;margin:auto;}
.middleFormwrap input {width:calc(100% - 30px);}
.formTitle{line-height:18px font-size:15px; padding:15px;color:#fff;text-transform: uppercase;font-weight:600;}
.formContent{background:#fff;padding:25px;}

.submitBut{line-height:28px;color:#fff;}

.adminWrap{padding:25px;}
.inlineblock{display:inline-block;}
.addIP input{display:inline-block;float:left;border:1px solid #e6e6e6;border-radius:3px;padding:0 15px;line-height:26px;margin-bottom:5px;}
.addIP input[type="submit"] {width:28px;height:28px;background:#46c37b url('../img/tinyplus.png'); padding:0; margin:0 0 0 5px; border:1px solid #34a263;display:inline-block;float:left;}
.searchSubButton{background:#363c47 url(../img/search.png) right no-repeat;border:none;width:26px;cursor:pointer;height:26px;display:inline-block;float:left;padding-left:5px;}
.adcount{padding:5px 10px;}
.revealAddsButton, .hideAddsButton {color:#545454;}
.hide{display:none;}
.formContent table{width:100%;text-align:center;}

.advertImage {width:100px;height:100px;border-radius: 50px;margin:auto;}
.advertTable td{padding:15px; text-align: left;}
.advertTable th{margin-bottom:25px;border-bottom:1px solid #dddddd;text-transform: uppercase;font-weight:600;}



.userTable td{padding:15px; font-size:12px; text-align:left; line-height:16px;vertical-align:top;}
.userTable th{margin-bottom:25px;border-bottom:1px solid #dddddd;text-transform: uppercase;font-weight:600; text-align:left;padding-left:15px; }

.vouchertable table{width:auto;}
.vouchertable td{padding:0px 15px;line-height:20px;}

.odd{background:#e7e7e7;}
.odd, .even{border-bottom:1px solid #f0f0f0;}

.ips img, .siteSups img{margin-left:10px;cursor:pointer;}
.daystable td{padding:5px;font-size:10px;text-align:center;}
.tagdelete{display:inline-block;background:url(../img/deleteme.png);color:#fff;height:10px;width:10px;margin-left:10px;}
.deleteBranch{display:inline-block;background:#d26a5c url(../img/smalltrashon.png);height:20px;width:20px;border:1px solid #c54736;border-radius:3px;}

.deletebutton{display:inline-block;background:#f5f5f5 url(../img/deletebutton.png);border-radius:3px;height:20px;width:20px;border:1px solid #e9e9e9;border-radius:3px;margin:0 10px 10px 0;float:left;}
.undeletebutton{display:inline-block;background:#f5f5f5 url(../img/undeletebutton.png);border-radius:3px;height:20px;width:20px;border:1px solid #e9e9e9;border-radius:3px;margin:0 10px 10px 0;float:left;}
.editbutton{display:inline-block;background:#f5f5f5 url(../img/editbutton.png);border-radius:3px;height:20px;width:20px;border:1px solid #e9e9e9;border-radius:3px;margin:0 10px 10px 0;float:left;}
.viewbutton{display:inline-block;background:#f5f5f5 url(../img/viewbutton.png);border-radius:3px;height:20px;width:20px;border:1px solid #e9e9e9;border-radius:3px;margin:0 10px 10px 0;float:left;}
.deleteVoucherbutton{display:inline-block;background:#f5f5f5 url(../img/deletebutton.png);border-radius:3px;height:20px;width:20px;border:1px solid #e9e9e9;border-radius:3px;margin:0 10px 10px 0;float:left;}


#success{max-width:1100px;margin:auto;text-align: center;padding:25px 50px;}
#success p {color:#91c229;font-size:50px;line-height:60px;}
.onlinelogotop, .onlinelogobottom {border-radius:8px;border:2px solid #006699;height:130px;margin:50px 0;}
.onlinelogotop{background:#fff url(../img/onlinelogotop.jpg);background-repeat: no-repeat;    background-position: center;  }
.onlinelogobottom{background:#fff url(../img/onlinelogobottom.jpg);background-repeat: no-repeat;    background-position: center;  }
.onlinead{margin:25px 0;}
.onlinead img {width:100%;}
.onlinedesc{font-size:25px;line-height:35px;}
.clickedLink{cursor: pointer;}

.taskslist{font-weight:bold;font-size:22px;}
#invalidvoucher{margin:2px 12px; }

#costWrapper{width:100%;text-align: center;font-size:36px;margin:24px 0;}
.costWrapper{width:calc(100% - 48px);text-align: right;font-size:26px;margin:24px;}
input[type=checkbox]{width:auto;padding:0px;}

/** FAQs **/
.faqTitle{font-size:25px;line-height:40px;}
.faqQuWrap{border-bottom:1px solid #dddddd;margin:auto;cursor:pointer;width:75%;padding:15px;}
.faqQu{float:left;line-height:20px; color:#393939;text-transform: capitalize;}
.faqAns{display:none; color:#988c8c;padding:15px;}
.faqPlus{width:20px;height:20px;line-height:20px;background:#c5a47e;float:right;text-align:center;color:#fff;border-radius:10px;}





/** Paging **/
.paging {
	//background:#fff;
	color: #ccc;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 0px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	//border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	//border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}


/* Stripe */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}