body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 396px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.breadcrumb {
    background-color: transparent;
    padding-top: 12px;
    padding-left: 0px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

    .footer .container {
        background-color: #f5f5f5;
    }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    /*padding: 60px 15px 0;*/
    padding: 0px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.text-muted span {
    cursor: pointer;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.btn-secret {
    color: #000000;
    background-color: #FFC400;
    border-color: #DEB01B;
}

    .btn-secret:hover,
    .btn-secret:focus,
    .btn-secret:active,
    .btn-secret.active,
    .open .dropdown-toggle.btn-secret {
        color: #000000;
        background-color: #F5BD07;
        border-color: #DEB01B;
    }

    .btn-secret:active,
    .btn-secret.active,
    .open .dropdown-toggle.btn-secret {
        background-image: none;
    }

    .btn-secret.disabled,
    .btn-secret[disabled],
    fieldset[disabled] .btn-secret,
    .btn-secret.disabled:hover,
    .btn-secret[disabled]:hover,
    fieldset[disabled] .btn-secret:hover,
    .btn-secret.disabled:focus,
    .btn-secret[disabled]:focus,
    fieldset[disabled] .btn-secret:focus,
    .btn-secret.disabled:active,
    .btn-secret[disabled]:active,
    fieldset[disabled] .btn-secret:active,
    .btn-secret.disabled.active,
    .btn-secret[disabled].active,
    fieldset[disabled] .btn-secret.active {
        background-color: #FFC400;
        border-color: #DEB01B;
    }

    .btn-secret .badge {
        color: #FFC400;
        background-color: #000000;
    }

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
    border-bottom: solid 1px #ddd;
}

.fixed-table-container {
    border: none;
}

.fixed-table-body {
    overflow-x: unset !important;
    overflow-y: unset !important;
}

/*.clearfix:after, form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/

.dblistitem {
    /*padding-left:4px;*/
}

.border {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}

.border-bottom {
    border-bottom: 1px solid #d3d3d3;
}

.spinner {
    width: 60px;
    display: inline-table;
}

    .spinner input {
        text-align: right;
    }

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
    }

        .input-group-btn-vertical > .btn:first-child {
            border-top-right-radius: 4px;
        }

        .input-group-btn-vertical > .btn:last-child {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    .input-group-btn-vertical i {
        position: absolute;
        top: 0;
        left: 4px;
    }

.no-border {
    border: none;
    box-shadow: none;
    display: inline-block;
}

.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.text-bold {
    font-weight: bold;
}

.modal-body {
    position: relative;
    padding: 15px 26px;
}

.modal {
    overflow: auto !important;
}

a[aria-expanded=true] .fa-chevron-right {
    display: none;
}

a[aria-expanded=false] .fa-chevron-down {
    display: none;
}

.acollapse {
    color: #333;
    cursor: pointer;
}

h3 {
    margin-top: 5px !important;
}


.navbar-brand .logofirst:hover {
    color: #f5bd07;
}


.navbar-brand {
    padding: 0px;
}

    .navbar-brand > img {
        height: 50px;
        padding: 6px;
        width: auto;
        display: inline-block;
    }

.over-200 {
    width: 196px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.over-300 {
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.fa-22px {
    font-size: 22px;
}

.fa-padding {
    padding-left: 8px;
}

.CodeMirror {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}


.logogxl div {
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    background-color: #f5bd07;
    content: " ";
}

    .logogxl div div {
        width: 48px;
        height: 6px;
        display: block;
        box-sizing: border-box;
        background-color: #808080;
        content: " ";
        margin-top: 10px;
    }

.logogxl {
    margin: 6px;
 
    vertical-align: middle;
    border-radius: 6px;
    width: 68px;
    height: 68px;
    display: inline-block;
    box-sizing: border-box;
    background-color: #808080;
    content: " ";
    padding: 10px;
}



.logofirstxl {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    letter-spacing: 0.05rem;
}

    .logofirstxl:hover {
        color: #f5bd07;
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0.05rem;
    }
.logotextxl {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    letter-spacing: 0.05rem;
}


.logo24 {
    background: url(../content/24x24.png);
    width: 24px;
    height: 24px;
    display: inline-block;
}

.logog div {
    width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    background: #f5bd07;
    content: " ";
}


    .logog div div {
        width: 30px;
        height: 4px;
        display: block;
        box-sizing: border-box;
        background: #808080;
        content: " ";
        margin-top: 6px;
    }

.logog {
    margin: 6px;
    vertical-align: middle;
    border-radius: 2px;
    width: 38px;
    height: 38px;
    display: inline-block;
    box-sizing: border-box;
    background: #808080;
    content: " ";
    padding: 4px;
}

.logofirst {  
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;  
}

    .logofirst:hover {     
        font-size: 24px;
        color: #f5bd07;
        display: inline-block;
        vertical-align: middle;     
    }

.logotext {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}






.cp-spinner {
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    position: relative;
}

.cp-flip {
    transform-style: preserve-3d;
    perspective: 10em;
}

    .cp-flip:before {
        border-radius: 8px;
        width: 48px;
        height: 48px;
        display: inline-block;
        box-sizing: border-box;
        background: #f5bd07;
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        animation: cp-flip-animate-before 6s linear infinite;
    }

@keyframes cp-flip-animate-before {
    0% {
        transform: rotateY(0) rotateX(0);
    }

    25% {
        transform: rotateY(360deg) rotateX(0);
    }

    50% {
        transform: rotateY(360deg) rotateX(360deg);
    }

    75% {
        transform: rotateY(0) rotateX(360deg);
    }

    100% {
        transform: rotateY(0) rotateX(0);
    }
}


.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.run-general > div.form-group {
    margin-bottom: 0px !important;
}

.spinner10px {
    margin-bottom: 10px;
}

.homesection {
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.fpr > a {
    padding-right: 8px;
}


.btn-facebook {
    background: #305c99;
    color: #fff;
}

.btn-google:hover {
    background: #b22222;
    color: #fff;
}

.btn-facebook:hover {
    background: #2b4db1;
    color: #fff;
}

.btn-twitter:hover {
    background: #007bb6;
    color: #fff;
}

.btn-twitter {
    background: #00cdff;
    color: #fff;
}

.btn-google {
    background: #d24228;
    color: #fff;
}

#socialLoginForm button {
    max-width: 351px;
    margin-bottom: 10px;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: #3c763d;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.sbst span {
    background: #d5d5d5;
    margin: -7px 7px 0 0;
    color: #fff;
    display: inline-block;
    padding-right: 1px;
    border-radius: 50%;
    font-size: 16px;
    min-width: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}

.selecttdiv {
    padding: 10px 20px;
}

.sublabeldate {
    display: inline-block;
    margin-top: 8px;
}
#progress-bar-text {
color:#000;
font-weight: bold;
margin-left:2px;
}
.progress {
    background-color:#b3b3b3;
}

/*.progress-bar {
    background-color:#449d44;
}*/

.sublabeldateval {
    font-weight: bold;
    float:right;
     margin-top: 8px;
}

.discount {
    margin-top: 10px;
    margin-bottom: 10px;
}

.total-price {
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
}

#totalPriceText {
    margin-top: 20px;
    font-weight: 700;
}
.discount-color {
  color: #3c763d;}
.discount-price {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    text-align: right;
    width: 63px;
}

.extra-price {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: crimson;
    display: inline-block;
    text-align: right;
    width: 63px;
}

#ordersummaryspan {
    font-size: 14px;
}

.promo {
    margin-bottom: 4px;
}

.promoinput {
    max-width: 210px;
}
.contreed .card-wrapper-message{
 text-align:left!important;
}

.card-wrapper-message{
    text-align:center;
    display:block;
    color:#b22222;
    padding:4px;
    font-weight:bold;
}
.admintool{
    margin-bottom:0px;
}
/*@media (max-width: 1200px) {
    body{
       padding-top:100px!important;
    }
   
}
@media (max-width: 767px) {
     body{
       padding-top:50px!important;
    }
}*/

       .single-pricing-box {
        border: 1px solid #e0e0e0;
        padding: 20px;
        -webkit-transition: .2s;
        transition: .2s;
    }


        .single-pricing-box h3 {
            padding: 10px;
            font-weight: 500;
        }

    .proe {
        border-top: 4px solid #40a4f4
    }

    .stane {
        border-top: 4px solid #8255f5
    }

    .single-pricing-box .prcom-light {
        color: #9e9e9e;
        margin-bottom: 32px;
    }

    .pricing-list {
        margin-top: 32px;
        margin-bottom: 25px;
        text-align: left;
    }

        .pricing-list ul {
            line-height: 26px;
            list-style: outside none none;
            margin: 0;
            padding: 0 0 0 0px;
        }

            .pricing-list ul li {
                font-size: 15px;
                -webkit-transition: all 0.2s ease 0s;
                transition: all 0.2s ease 0s;
            }


    .single-pricing-box h3.pricing-count {
        text-transform: none;
    }
.actioncol button { margin-bottom:4px;
}

.nav > li > a {
        padding: 15px 15px 10px 8px !important;
}