@CHARSET "ISO-8859-1";
body *{
	outline: 1px solid transparent;	
}
.input-loading{
	background-image: url("../images/expSync.gif");
	background-position: 98% center;
	background-repeat: no-repeat;
}
select.input-loading{
	background-position: 88% center;
}
#MainLoader {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
 display: none;	
}
#MainLoader .msgText {
  color: #ffffff;
  font-size: 57px;
  margin-top: 15%;
  text-align: center;
	line-height: 57px;
	 background: url("../images/dotdotloader.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);	
	padding-bottom: 29px;
}

.jRibbon a,.jTrigger a{
	color:#fff;
	text-decoration: none;
}
.admin-container{
	/*border-left: 1px solid #ccc;*/
}
.admin-layout{
	overflow: hidden;
}
.admin-layout  header { 
  padding: 10px 0 12px; 
 
}
.admin-footer-bottom {  
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding:0;
}
.dataTables_wrapper .dataTables_paginate .pagination{
	margin: 0;
}
.dataTables_wrapper{
	font-size: 80%;
}
.gs-jq-grid .ui-jqgrid{
	overflow: hidden;
}
.gs-jq-grid .ui-jqgrid-titlebar{
	border-color:rgb(255,180,63) !important;
}
.gs-jq-grid .ui-jqgrid-titlebar{
	border-bottom-width: 2px;
}
.page-title hr{
	margin-top: 0 !important;
}
.gs2-breadcrumb {background: rgba(245, 245, 245, 0); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}
.gs2-breadcrumb li {font-size: 18px;}
.gs2-breadcrumb a {color: rgba(66, 139, 202, 1);}
.gs2-breadcrumb a:hover {color: rgba(42, 100, 150, 1);}
.gs2-breadcrumb>.active {color: rgba(153, 153, 153, 1);}
.gs2-breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\00bb\00a0";}

.gs-breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 18px Helvetica, Arial, Sans-Serif;
			padding-left: 0;
		}
		.gs-breadcrumb li { 
			float: left; 
		}
		.gs-breadcrumb li a {
			color: white;
			text-decoration: none; 
			padding: 3px 0 3px 39px;
			background: brown;                   /* fallback color */
			background: hsla(34,85%,35%,1); 
			position: relative; 
			display: block;
			float: left;
		}
		.gs-breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(34,85%,35%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.gs-breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.gs-breadcrumb li:first-child a {
			padding-left: 10px;
		}
		.gs-breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
		.gs-breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
		.gs-breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
		.gs-breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
		.gs-breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
		.gs-breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
		.gs-breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
		.gs-breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
		.gs-breadcrumb li:last-child a {
			background: white !important;
			color: black;
			pointer-events: none;
 			cursor: default;
		}
		.gs-breadcrumb li:last-child{ padding-left: 5px;  }
		.gs-breadcrumb li:last-child a{ margin-left: -5px;   } 
		.gs-breadcrumb li:last-child a:after { border: 0;}
		.gs-breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
		.gs-breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }

/*lightbox*/
.lightboxWaiting{	
	padding:5px;
	width:82px;	
	display:none;	
	position: absolute;
	top:42%;
	left:50%;
	margin-left: -41px;	
	z-index: 999;
	
	     
}
.lightboxWraper{
	display:none;	
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: none repeat scroll 0 0 #141313;
	opacity:0.8;
	z-index: 988;
}
.lightboxWaiting img{ 
	vertical-align: -4px;
}
.lightbox-container .panel-heading { 
  padding: 6px 15px;
  font-weight: bold;	
}
.app-icon {
	font-size: 60px;
}
.app-icon,.app-icon.fa-android {
	color:rgb(162,197,55);	
}
.app-icon,.app-icon.fa-apple {
	color:#747474;	
}
.admin-container{
	min-height: 500px;
}
.note-ul li {
  font-size: 14px;
  line-height: 25px !important;
}
.note-ul li kbd{
	white-space: nowrap !important;
}
.note .panel-body{
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.btn-xs .gi {
  font-size: 10px;
}
.tab-content {
  background: #fff;
}
.top-cc-number{
  font-size: 15px !important;
  font-weight: bold;
}
.top-cc-number i {
  font-size: 17px !important;
  font-weight: bold;
  vertical-align: text-bottom;
}
.table-price-discountinfo {
  color: #857040 !important;  
  font-weight: bold; 
}
.free-service { 
  text-shadow: 0px 0px 2px #D0D2D3 !important;
  color: #000000 !important;
}
.panel-custom-warning > .panel-heading {  
	background-image: -webkit-linear-gradient(#FFFFFF 30%, #faf2cc 100%) !important;
	background-image: -moz-linear-gradient(#FFFFFF 30%, #faf2cc 100%) !important;
	background-image: -o-linear-gradient(#FFFFFF 30%, #faf2cc 100%) !important;
	background-image: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.3, #FFFFFF), to(#faf2cc)) !important;
	background-image: linear-gradient(#FFFFFF 30%, #faf2cc 100%) !important;
	
}
.banner-box .boxes-info{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.root-title{
  vertical-align: text-top;
	color:#C67755;
}
.option-list > .row{
	padding-bottom: 10px;	
}
.device-operation> div > .panel:hover,.device-operation2 > div > .panel:hover{	 
	border-color: #bce8f1;
}
.device-operation  div > .panel:hover > .panel-body  a >.icon,.pulse-infinite,.device-operation2  div > .panel:hover > .panel-body .icon,.pulse-infinite{
	  -webkit-animation:pulse 1s linear infinite;
    -moz-animation:pulse 1s linear infinite;
    animation:pulse 1s linear infinite;
	
}
.flash-infinite{
	  -webkit-animation:flash 3s linear infinite;
    -moz-animation:flash 3s linear infinite;
    animation:flash 3s linear infinite;
	
}

.device-operation .panel-body,.device-operation2 .panel-body {
	position: relative;
	min-height: 100px;
	text-align: center;
	
}
.device-operation a {
  bottom: 0;
  left: 0;
  padding: 12px 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
	outline: none;
	text-decoration: none;
}
.device-operation a.btn-xs { 
  padding: 1px 5px;
  position: relative;
  text-align: center; 
  outline: none;
  text-decoration: none;
}
.device-operation a:hover{
	text-decoration: none;
	
}
.device-operation a > .icon > i{	
	font-size: 65px;
}
.de-sm a > .icon > i{
	font-size: 37px;
}
.de-sm  .icon > span{
	font-size: 22px;
}
.p-r-zero{	padding-right: 0 !important; }
.p-l-zero{	padding-left: 0 !important;}
.p-t-zero{	padding-top: 0 !important;}
.p-b-zero{	padding-bottom: 0 !important;}
.p-zero{	padding: 0 !important;}

.device-operation a >span{
	display: block;
	
}
.device-operation a >.title-sm,.device-operation2 .title-sm{
	font-size: 10px;
}
.device-operation a >.title-lg,.device-operation2 .title-lg{
	font-size: 15px;
}
.device-operation2 .title-sm{
	padding:5px;
}
.add-ons .panel-body {
	height: 244px;
}
.add-ons-on-user .panel-body{
	padding:2px 5px;
}
.add-ons-on-user .adons-renew .tall{
	margin: 0px 0px 5px !important;
}
.add-ons-on-user .adons-renew .form-group{	
	margin:0 !important;
}
.adons-renew{
	background: #fff;
}
.add-ons-on-user .adons-renew label{
	font-size: 12px !important;
}
.m-b-zero{	margin-bottom: 0 !important;}
.m-t-zero{	margin-top: 0 !important;}
.m-l-zero{	margin-left: 0 !important;}
.m-r-zero{	margin-right: 0 !important;}
.m-zero{	margin: 0 !important;}

.remove-parents{
	position: absolute;
	top: 0;
	right:0;
	z-index: 99;
}
.remove-parents:hover{
	color:red;
	-webkit-box-shadow: 0px  0px 1px 5px #ccc;
	-moz-box-shadow: 0px  0px 1px 5px #ccc;
	box-shadow: 0px  0px 1px 5px #ccc;
	cursor: pointer;
	font-size: 12px !important;
}

.add-ons .remove-parents {
  	background: none repeat scroll 0 0 #b00a1a;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #fff;
	padding: 6px 7px;
	right: 9px;
	top: -9px;
	font-size: 10px;
	
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
.sidebarloader{
		position: absolute;
		z-index: 997;
		top:0;
		bottom: 0;
		right: 0;
		left: 0;
		background: rgba(0,0,0,.7);
		display: none;
	}
	.sidebarloader .msgText{
		position: absolute;
		left:0;
		right: 0;
		top:50%;
		margin-top: -20px;
		text-align: center;
		color:#ffffff;
		font-weight: bold;
		padding-top:24px;
		background: url(../images/expSync-bg-black.gif) no-repeat top center;
	}
hr.no-margin{
	margin: 32px 0 1px;
}
.gs-jq-grid .ui-th-column,.gs-jq-grid .ui-th-column *{
	cursor: default !important;;
}
.no-padding{
	padding-top:0;
	padding-bottom:0; 
}
.no-margin-bottom{
	margin-bottom: 0 !important;
}
.no-tick-show .form-control-feedback{
	display: none !important;
}
.no-tick-show .has-feedback .form-control{
	padding-right:0 !important;
}

.input-group .form-control-feedback{
	right: 32px !important;
}

.input-group .btn-danger{
	color:#ffffff !important;
}
.small-padding {
  padding-bottom: 5px;
  padding-top: 5px;
}
.hedding-text{
	font-size: 1.4em;
}

.search-input{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}
.full-screen-btn {  
  outline: medium none !important;
  position: absolute;
  right: 16px;
  top: 1px;
  background:none repeat scroll 0 0 rgba(0, 0, 0, 0.47);
	color:#fff;
}

.full-screen-btn:hover{
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.30);	
	color:#000000;
}
.full-screen-btn i:before{
	content: "\f065";
}
.full-screen-body {	
	overflow: hidden;
}
.full-screen{
	
}
.form-group .ms-container{
 width: auto !important;	
}
.full-screen-body .full-screen {
  bottom: 0 !important;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
margin-bottom: 0 !important;
}
.full-screen-body .full-screen .full-screen-btn{
	 right: 0px;
 	 top: 1px;
}
.full-screen-body .full-screen .full-screen-btn i:before{
	content:"\f066";
}

.gs-jq-grid .ui-jqgrid .ui-pg-input {
  font-size: 0.9em;
  height: 21px !important; 
  text-align: center !important;
}

.addonsrvtab{
	margin-bottom: -1px !important;
}
.addonsrvtab .nav-tabs > li > a {
  background: none repeat scroll 0 0 #E7CC8D;
  color: #062937;
	outline: none !important;	  
}
.addonsrvtab .nav-tabs > li.active > a, .addonsrvtab .nav-tabs > li.active > a:hover, .addonsrvtab.nav-tabs > li.active > a:focus {
  background-color: #fff;
  color:#555;
}
.icon-option{
	font-family: 'Open Sans', sans-serif,FontAwesome;
}
#faq-list div.active .panel {
	border-color: #357ebd !important;
	border-bottom-width: 5px;
}
#faq-list div.active .panel:after{
	content:'\f0d7';
	bottom: 3px;
	color: #357ebd ; 
	font-family: "FontAwesome";
	font-size: 36px;
	left: 50%;
	margin-left: -13px;
	position: absolute;

}
#faq-list div.active .panel * {
	color: #357ebd  !important;
}
.input-group-addon .fa{
	margin-left: -2px;
	margin-right: -2px;
}
.partner-account td {
  background: #e4f9fb none repeat scroll 0 0; 
}
.form-group:not(.form-group-sm).selectbox .form-control-feedback{
  right: 25px;
  top: 0;
}
.password-input_group  .input-group-addon{
	cursor: pointer;
}
.input-group:not(.selectbox) .form-control-feedback {
  right: 0 !important;
}

.item-table {
  margin-bottom: 41px;
}

/* boostrapresponsive*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


/* ---------------------------------------------------------------------- */
/*	11 Mobile Version 240px
/* ---------------------------------------------------------------------- */
/* Start Bootstrap Responsive*/
/*only sm*/
@media (min-width: 786px) and (max-width: 991px) {  
	
}
 /*only md*/
@media (min-width: 992px) and (max-width: 1199px) {
	#MainLoader .msgText {
	  color: #ffffff;
	  font-size: 57px;
	  margin-top: 15%;
	  text-align: center;
		line-height: 57px;
	}
}
/*only lg*/
@media (min-width: 1200px)  { 

}

/*upto md*/ 
@media handheld, only screen and (max-width: 1199px) { 	   
	.gs-jq-grid {
		overflow: auto;
	}	

}
/*upto sm*/  
@media handheld, only screen and (max-width: 991px) {	 
	
	
	.gs-jq-grid .gridtitle{
		display: table-row;
		float: none;
	}
	
}
/* xs device*/
@media handheld, only screen and (max-width: 767px) { 
	#MainLoader .msgText {
	  color: #ffffff;
	  font-size: 22px;
	  margin-top: 35%;
	  text-align: center;
		line-height: 22px;
		
	}	
	.tinynav {
		margin-top: -27px;
	}
	.logo img{
		top: 0 !important;
	}
	
}
/* End Bootstrap Responsive*/
@media handheld, only screen and (min-width: 580px) {
	.lightbox-container{
		min-width: 450px;
		min-height: 100px;
	}
	.msg-only{
		min-height: 0;
	}	
	
}
@media handheld, only screen and (max-width: 479px) {
   	
	
}