/* here you can put your own css to customize and override the theme */
.about-header  {
    background-color: white;
    background-image: none;
}

.about-header h1 {
    color: #000;
}

.about-header h2 {
    color: black;
}

/*.page-header .page-header-menu {
    background: #283592;
}*/

.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {
    color: white;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
    background: #131f73;
}

.btn-join {
    background-color: #c12157 !important;
    border: 1px solid #c12157 !important;
    color: white !important;
}

.btn-join:hover {
    background-color: #c12157 !important;
    border: 1px solid #c12157 !important;
}

.theme-font {
     color: #c12157 !important;
}

.login {
    background-color: white;
}

.login a {
    color: #283592 !important;
}

.login .content .form-control {
    background-color: #ffffff;
    color: #999999;

}

.login .content .mt-checkbox {
    color: #283592 !important;
}

.login .form-title {
    color: #283592 !important;
}

.page-wrapper .page-wrapper-middle {
    background: white !important;
}

.about-header {
    height: 350px;
}

.about-header h1 {
    margin-top: 80px;
}

.card-icon i {
    border: 0px;
}

.card-desc {
    margin-bottom: 55px;
}

.page-prefooter a, .page-prefooter h2 {
    color: #eee;
}

.page-prefooter .subscribe-form .btn {
    background-color: #c12157 !important;
    border: 1px solid #c12157 !important;
    color: white !important;
}

.page-prefooter .subscribe-form .form-control {
    background: #eee;
    border-color: #eee;
}

.bg-white {
    background-color: white;
}

.bg-light {
    background-color: #eff3f8;
}

.f-24 {
    font-size: 24px !important;
}

/*** Media Queries ***/

@media (min-width: 992px) {
    .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}

@media (max-width: 480px) {
    .about-header h1 {
    font-size: 36px;
    }
}

/* Parsley Validation */
.parsley-errors-list {
    margin-top: 4px;
    padding: 0;
}
.parsley-errors-list li {
    padding: 0;
    list-style: none;
    color: #cc0000;
}
.parsley-error {
    border-color: #c00 !important;
}
.parsley-errors-list{
    margin: 0px 0px 0px 0px !important;
}
.required{
    color: #e9322d;
}
.display-none{
    display: none;
}

.p-t-20{
    padding-top: 20px !important;
}
.p-t-7{
    padding-top: 7px !important;
}
.cursor{
    cursor: pointer;
}
.h-75 {
    height: 75px;
}

/*.page-header .page-header-menu {
    background: #283592;
}*/

.lock-avatar-block {
   line-height: 6em;
}

.login .content{
    margin: 0px auto;
}
.black{
    color:#000
}
.securing_link{
    color:#666666
}

.page-prefooter .subscribe-form .btn {
    background-color: #22313F !important;
    border: 1px solid #22313F !important;
    color: white !important;
}
.width-100-per{
    width: 100% !important;
}
.f-w-400{
    font-weight: 400 !important;
}
.p-0{
    padding: 0px !important;
}
.b-b {
    border-bottom: 1px solid rgba(0, 20, 35, 0.07);
}
.text-shadow-none{
    text-shadow: none !important;
}
.min-h-500px{
    min-height: 500px;
}
.min-h-300px{
    min-height: 300px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.home-container{
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
}
.aliceblue{
    background-color: aliceblue !important;
}
.h-0{
    height: 0px !important;
}
.page-prefooter h2{
    font-weight: 100 !important;
}
.p-10{
    padding: 10px;
}
.z_index1{
    z-index: 1 !important;
}
.login .content .form-control::-moz-placeholder{
    color: #ccc
}
.c-black{
    color: #000 !important;
}
.c-red{
    color: red !important;
}
.c-green{ 
    color: green !important;
}

.f-300{
  font-weight: 300 !important;
}
.m-r-0{
    margin-right: 0px !important;
}
.m-r-10{
    margin-right: 10px !important;
}

.m-r-20{
    margin-right: 20px !important;
}
.m-t-0{
    margin-top: 0px !important;
}
.c-gray{
    color: gray;
}
.link_disabled{
    background-color:#E5E5E5;
}
.f-16{
    font-size: 16px;
}
.f-14{
    font-size: 14px;
}

.b-c-gainsboro{
    background-color: gainsboro;
}
.border-1{
    border: 1px solid gainsboro !important;
}

.b-r-1{
    border-radius: 1px;
}
.text-left{
    text-align: left !important;
}

.m-l-10{
    margin-left: 10px !important;
}

.text_upper{
    text-transform: uppercase;
}
.min-h-450px{
    min-height: 450px !important;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-top-30{
    margin-top: 30px;
}
.overflow-visible{
    overflow: visible !important;
}

.padding{
    padding: 30px !important;
}
.top-0{
    top:0 !important;
}

.left-0{
    left:0 !important;
}

.h-25{
    height: 25px !important;
}
.w-25{
    width: 25px !important;
}
.m-l-0{
    margin-left: 0px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}

.p-l-10{
    padding-left: 10px !important;
}
.p-l-30{
    padding-left: 30px !important;
}

.p-l-60{
    padding-left: 60px !important;
}
.p-l-100{
    padding-left: 100px !important;
}

.vertical_bottom{
    vertical-align: bottom !important;
}
.f-small{
    font-size: small !important;
}
.no_records{
    text-align: center;
}
.p-t-7{
    padding-top: 7px;
}

.page-breadcrumb{
    font-size: 12px !important;
}

.f-w-bold{
    font-weight: bold !important;
}
.m-t-10{
    margin-top: 10px;
}
.note-info > p { font-size: 14px !important;}

.f-15{ font-size: 15px !important;}
.f-17{
    font-size: 17px !important;
}
.f-20{ font-size: 20px;}
.font-red { color: red !important;}

.pricing-table .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 12px 10px;
}
.pricing-table .table  .text-success {
    color: green !important;
}
.pricing-table .btn.purple {border-radius: 4px !important; background: #8E44AD !important; border-color: #8E44AD!important;}
.pricing-table .btn.purple:hover {background-color: #703688 !important; border-color: #6a3381 !important;}

.light-blue{background-color: aliceblue !important;}

.btn.green-meadow{border-radius: 4px !important;}
.callout{border: 2px dashed #028AF4;background: #fff;padding: 20px; margin:  20px auto; text-align: center; padding-bottom: 30px;}
.callout .btn.purple {margin-top: 10px;}
.callout h3 {margin: 10px 0 20px 0;}
.resize-none{resize:none}
.span_message{color: #d01515;}

.ui-autocomplete
{
    float : left; 
    clear : both; /* make sure it doesn't pull the next line up next to it */
    position : relative;  /* z-index will not work without this */
    z-index : 50;
    list-style : none;
    background-color: #e0e0e0;
    border: solid 1px lightblue;
    text-align : left;
    overflow-y : scroll;
    max-height : 100px;
    margin : 0px; /* pull the list items over the left edge */
    padding : 0px;
}

.payment-option {padding: 45px 0;font-family: 'robotolight';}
.payment-option .row{border-top: 1px #ededed solid; padding: 20px 0;}
.payment-option  p{margin-bottom: 0; line-height: 25px; font-size: 17px; }
.payment-option .row .btn-outline-primary{min-width: 200px; float: right;}
.payment-option .row:last-child{border-bottom: 0;}
@media (max-width:600px) {
    .payment-option .row .btn-outline-primary {
        float: none !important;
    }
}
p.smalls{font-size: 98% !important; color: #777777; margin-bottom: 15px !important;}