.signup-page-load-content .order-summary li {font-size: 12pt; font-weight: bold; padding: 10px 20px !important}
.signup-page-load-content .order-summary .row {padding-top: 12px; padding-bottom: 12px;}
.signup-page-load-content .order-summary .order-title {font-weight: bold; font-size: 10pt; color: #000000;}
.signup-page-load-content .order-summary .order-price {font-weight: bold; font-size: 13pt; color: #000000;}
.signup-page-load-content .order-summary .order-price-main {font-weight: bold; font-size: 15pt; color: #000000;}
.signup-page-load-content .order-summary .list-group-item {border: 1px solid #EDEDED;}
.signup-page-load-content .order-summary .list-group-item-total {background-color: #EDEDED;}
.signup-page-load-content .order-summary .total-row {padding-top: 18px; padding-bottom: 18px;}
.signup-page-load-content .order-summary .list-group-item-api-line {padding-top: 0; padding-bottom: 0;}
.signup-page-load-content .order-summary .list-group-item-api-line .row {padding-top: 0; padding-bottom: 0;}.signup-page-load-content 
.signup-page-load-content .order-summary hr {margin-top: 1px !important; margin-bottom: 1px !important; border-top: 2px solid #ddd !important;}
.signup-page-load-content .title-label {font-weight: bold; font-size: 10pt; color: #000000; margin-bottom: 0;}
.signup-page-load-content h3.subscription-title {color: #000000 !important; font-size: 22px !important;}

.signup-page-load-content .form-control {border: 1px solid #d0d0d0 !important; color: #8C8D8F !important;}
.signup-page-load-content .form-control.dropdown-placeholder {color: #CBCBCB !important;}

.signup-page-load-content .panel {border-radius: 10px !important;}
.signup-page-load-content .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.signup-page-load-content .list-group-item:last-child {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.signup-page-load-content .signup-button {
	border-radius: 30px;
	box-shadow: none;
	background-color: #6fc754;
	border: none;
	color: white;
	font-size: 16px;
	height: 42px;
	width: 130px;
	font-family: Lato;
	text-align: center;
}

.signup-page-load-content .signup-button-previous, .signup-page-load-content .signup-button-next {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #DDDDDD;
}

.signup-page-load-content .signup-button .glyphicon {
	top: 3px;
}

.signup-page-load-content .signup-button-previous .glyphicon , .signup-page-load-content .signup-button-next .glyphicon {
	color: #DDDDDD;
}

.signup-page-load-content .form-control::-webkit-input-placeholder { color: #CBCBCB; }
.signup-page-load-content .form-control:-moz-placeholder { color: #CBCBCB; }
.signup-page-load-content .form-control::-moz-placeholder { color: #CBCBCB; }
.signup-page-load-content .form-control:-ms-input-placeholder { color: #CBCBCB; }

.signup-page-load-content .signup-row-top-margin { margin-top: 20px; }
.signup-page-load-content .alert li, .signup-page-load-content .alert p {font-size: 14px; color: #D3103A;}
.signup-page-load-content .alert-danger {background-color: #FEDFE5; border-color: #FEDFE5;}
.signup-page-load-content .has-error .form-control {border-color: #D3103A; border: 1px solid #D3103A !important;}

.signup-page-load-content #CardNumber{background-image: url(/Content/Images/signup_credit_cards.png) !important; background-position: right 8px center; background-repeat: no-repeat;}
.signup-page-load-content .cvn-col {padding-left: 0 !important;}
.signup-page-load-content .cvn-info {width: 20px; margin-top: 30px; color: #000000; cursor: pointer;}
.signup-page-load-content .popover-content {font-size: 9pt; width: 180px;}

.signup-page-load-content .signup-loader {
  position: absolute;
  top: 200px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100px;
  border: 14px solid #f3f3f3;
  border-radius: 50%;
  border-top: 14px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: signup-spin 2s linear infinite;
  animation: signup-spin 2s linear infinite;
}


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

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


.signup-page-load-content .progress-image-wrapper{
    position:relative;
}
.signup-page-load-content .progress-image-wrapper:after{
    content:"";
    position:absolute;
    top:19px;
    left:10px;
    right:10px;
    bottom:0;
    background: url(/Content/Images/signup_bar.png) repeat-x;
	z-index: -1;
}

@media (min-width: 992px) {
	.signup-page-load-content .top-row-summary {height: 80px;}
	.signup-page-load-content .top-row-progress {height: 80px;}
	.signup-page-load-content .progress-collapse {display: none;}
	.signup-page-load-content .progress-uncollapse {display: block;}
	.signup-page-load-content h3.subscription-title {padding-left: 30px; margin-top: 40px;}
}

@media (max-width: 991px) {
	.signup-page-load-content .top-row-summary {height: 50px;}
	.signup-page-load-content .top-row-progress {height: 10px;}
	.signup-page-load-content .progress-collapse {display: block;}
	.signup-page-load-content .progress-uncollapse {display: none;}
	.signup-page-load-content h3.subscription-title {padding-left: 15px; margin-top: 20px;}
	.signup-page-load-content .progress-main-wrapper {margin-top: 10px;}
}


 
.signup-page-load-content .progress-main-wrapper {margin-bottom: 15px;}

@media (max-width: 330px) {
 .signup-page-load-content .progress-image-wrapper {margin-left: 12px; margin-right: 6px;}
 .signup-page-load-content .progress-text-wrapper {font-size: 9px; padding-top: 5px;}
 .signup-page-load-content .progress-text-payment {padding-left: 8px;}
}

@media (min-width: 331px) and (max-width: 360px) {
 .signup-page-load-content .progress-image-wrapper {margin-left: 20px; margin-right: 14px;}
 .signup-page-load-content .progress-text-wrapper {font-size: 8pt; padding-top: 5px;}
 .signup-page-load-content .progress-text-payment {padding-left: 10px;}
}
 
 
@media (min-width: 361px) {
 .signup-page-load-content .progress-image-wrapper {margin-left: 20px; margin-right: 14px;}
 .signup-page-load-content .progress-text-wrapper {font-size: 9pt; padding-top: 5px;}
 .signup-page-load-content .progress-text-payment {padding-left: 8px;} 
}


.signup-page-load-content .modal-dialog p {font-size: 9pt; line-height: 12pt; margin-bottom: 10px;}
.signup-page-load-content .modal-body h4 {color: #000000; font-size: 14pt; margin-top: 25px;}
.signup-page-load-content .modal-dialog .term-sub-padding {padding-left: 20px;}
.signup-page-load-content .modal-header .close {color: #ffffff; filter: alpha(opacity=100); opacity: 1;}

/*pricing*/
.plan {
    background-color: #ededee;
    border: 1px solid #e5e6e7;
    border-radius: 9px;
    min-height: 715px;
    margin-top: 70px;
}
.expand-button {
    display: none;
    font-size: 40px;
    cursor: pointer;
}
    .plan.special {
        padding-top: 20px;
		padding-bottom: 20px;
        margin-top: 50px;
        border: none;
        min-height: 755px;
        background-color: white;
        box-shadow: 10px 10px 10px rgba(0,0,0,0.05), -10px 10px 10px rgba(0,0,0,0.05);
    }

    .plan h2 {
        font-size: 32px;
        margin-bottom: 3px;
        margin-top: 22px;
        text-align: center;
    }

.additional {
    height: 11px;
    line-height: 11px;
    margin-bottom: 21px;
    color: #2274e5;
    text-align: center;
}

/*.price {
    margin: 0 auto;
    width: 115px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-radius: 12px;
    border: 1px solid #cdcdcf;
    color: #26272d;
    font-size: 11px;
    margin-bottom: 7px;
}*/
.plan.enterprise .price-note {
    height: 76px;
    font-size: 20px;
    width: 156px;
    margin: 0 auto;
    line-height: inherit;
    margin-top: 34px;
    margin-bottom: 0px;
}
.enterprise-phone {
    font-size: 16px;
    color: #26292c;
    margin-top: 5px;
}
    .enterprise-phone i {
        color: #6fc754;
        font-size: 24px;
        vertical-align: middle;
        margin-right: 7px;
    }
.price-note {
    height: 13px;
    margin-bottom: 27px;
    color: #8c8f94;
    line-height: 18px;
}
.plan-name .enterprise-phone {
    display: none;
}
/*.plan-price .get-started-button {
    display: none;
}*/
.get-started-button {
    margin-bottom: 8px;
    width: 202px;
    background-color: #ffffff;
    color: #333333;
	border: 1px solid #D0D0D0 !important;
    height: 42px;
}

/*.plan.special .get-started-button{
    background-color: #2274e5;
    color: white;
}*/


.price-desc {
    height: 13px;
    margin-bottom: 9px;
    color: #8c8f94;
    line-height: 13px;
}


.price-detail {
	text-align: center;
	color: #ffffff;
	font-size: 9pt;
	height: 18px;
}	

@media (min-width: 993px) {
	.plan-features-wrapper {
		min-height: 370px;
	}
}
.plan-features {
    padding-left: 0;
}

    .plan-features li {
        padding-top: 10px;
        padding-bottom: 8px;
        list-style-type: none;
        font-size: 14px;
        color: #333333;
    }

        .plan-features li::after {
            content: '';
            width: 100px;
            height: 1px;
            background-color: #ccc;
            display: block;
            margin: 0 auto;
            position: relative;
            bottom: -8px;
        }

        .plan-features li:last-child::after {
            content: none;
        }

		
.plan-price {
	margin-top: 10px;
	margin-bottom: 6px;
}		
		
span.unlimited {
    display: block;
    height: 11px;
    margin-bottom: 4px;
}

.switch {
    position: relative;
    height: 50px;
    width: 258px;
    border: 1px solid #c8c9ca;
    margin: 0 auto;
    border-radius: 40px;
    margin-top: 40px;
    padding: 3px;
}

.switch-input {
    display: none;
}

.switch-label-off {
    margin-right: 2px;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    height: 42px;
    vertical-align: middle;
    line-height: 42px;
    width: 124px;
    text-align: center;
    cursor: pointer;
    color: #a2a3a5;
    font-size: 16px;
}

.switch-input:checked + .switch-label {
    color: #26292c;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.switch-selection {
    display: block;
    position: absolute;
    height: 42px;
    vertical-align: middle;
    line-height: 42px;
    width: 124px;
    left: 3px;
    border-radius: 40px;
    z-index: 1;
    background-color: white;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.05), -10px 10px 10px rgba(0,0,0,0.05);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 128px;
}
/*features page*/
.features {
    margin-top: 36px;
}
.feature {
    /*display: table;*/
    margin-bottom: 82px;
    height: 353px;
}
    .feature:after {
        clear: both;
    }
    .feature img.m {
        display: none;
    }
.feature h4 {
    font-weight: bold;
        margin-bottom: 21px;
}
.feature-desc {
    /*display: table-cell;*/
    width: 50%;
    vertical-align: top;
}
.feature-icon {
    /*display: table-cell;*/
    width: 50%;
    vertical-align: top;
    text-align: center;
}
.feature-desc-text {
    font-weight: bold;
}
    .feature:nth-child(2n+1) .feature-icon {
        float: right;
    }
    .feature:nth-child(2n) .feature-desc {
        /*width: 100%;*/
        float: right;
    }
    .feature:nth-child(2n) .feature-icon {
        float: left;
        margin-top: 15px;
        margin-bottom: 50px;
    }
.feature:nth-child(2n) > div:first-child {
    padding-right: 115px;
}
.feature:nth-child(2n) > div:last-child {
    padding-right: 100px;
    padding-left: 16px;
}
.feature:nth-child(2n + 1) > div:first-child {
    padding-right: 100px;
    padding-left: 32px;
}
.feature:nth-child(2n + 1) > div:last-child {
    padding-right: 115px;
}
.feature-notification {
    height: 410px;
    margin-bottom: 99px;
}
.feature-notification img {
    margin-top: 3px;
}    
.feature-enrolment {
    margin-bottom: 90px;
}
    .feature.feature-enrolment div.feature-icon {
        margin-top: 7px;
    }
.feature-recruitment {
    height: 399px;
    margin-bottom: 85px;
}
    .feature.feature-recruitment div.feature-icon {
        margin-top: 5px;
    }
.feature-progression {
    height: 305px;
}
.feature.feature-progression div.feature-icon {
    margin-top: 11px;
}
input.switching-feature {
    display: none;
}
label.switching-feature {
    font-weight: normal;
    margin-bottom: 0;
    cursor: pointer;
	line-height: 46px;
}
label.switching-feature:before {
    content: '';
    width: 36px;
    height: 36px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 11px;
}
input.switching-feature+label.switching-feature {
    color: #b1b1b4;
}
input.switching-feature+label.switching-feature:before {
    background-image: url('/Content/images/plan-switch-off.png');
}
input.switching-feature:checked+label.switching-feature {
    color: #333333;
}
/*input.switching-feature:checked+label.switching-feature:before {
    background-image: url('/Content/images/switch-on2.png');
}*/
input.switching-feature-basic:checked+label.switching-feature-basic:before {
    background-image: url('/Content/images/plan-switch-on-basic.png');
}
input.switching-feature-premium:checked+label.switching-feature-premium:before {
    background-image: url('/Content/images/plan-switch-on-premium.png');
}
input.switching-feature-corporate:checked+label.switching-feature-corporate:before {
    background-image: url('/Content/images/plan-switch-on-corporate.png');
}

.noselect {
	-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; /* Non-prefixed version, currentlysupported by Chrome and Opera */
}








@media (max-width: 992px) {
    .plans .col-md-3 {
        width: 100%;
    }
    .plan, .plan.special {
        min-height: inherit;
        padding-top: 0;
		padding-bottom: 0;
        margin-top: 20px;
    }
        .plan.special {
            border: 1px solid white;
        }
    .expand {
        display: none;
    }
    .plan h2 {
        display: inline-block;
        margin-top: 22px;
        margin-left: 35px;
        margin-right: 10px;
    }
    .plan-name {
        margin-bottom: 11px;
        position: relative;
    }
        .plan-name .enterprise-phone {
            display: block;
            position: absolute;
            right: 28px;
            top: 29px;
            margin-top: 0;
        }
    .plan-price {
        margin-bottom: 10px;
        position: relative;
    }
    .plan.enterprise .plan-price {
        margin-bottom: 27px;
        margin-top: 13px;
    }
    .plan.enterprise .price-note {
        width: 280px;
        text-align: left;
        margin-top: 0;
        margin-left: 35px;
        height: auto;
    }
    .additional {
        margin-bottom: 0;
        margin-top: 5px;
        display: inline-block;
    }
    /*.price {
        display: inline-block;
        margin-left: 35px;
        margin-right: 3px;
    }*/
    .text-center.price-note {
        display: inline-block;
    }
    .expand-button {
        display: block;
        position: absolute;
        right: 28px;
        top: 10px;
    }
    /*.plan-price .get-started-button {
        display: block;
        position: absolute;
        right: 28px;
        top: 6px;
        width: auto;
        margin-bottom: 0;
        text-decoration: underline;
    }*/
    .plan .expand-button .close-btn {
        display: none;
    }
    .plan.open .expand-button .open-btn {
        display: none;
    }
    .plan.open .expand-button .close-btn {
        display: block;
    }
    
	/*.plan.open .expand {
        display: block;
    }*/
	
	.plan .plan-features-wrapper {
		display: none;
	}
	
	.plan.open .plan-features-wrapper {
		display: block;
	}
	
	.plain-api-trial {
		display: none;
	}
	
    span.unlimited.empty {
        display: none;
    }
    .price-desc.empty {
        height: 0;
    }
    .plan .button-wrapper {
        padding-left: inherit;
        padding-right: inherit;
    }
}
@media (max-width: 405px) {
    .plan-name .enterprise-phone {
        position: relative;
        right: 0;
        top: 0;
        float: right;
        margin-right: 29px;
    }
    /*.plan-price .get-started-button {
        position: relative;
        right: 0;
        top: 0;
        width: auto;
        float: right;
        margin-right: 28px;
    }*/
}/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */