﻿


/*----------------------------------------------------------
ASP.NET MVC FRAMEWORK DEFAULT CSS CLASS NAMES
----------------------------------------------------------*/
.error, .field-validation-error {
    color: #AA0000
}

.input-validation-valid, .field-validation-valid, .validation-summary-valid {
    display: none
}

.input-validation-error {
    background-color: #fee;
    border: 1px solid red;
    outline: none
}

.select2-container--default .select2-selection--single .input-validation-error {
    background-color: #fee;
    border: 1px solid red;
    outline: none
}

.input-validation-error:focus {
    outline: none
}

input[type="text"].input-validation-error:focus, select.input-validation-error:focus {
    outline: none
}

.validation-summary-errors {
    background-color: #ffc9bb;
    /*border: 1px solid #AA0000;*/
    border-radius: 15px;
    margin-bottom: 12px;
    padding: 10px;
    /*color:red*/
}

.validation-summary-errors span {

}

.validation-summary-errors ul {
    list-style: disc inside;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.validation-summary-errors ul li {
    font-weight: normal;
    color: #AA0000;
}

.validation-summary-errors ul li label, .validation-summary-errors ul li span {
    display: inline !important;
    font-weight: normal
}

.validation-summary-alert {
    background-color: #FFFFCC;
    /*border: 1px solid #AA0000;*/
    border-radius: 15px;
    margin-bottom: 12px;
    padding: 10px;
    /*color:red*/
}

.validation-summary-alert span {

}

.validation-summary-alert ul {
    list-style: disc inside;
    margin-top: 5px;
    margin-bottom: 5px;
}

.validation-summary-alert ul li {
    font-weight: normal;
    color: #AA0000;
}

.validation-summary-alert ul li label,
.validation-summary-alert ul li span {
    display: inline !important;
    font-weight: normal
}

/*  success */

.validation-summary-success {
    background-color: #d9ffb2;
    /*border: 1px solid #24B300;*/
    border-radius: 15px;
    margin-bottom: 12px;
    padding: 10px;
    line-height: 12px;
}

.validation-summary-success span {
    font-weight: normal;
    color: #008F00;
    line-height: 200%;
    padding: 10px;
}

.validation-summary-success ul {
    list-style: disc inside;
    margin-top: 5px;
    margin-bottom: 5px;
}

.validation-summary-success ul li {
font-weight: normal;
color: #008F00;
}

.validation-summary-success ul li label,
.validation-summary-success ul li span {
display: inline !important;
font-weight: normal
}
 
/*
.login-box {
    max-width: 500px;
}
*/

.register-content {
    position: absolute; /*:fixed;*/
    height: auto;
    padding: 1% 0% 20% 0%;
}

/* Medium devices (tablets, 768px and up) */
/*@media (min-width: 768px) and (max-width: 991.98px) {*/
@media (min-width: 768px) {
    .login-box
    {
        width: 600px;
        max-width: 600px;
    }

}



form label {
    font-weight: bold;
    font-size: .9rem;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

@media( min-width: 992px) {
  .modal-lg {
    max-width: 992px;
  }
}


/*****/



.pricing ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.pricing li::-moz-selection {
    background: #f36233;
    text-shadow: none;
    color: #ffffff;
}

.pricing li::selection {
    background: #f36233;
    text-shadow: none;
    color: #ffffff;
}


.inner {
    width: 100%;
    float: left;
    position: relative;
}



.pricingTable .holder {
    background: #fff;
    box-shadow: 1px 20px 12px -15px rgba(0,0,0,0.2);
    padding: 40px 15px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.05);
    transition: 0.5s ease;
}

.pricingTable .holder:hover {
    transform: translateY(-5px);
}



.pricingTable .holder .hdng p {
    font-size: 28px;
    font-weight: bold;
    color: #242526;
}

.pricingTable .holder .img img {
    width: 70%;
}

.pricingTable .holder .price p {
    color: #f36233;
    margin-bottom: 25px;
}

.pricingTable .holder .price p b {
    font-size: 40px;
    font-weight: bold;
}

.pricingTable .holder .price p span {
    font-size: 18px;
}

.pricingTable .holder .info p {
    margin-bottom: 15px;
    color: #242526;
    font-weight: 14px;
}

.pricingTable .holder.active {
    background: #f36233;
}

.pricingTable .holder.active .hdng p,
.pricingTable .holder.active .price p,
.pricingTable .holder.active .info p {
    color: #fff;
}

.pricingTable .holder.active .readon {
    background: #fff;
    color: #f36233 !important;
}

.pricingTable .holder.active .readon:hover {
    background: #242526;
    color: #fff !important;
}

.pricingTable .tabsBtnHolder ul {
    float: left;
    display: block;
    width: 100%;
    max-width: 326px;
    border-radius: 1.6666666667rem;
    margin: 0px auto;
    margin-bottom: 40px;
    background: #f36233;
    text-align: center;
    position: relative;
}

.pricingTable .tabsBtnHolder ul li {
    float: left;
    width: calc(100% / 2);
    display: inline-block;
    transition: 0.4s ease;
}

.pricingTable .tabsBtnHolder ul li p {
    color: #fff;
    padding: 10px 15px;
    z-index: 10;
    position: relative;
    cursor: pointer;
}

.pricingTable .tabsBtnHolder ul li p.active {
    color: #f36233;
}

.pricingTable .tabsBtnHolder ul li.indicator {
    position: absolute;
    top: 50%;
    left: 2px; /*163px*/
    background: #fff;
    height: calc(100% - 4px);
    transform: translateY(-50%);
    border-radius: 1.5333333333rem;
    width: 161px;
    z-index: 9
}
