.subheader {
    margin-top: 100px;
    margin-bottom:0;
    padding-bottom:10px;
}

.inline_block_middle {
    display: inline-block;
    vertical-align: middle;
}


.m-l-15 {
    margin-left: 15px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-l-m15 {
    margin-left: -15px;
}
.m-r-m15 {
    margin-right: -13px;
}

input#app_search {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}
#app_search::-webkit-input-placeholder {
    color: #FFF !important;
}

#app_search input:-moz-placeholder { /* Firefox 18- */
    color: #FFF !important;
}

#app_search input::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF !important;
}

#app_search input:-ms-input-placeholder {
    color: #FFF !important;
}

.progress-bar {
    font-size: 14px;
}



#lobilist-list-0 .lobilist-footer, #lobilist-list-1 .lobilist-footer, #lobilist-list-2 .lobilist-footer {
    display: none;
}

.lobilists.single-line {
    height: 100%;
}

.lobilists.single-line .lobilist-placeholder, .lobilists.single-line .lobilist-wrapper {
    width: 48%;
}

.modal-content {
    max-width: 750px;
    margin: auto;
}
#selectAppsModal .lobilist-body {
    max-width: 99%;
}
#selectAppsModal .app-icon {
    width: 100%;
    max-width: 50px;
}

#lobilist-list-0 {
    width:100%;
    float:left;
    min-height: 420px;
}

.lobilist {
    max-height: 400px !important;
}

.number_of_users {
    width: 100px;
    float:right;
    padding-left: 10px;
    padding-right: 10px;
}

.calculated_prices_bar {
    background-color: #FFF;
    color: #000;
    margin-bottom: 25px;
}

.panel-body {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;

}


#formCalculator {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.panel-heading {
    background-color: #FFF;
}

.panel-heading:hover {
    background-color: rgba(153, 153, 153, 0.11) !important;
}

.panel-heading.active:hover {
    background-color: rgb(231, 242, 248) !important;
}

#headingOne, #headingTwo, #headingThree {
    background-color: #FFF;
    padding-bottom: 0;
}


.panel-title a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
}

.panel-title_other {
    font-family: "ProximaNovaBold";
    font-size: 20px;
    text-decoration: none;
    color: #000;
}


.panel-title .service_title {
    font-size: 42px;
    color: #2668A7;
    font-family: "ProximaNovaBold";
}

.fancy-incrementor-input-container {
    width: 120px;
    margin-left: 20px;
}

.fancy-incrementor-input-container .input-group-btn {
    position: inherit;
}

.fancy-incrementor-input-container_small {
    width: 97px;
    margin-left: 20px;
    margin-right: 20px !important;
}

.fancy-incrementor-input-container_small button {
    display: inline;
}

.fancy-incrementor-input-container_small .glyphicon {
    font-size: 12px !important;
}

.fancy-incrementor-input-container_small .input-group-btn {
    position: inherit;
}

.fancy-incrementor-input-container_small .input-number {
    height: 35px;
    font-size: 25px;
    width: 70px !important;
}

.fancy-incrementor-input-container_small .btn-number {
    height: 35px !important;
}

.summary_panel {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.summary-pricing {
    font-size: 18px;
    /* font-family: "ProximaNovaBold"; */
    color: #adadad;
}

.price_per_user, .price_per_month {
    font-size: 42px;
    color: #0986c0;
    /* font-family: "ProximaNovaBold"; */
}

.navigation_button {
    font-size: 22px;
    font-family: "ProximaNovaBold";
}

#configurator-step2-content .list-group-item, #configurator-step3-content .list-group-item {
    border: none;
}


input.to-labelauty-icon + label { display: inline-block; margin-right: 6px; }
input.to-labelauty-icon + label:last-child { margin-right: 0; }
input.labelauty + label { font-size: 11px; }

.fancycheckbox {
    display: inline-block;
    padding-left: 55px;
    padding-right: 11px;
}

.panel-title-content {
    padding-left: 10px;
    padding-bottom: 16px;
    margin-left: 70px;
    display: inline-block;
}

.panel-title {
    padding-top: 5px;
    padding-bottom: 5px;
}

.input-number, #suredesk_computes {
    height: 50px;
    font-size: 42px;
    width: 100px !important;
    text-align: center;
    font-family: "ProximaNovaBold";
}

#suredesk_computes {


    border: 1px solid #ccc;
    border-radius: 4px;

    color: #0986c0;
}

.btn-number {
    display:block;
    height: 25px !important;
    color: rgba(85, 85, 85, 0.58);
    font-family: "ProximaNovaBold";
    padding-left: 5px;
    padding-right: 5px;
}

.btn-number:hover {
    background: #CCC;
}

.fancy-incrementor-input-container input {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0986c0;
    text-align: center;
}

.btn-number .glyphicon {
    font-size: 15px;
}

.incrementor_note {
    display: none;
}

.btn-myapps, .btn-allapps {
    font-family: "ProximaNovaBold";
    font-size: 16px;
    background-color: #d9edf7;
    border: 1px solid #9d9d9d;
    color: #555;
}

.btn-myapps:hover, .btn-allapps:hover {
    background-color: #dde7f7;
    color: #555;
}

.btn-myapps.active, .btn-allapps.active {
    background-color: #5cb85c;
    color: #FFF;
}



.solution_summary {
    list-style-type: none;
    padding-left: 0;
}


.incrementor_caption_text {
    text-align: center;
    margin-top: 4px;
    display: block;
    color: #9e9d9d;
}

.suredesk_incrementor_caption_text {
    position: absolute;
    height: 50px;
    width: 256px;
}

#suredesk_calculated_price, #surefilesanywhere_calculated_price {
    display: none;
}

.modal-header button span {
    font-size: 41px;
}

.modal-title {
    display: inline;
    font-size: 32px;
    font-family: "ProximaNovaBold";
    padding-left: 15px;
    vertical-align: middle;
    color: #2668A7;
}

.list-group-item.active {
   background-color: rgba(92, 184, 92, 0.15);
    color: #636363;
    border: 1px solid #ddd;
}

.list-group-item.active:hover {
    background-color: rgba(92, 184, 92, 0.15);
    color: #000;
    border: 1px solid #ddd;
}
.list-group-item:hover {
    background-color: rgba(221, 221, 221, 0.28);
    color: #000;
}

.list-group-item .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}


.app_list .lobilists .lobilist-item:hover {
    background-color: #d9edf7 !important;
}

.bg-info, .bg-info:hover {
    background-color: #d9edf7 !important;
}

.horizontal_list_item {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #636363;
}


.horizontal_list_item:first-child {
    padding-left: 15px;
}

.horizontal_list_item:last-child {
    padding-right: 15px;
}


.suremail_mini_container {
    padding-top: 9px;
    padding-bottom: 8px;
    font-size: 15px;
}

.popover_custom {
    color: #888888 !important;
}

#collapseTwo .list-group {
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-title-2 {
    margin-bottom: 18px;
}

.first_month_pricing_area {
    display: none;
}

#alertscontainer {
    margin-top: 50px;
}

#configurator-step3-content .first_month_special_price, #configurator-step3-content .price_per_month {
    margin-left: 10px;
}

.social_bar {
    margin-top: 15px;
}
.social_bar a img {
    height: 35px;
}

#collapseOne .col-sm-4 {
    padding: 10px;
}

@media all and (max-width: 991px) {
    .panel-title-content {
        margin-left: 0;
    }
}

@media all and (max-width: 768px) {
    #collapseOne .m-l-m15 {
        margin-left: 0;
    }
    #collapseOne .m-r-m15 {
        margin-right: 0;
    }
}

/* custom widths */
@media all and (max-width: 730px) {
    .panel-title .service_title {
        font-size: 22px;
    }
}

@media all and (max-width: 660px) {
    .panel-title-content {
        display: block;
        margin: 10px 0 0 9px;
    }

    #selectAppsModalLabel {
        font-size: 20px;
    }
    .lobilist-item-title span {
        font-size: 14px;
        text-align: center;
    }
    .lobilist-item-description {
        text-align: center;
    }

    input#app_search {
        width: 100%;
    }

    .input-number {
        vertical-align: middle !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .input-number, #suredesk_computes {
        line-height: 50px;
    }

}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    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;
}

#card-errors {
    margin-top: 20px;
    margin-left: 20px;
    color: #b9001a;
    font-size: 16px;
}