/*Extra css*/
.group:after {
    clear: both;
    content: '';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.social-links [class*="fa fa-"] {
    background-color: #1a1a1a;
    border-radius: 30px;
    color: #ccc;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 5px 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.social-links [class*="fa fa-"]:hover {
    background-color: #ef6000;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 5px 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.copyright {
	padding: 10px 0;
	font-size: 15px;
}

.load-more-wrapper {
	bottom: -55px;
    left: 50%;
    position: relative;
    text-align: center;
    width: 100%;
}

.load-more {
	text-align: center;
}

.load-more li {
	list-style: none;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
}

@-moz-keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

@-webkit-keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

@-o-keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

@keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

.round {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 20px;		
	text-decoration: none;		
	text-align: center;
	font-size: 20px;	
	line-height: 24px;		
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	box-shadow: 2px 2px 7px rgba(0,0,0,.2);
	border-radius: 300px;
	z-index: 1;
	border-width: 3px;
	border-style: solid;
}

.round:hover {
	width: 130%;
	height: 130%;
	left: -15%;
	top: -15%;
	font-size: 33px;
	padding-top: 18px;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	-o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	z-index: 2;
	border-size: 10px;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

a.orange {
	background-color: rgba(239,96,0,1);
	color: rgba(255,255,255,1);
	border-color: rgba(122,49,0,.5);
}

a.orange:hover {
	color: rgba(239,96,0,1);
}

.round span.round {
	display: block;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-size: 1px;
	border: none;
	padding: 40% 20% 0 20%;
	color: #fff;
}

.round span:hover {
	opacity: .85;
	font-size: 16px;
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-o-text-shadow: 0 1px 1px rgba(0,0,0,.5);
	text-shadow: 0 1px 1px rgba(0,0,0,.5);	
}

.orange span {
	background: rgba(239,96,0,.7);	
}

a.roundTop {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;		
	text-decoration: none;		
	text-align: center;
	box-shadow: 2px 2px 7px rgba(0,0,0,.2);
	border-radius: 300px;
	z-index: 1;
	border-width: 3px;
	border-style: solid;
	cursor: text !important;
}

#listResults .table {
	font-size: 13px;
}

.tdClass10 {
	width: 10%;
}

.tdClass15 {
	width: 15%;
}

.tdClass20 {
	width: 20%;
}

.tdClass25 {
	width: 25%;
}

.tdClass30 {
	width: 30%;
}

.tdClass40 {
	width: 40%;
}

.tdClass50 {
	width: 50%;
}

.tdClass60 {
	width: 60%;
}

.tdClass70 {
	width: 70%;
}

.tdClass80 {
	width: 80%;
}

.tdClass90 {
	width: 90%;
}

.tdClass100 {
	width: 100%;
}

.search-btn, .search-btn:hover, .search-btn:focus {
	width:140px;
	display:block;
	background:#797979;
	text-align:center;
	font-size:20px;
	text-decoration: none;	
	margin: auto;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
    color: #fff;
    float: left;
    line-height: 44px;
}

.search-btn:hover {
	background: #ef6000;
}

.search-form, .search-radio {
    width: 600px;
    margin: 10px auto 15px;
    background: rgba(208, 210, 211, 0.2);
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.search-radio {
	background: none;
}

.search-radio label, .package-wrapper label, .payment-wrapper label {
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
}

.search-txtbox {
    width: 445px;
    border: none;
    margin-left: 15px;
    font-size: 15px;
    background: none;
    padding: 0;
    font-weight: 500;
	line-height:44px;
    color: #636363;
    float: left;
}

.searchsectionbg a.search-btn {
	float:left;
	line-height:44px;
	color:#fff;
	 -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.alerts-loading {
    position: relative;
    text-align: center;
    padding: 100px 0;
    width: 100%;
}

.alerts-loading i {
    color: #ef6000;
}

.empty-text {
	padding: 25px 0;
	text-align: center;
}

.step-content {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 15px;
	position: relative;
}

.step-controls {
    padding: 25px 0;
}

.step-controls .step-btn.btn-right {
    float: right;
}

.step-controls .step-btn {
    background-color: #ef6000;
    color: #fff !important;
	padding: 0 15px !important;
	float:left;
}

.step-controls .step-btn:hover {
    background-color: #797979;
}

.step-controls .step-btn-cancel {
    background-color: #797979 !important;
    color: #fff !important;
	padding: 0 15px !important;
}

.step-controls .step-btn-cancel:hover {
    background-color: #797979;
}

.form-step {
	display: none;
}

.form-step.active {
	display: block;
}

.error {
	border: 1px solid #FF0000 !important;
	color: #FF0000 !important;
}

.bootstrap-select .btn-default.error {
	border: 1px solid #FF0000 !important;
	color: #FF0000 !important;
}

.error::-webkit-input-placeholder { 
	color: #FF0000; 
}

.error:-moz-placeholder { 
	color: #FF0000; 
}

.error::-moz-placeholder {
	color: #FF0000;
}

.error:-ms-input-placeholder {
	color: #FF0000;
}

h1.people-title {
    color: #424448;
    font-size: 20px;
    line-height: 20px;
	padding: 0 0 20px 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #e7e7e7;
}

.people-title-pad {
	padding-top: 20px !important;
}

.form-left, .form-right {
	float: left;
	width: 50%;
}

.form-pad {
	padding: 10px 20px;
}

.form-pad label {
	padding-bottom: 5px;
	display: block;
	font-weight: normal;
	font-size:16px;
}

.form-textbox {
	background: #fcfcfc;
	border: 1px solid #ebeced;
	width: 100%;
	height: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	color: rgba(66, 68, 72, 0.60);
	padding-left: 10px;
	line-height: 48px;
}

.billing-wrapper ::-webkit-input-placeholder {
   color: rgba(66, 68, 72, 0.20);
}

.billing-wrapper :-moz-placeholder { /* Firefox 18- */
   color: rgba(66, 68, 72, 0.20);  
}

.billing-wrapper ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(66, 68, 72, 0.20);  
}

.billing-wrapper :-ms-input-placeholder {  
   color: rgba(66, 68, 72, 0.20);  
}

.form-textarea {
	background: #fcfcfc;
	border: 1px solid #ebeced;
	width: 100%;
	height: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	color: rgba(66, 68, 72, 0.60);
	padding-left: 10px;
	line-height: 22px;
	resize: none;
}

.form-left-inner {
	width: 55%;
	float: left;
}

.form-right-inner {
	width: 42%;
	float: right;
}

.ncbcardType-div .form-left-inner, .ncbcardType-div .form-right-inner {
	width: 48%;
}

.radios label {
	float: left;
	margin-right: 15px;
}

.bootstrap-select .btn-default {
	background: #fcfcfc !important;
	border: 1px solid #ebeced !important;
	font-size: 18px !important;
	color: rgba(66, 68, 72, 0.6) !important;
}

.thumbnail {
	background: #fcfcfc;
	border: 1px solid #ebeced;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 151px;
	height: 151px;
}

.thumbnail img {
	width: 150px;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.loading {
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	display: none;
	z-index: 9999;
}

.loader {
	margin: 180px auto 0;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 5px solid #bcbcbc;
	border-right: 5px solid #bcbcbc;
	border-bottom: 5px solid #bcbcbc;
	border-left: 5px solid #e2e2e3;
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.loader, .loader:after {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#imageLoading.loading {
    background: none;
    left: 0;
    top: 0;
}

#imageLoading .loader {
    margin: 54px auto;
}

.fileuploadBtn {
    left: 160px;
    position: absolute;
    top: 65px;
    width: 170px;
}

.form-group-left {
    float: left;
    position: relative;
    width: 165px;
}

#photo-error {
	display: none;
	border: medium none !important;
    bottom: -15px;
    font-size: 14px;
    position: absolute;
}

.successMsg, .errorMsg {
	position: absolute;
	display: none;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.successMsg .alert, .errorMsg .alert {
    margin: auto;
    width: 80% !important;
	text-transform: none;
}

.validate-btn, .validate-btn:hover, .remove-imei-link, .remove-imei-link:hover, .remove-imei-link:focus, .add-imei-link, .add-imei-link:hover, .add-imei-link:focus {
	display: inline-block;
	width: auto;
	text-align: center;
	line-height: 45px;
	background: #797979;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	font-size: 15px;
	padding: 0 20px;
	text-transform: uppercase;
}

.validate-btn, .validate-btn:hover, .validate-btn:focus {
	width: 100px;
	line-height: 50px;
	color: #FFF;
	padding: 0;
}

.remove-imei-link, .remove-imei-link:hover, .remove-imei-link:focus {
	margin-left: 15px;
}

.validate-btn:hover, .add-imei-link:hover, .remove-imei-link:hover {
	background-color: #ef6000;
}

.no-btn, .no-btn:hover {
	background: #f0f0f0;
	color: rgba(2, 2, 2, 0.7);
	margin-left: 10px;
}

.ncbcardType-div, .ncb-card-details {
	display:none;	
	position:relative;
}

#deviceWrapper {
	position: relative;
}

#loading {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9;
}

#loading .alerts-loading {
	color: #FFF !important;
	padding: 0;
	top: 45%;
}

#loading .alerts-loading i {
	color: #FFF;
}

.row.state-overview.dashboardview {
    margin-top: 30px;
}

.empty-searchtext {
    display: block;
    padding-top: 50px;
    text-align: center;
}

#searchResults .table {
    font-size: 13px;
}

a.customer-info {
	color: #797979;
	margin: 0 5px;
}

a.customer-info:hover {
	color: #ef6000;
	margin: 0 5px;
}

.yes-btn, .yes-btn:hover, .yes-btn:focus, .no-btn, .no-btn:hover, .no-btn:focus {
	display: inline-block;
	width: 100px;
	text-align: center;
	line-height: 45px;
	background: #fe5200;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	margin: 32px 0 20px;
	text-transform: uppercase;
}

.yes-btn:hover, .no-btn:hover {
	background: #797979;
}

.breadcrumb li, .breadcrumb li a, .breadcrumb li a:hover, .breadcrumb li.active {
    font-size: 13px;
    text-transform: capitalize;
}

.breadcrumb li a:hover, .breadcrumb li.active, .breadcrumb li.active a {
    color: #ef6000;
}

.selected-group-right {
    right: 10px;
    position: absolute;
	top: 4px;
	padding-right: 10px;
}

.selected-group-right a {
	background: #ef6000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 34px;
    padding: 0 10px;
}

.selected-group-right i {
    padding-right: 10px;
}

.checkboxes label {
	display: inline-block !important;
}

#user-error {
	display: none;
	border: medium none !important;
    bottom: -5px;
    font-size: 14px;
    position: absolute;
	left: 20px;
}

.form-textbox[disabled], .form-textbox[readonly], fieldset[disabled] .form-textbox{
    background-color: #eee;
    opacity: 1;
}

.popTxt label {
	font-weight: normal;
	text-align: left;
	display: block;
	margin-bottom: 10px;
}

.radio-wrapper {
	float: left;
	padding: 15px 30px 0 0;
	line-height: 17px;
}

.group .invalid_errors {
    position: absolute;
	top: -3px;
	width: 100%;
	text-align: center;
	left: 0;
}

.ncb-card-details .invalid_errors {
    top: -40px;
	color: #D42D31;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.package-wrapper, .payment-wrapper {
	padding-top: 20px;
}
.package-wrapper .radioss, .payment-wrapper .radioss {
    padding: 0 20px;
}
.package-wrapper .radio-wrapper {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2%;
    padding: 0;
    width: 23%;
	height: 190px;
    margin-bottom: 2%;
}
.package-wrapper .radio-wrapper.active {
	border: 1px solid #ef6000;
}
.radio-wrapper-inner {
	padding: 25px;
}
.package-price {
	text-align: center;
	padding: 10px 0 20px;
}
.package-price span {
	color: #ef6000;
	font-size: 30px;
}
.radioss.radioss-info.clearfix {
	margin:0 0 0 20px;
}
.package-wrapper {
	position: relative;
}
.package-wrapper .pricing-table {
	background: #f1f2f7;
	position: relative;
	min-height: auto;
}
.package-wrapper .pricing-table ul li {
	font-size: 14px;
}
.package-wrapper .price-actions {
    /*bottom: 20px;
    position: absolute;*/
    width: 100%;
}
.pricing-table.most-popular {
	background: #ef6000;
	min-height: auto;
}

.package-wrapper .most-popular h2, .package-wrapper .most-popular .price-actions .btn {
	background: #ef8945 !important;
}
.package-wrapper .most-popular .price-actions .btn {
	margin: 0;
}
.price-actions .btn {
	line-height: 1.42857;
}
.select, .most-popular .no-select {
	display: none;
}
.most-popular .select {
	display: inline-block;
}
.pricing-table.most-popular ul li {
	border-bottom: 1px dotted #ef8945 !important;
}
.pricing-table.most-popular h1 {
	font-weight: 600;
}

.subscription-success {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
    font-weight: 500;
    padding: 20px 0;
    text-align: center;
	color:#525252;
}

.subscription-success span{
	font-size: 16px;
	font-weight:600;	
	color:#EF6000;
}

.subscription-success a, .subscription-success a:focus {
	color: #0034FF;
	text-decoration: underline;
}

.subscription-success a:hover {
	color: #0034FF;
	text-decoration: none;
}

.search-radiobtn {
	width:100%;
	margin:10px 0 0;	
}

div.radio {  
	height: 25px; 
	width: 25px;  
	position: relative; 
	display: -moz-inline-box; 
	display: inline-block; 
	vertical-align: middle; 
	zoom: 1; 
	bottom: 2px;
	margin: 0 10px 0 0 !important;
}

div.radio input {  
	height: 25px; 
	width: 25px; 
	opacity: 0; 
	filter: alpha(opacity:0); 
	display: inline-block; 
	background: none;
	cursor: pointer;
}

div.radio span {
	background: url(../images/radio.png) no-repeat 0 0; 
	height: 25px; 
	width: 25px; 
	display: -moz-inline-box; 
	display: inline-block; 
	text-align: center;
}

div.radio span.checked {
	background-position: 0 -25px;
}

.radioStyle label {
	display: inline-block;
	cursor: pointer;   
	padding-left: 17px;  
}

.selected .radioStyle label {
	color: #00c6ff;
}

.radio-pad {
	padding-right: 20px;
	line-height: 38px;
	display: inline-block;
}

.form-pad1 {
    padding: 10px 20px;
}

.form-pad1 > label {
    display: inline-block;
	font-weight: normal;
}

.form-right .form-pad1 {
    text-align: right;
}

.form-right .form-pad1 span {
	color: #ef6000;
	font-weight: 600;
}

.site-footer .col-lg-4.text-left, .site-footer .col-lg-5.text-left {
	padding-top: 15px;
}

.footer-right ul li {
	line-height:19px;
}

.footer-left {
	float: left; 
	width: 60px;
}

.footer-right {
	float: left;
}

.footer-links a {
	color: #ccc;
	text-decoration: underline;
}

.footer-links a:hover {
	color: #ef6000;
	text-decoration: none;
}

.billing-wrapper .panel h2 {
    background: #f1f6fb none repeat scroll 0 0;
    color: #ef6000;
    font-size: 1.3em;
    margin: 0 0 20px;
    padding: 10px;
}

#addCard .form-pad {
	padding: 10px 0;
}

.people-title > span {
    font-size: 13px !important;
}

.people-title span i {
    color: #ef6000;
}

.form-pad1.total-cost > span {
    font-weight: 600;
}

#addCard .col-sm-5, #addCard .col-sm-2 {
	padding: 0;
}

#credit-card-list img {
	filter: grayscale(1);
}

#credit-card-list img.selected {
    filter: grayscale(0);
}

.billing-details h1.people-title {
	padding: 3px 0 20px 20px;
}

.billing-details .col-sm-5 {
	padding:  0;
}

.payment-frm-wrapper {
	position: relative;
}

.payment-loading {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff !important;
	text-align: center;
	padding: 150px 0 0;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;
}

.payment-loading-success {
	color: #FFF;
	font-size: 20px;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 35%;
}

span#siteseal {
    display: block;
    left: 0;
    position: relative;
    /*top: 57px;*/
	top: 0;
}

.site-footer span#siteseal img {
    background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.payment-loadingimg i {
	font-size: 20px;
}

.note-txt {
    display: block;
    font-size: 12px;
    line-height: 14px !important;
	padding-bottom: 10px;
}

.checkbox-label {
	font-size: 13px;
	text-align: left;
	line-height: 24px;
	padding-left: 0;
	display: block;
}

.checkbox-label-txt {
	line-height: 18px;
}

.checkbox-label label {
	font-weight: 400;
}

.checkbox-label a, .checkbox-label a:hover, .checkbox-label a:focus {
	color: #ef6000;
	text-decoration: underline;
}

.checkbox-label a:hover, .checkbox-label a:focus {
	text-decoration: none;
}

div.checker { 
	position: relative; 
	display: -moz-inline-box; 
	display: block; 
	vertical-align: middle; 
	zoom: 1; 
	float: left; 
	margin: 0 8px 0 0; 
}

div.checker input { 
	width: 24px; 
	height: 24px; 
	opacity: 0; 
	filter: alpha(opacity:0); 
	display: inline-block; 
	background: none; 
}

div.checker span { 
	background: url(../images/checkbox/check-off.png) no-repeat; 
	height: 21px; 
	width: 21px; 
	display: -moz-inline-box; 
	display: inline-block; 
	text-align: center; 
}

div.checker span.checked { 
	background: url(../images/checkbox/check-on.png) no-repeat; 
}

.checker label {
	display: inline-block;
	cursor: pointer;   
	padding-left: 10px;  
	margin-right: 65px;  
	font-size: 18px; 
	color: #5e5e68; 
	font-family: 'Open Sans', sans-serif;
	padding-top: 3px;
}

.wpb_wrapper {
	font-weight: normal;
    font-size: 15px;
	color: #797979;
}

.wpb_wrapper h2 {
	color: #EF6000;
	text-align: center;
	padding: 0 0 5px;
}

.wpb_wrapper p {
    margin: 0 0 15px;
}

.wpb_wrapper ol {
    padding-left: 20px;
}
.wpb_wrapper dl, .wpb_wrapper ol, .wpb_wrapper ul {
    margin-bottom: 23px;
    margin-top: 0;
}

.success-note-hint {
	font-size: 14px;
	color: #000;
	width: 70%;
	margin: 20px auto;
}

.success-note-hint strong {
	color: #EF6000;
}

#accessPopup.md-modal {
    max-width: 550px;
}

.add-people-desc {
    font-size: 14px;
    color: #797979;
    line-height: 22px;
    padding: 15px;
}

.add-people-desc a, .add-people-desc a:hover {
    color: #EF6000;
}

.subscription-success .download-link {
    background: #EF6000;
    color: #fff !important;
    padding: 0 15px !important;
    text-decoration: none;
    margin: 15px 0;
    text-transform: capitalize;
}

.fa.fa-download {
    color: #FFE8E8;
    margin-right: 3px;
}