/*-------------------------------------------------------------------------------
    Component Specific Styles
-------------------------------------------------------------------------------*/
.image-wrapper {
    padding: 15px !important;
}

.logo-spacer {
    padding: 15px 0px 15px 0px;
}

.logo-wrapper {
    padding-top: 40px !important;
}

.product-image {
    height: 300px !important;
    width: 350px !important;
}

.direct-service-image {
    padding-top:10px;
    height: 250px !important;
    width: 250px !important;
}   

.spacer-welcome {
    margin-top: 155px;
}

.spacer-no-jumbtron {
    margin-top: 88px;
}

.icon-members {
    font-size: 40px;
}

.modal-backdrop {
    z-index:9 !important;
}

.btn-green {
    background-color: #00a46c !important;
    border-color: #00a46c !important;
}
/*-------------------------------------------------------------------------------
  ! Global Margins and Paddings
-------------------------------------------------------------------------------*/

/* Custom Margins & Paddings */
.m-0 {
    margin: 0px !important;
}

.p-0 {
    padding: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

/* 5px Margins & Paddings */
.m-5 {
    margin: 5px !important;
}

.p-5 {
    padding: 5px !important;
}

/* 5px Margins */
.m-t-5 {
    margin-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

/* 5px Paddings */
.p-t-5 {
    padding-top: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}


/* 10px Margins & Paddings */
.m-10 {
    margin: 10px !important;
}

.p-10 {
    padding: 10px !important;
}

/* 10px Margins */
.m-t-10 {
    margin-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}


/* 10px Paddings */
.p-t-10 {
    padding-top: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

/* 15px Margins & Paddings */
.m-15 {
    margin: 15px !important;
}

.p-15 {
    padding: 15px !important;
}

/* 15px Margins */
.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

/* 15px Paddings */
.p-t-15 {
    padding-top: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

/* 20px Margins & Paddings */
.m-20 {
    margin: 20px !important;
}

.p-20 {
    padding: 20px !important;
}

/* 20px Margins */
.m-t-20 {
    margin-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

/* 20px Paddings */
.p-t-20 {
    padding-top: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}



/* 25px Margins & Paddings */
.m-25 {
    margin: 25px !important;
}

.p-25 {
    padding: 25px !important;
}

/* 25px Margins */
.m-t-25 {
    margin-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

/* 25px Paddings */
.p-t-25 {
    padding-top: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

/* 30px Margins & Paddings */
.m-30 {
    margin: 30px !important;
}

.p-30 {
    padding: 30px !important;
}

/* 30px Margins */
.m-t-30 {
    margin-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

/* 45px Margins */
.m-t-45 {
    margin-top: 45px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

/* 50px Margins */
.m-t-50 {
    margin-top: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

/* 30px Paddings */
.p-t-30 {
    padding-top: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

/* 50px Paddings */
.p-t-50 {
    padding-top: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

/* 75px Paddings */
.p-t-75 {
    padding-top: 75px !important;
}

.p-b-75 {
    padding-bottom: 75px !important;
}

.p-l-75 {
    padding-left: 75px !important;
}

.p-r-75 {
    padding-right: 75px !important;
}




/* Negative Value Margin */
.m-l-n4 {
    margin-left: -4px !important;
}

/* Font Sizes */
.fs-20 {
    font-size: 20px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fsp-60 {
    font-size: 60% !important;
}

.fsp-65 {
    font-size: 65% !important;
}

.fsp-70 {
    font-size: 70% !important;
}

.fsp-75 {
    font-size: 75% !important;
}

.fsp-80 {
    font-size: 80% !important;
}

.fsp-85 {
    font-size: 85% !important;
}

.fsp-90 {
    font-size: 90% !important;
}

.fsp-95 {
    font-size: 95% !important;
}

.fsp-110 {
    font-size: 110% !important;
}

.fsp-120 {
    font-size: 120% !important;
}

.fsp-125 {
    font-size: 125% !important;
}

.fsp-135 {
    font-size: 135% !important;
}

.justify {
    text-align: justify !important;
}

.underlined {
    text-decoration: underline !important;
}

.op-7 {
    opacity: 0.7 !important;
}

.input-error {
    color: #f55753;
}

.text-yellow {
    color: #CCCC00;
}

.text-violet {
    color: #8A2BE2;
}

.text-blue {
    color: #1E90FF;
}

.text-red {
    color: #DC143C;
}

.text-dark-red {
    color: #bb0025e0;
}

.text-dark-gray {
    color: #262626;
}

.text-green {
    color: #00a46c;
}

.bg-4pmsi-dark {
    background-color: #046947 !important;
}

.bg-4pmsi {
    background-color: #00a46c !important;
}

.bg-yellow {
    background-color: #CCCC00 !important;
    color: #4d4d02 !important
}

.bg-violet {
    background-color: #8A2BE2 !important;
    color: #ecdefa !important;
}

.bg-blue {
    background-color: #1E90FF !important;
    color: #d9eafa !important;
}

.bg-red {
    background-color: #DC143C !important;
    color: #d4c3c6;
}

.bg-dark-gray {
    background-color: #262626 !important;
    color: #ffffff !important;
}


.alert-yellow {
    background-color: #CCCC00;
    border-color: #69690c;
    color: #4d4d02
}

.alert-violet {
    background-color: #8A2BE2;
    border-color: #450482;
    color: #ecdefa
}

.alert-blue {
    background-color: #1E90FF;
    border-color: #002c57;
    color: #d9eafa
}

select#gender-selector {
    border: 0px;
    outline: 0px;
}

.datepickers {
    position: relative !important;
    z-index: 9999 !important;
}

.icon {
    font-size: 500%;
}

.border-4pmsi {
    border-color:  #00a46c;
    border-width: 1px;
    border-style:solid;
}

.btn-bordered.btn-4pmsi {
    background-color: transparent !important;
    border-color: #00a46c !important;
    color: #00a46c !important;
}

.btn-bordered.btn-4pmsi:hover {
    background-color: #73ceb0 !important;
}

.btn-bordered.btn-4pmsi:hover a {
    color: #FFFFFF !important;
}

.semi-bold {
    font-weight: 400 !important;
}

.btn-green {
    color: #ffffff;
    background-color: #00a46c;
    border-color: #046947;
}

.contact-us {
    height: 100px !important;
}
/* Overide Date Picker */
.position-none {
    position: static !important;
}

.form-group-default.position-none.required:after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 30px;
    top: 9px;
  }
/* ------------- */


span.span-hover:hover {
    cursor:pointer;
}

.app-form-label {
    text-transform: uppercase !important;
    font-size: 7px !important;
}

.read-only-input {
    background-color:#efefef !important;
}

.table-responsive {
    max-height:1000px;
}