/**
 * CSS Document 
 *
 * @version   4.1.73
 * @author    Directive http://www.directive.com
 * @copyright Copyright (C) 2008 - 2025 Directive Technology Inc
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/* Fluid Debug Listing) */
.dfpfd {
    display: table;
    table-layout: auto;
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: none;
}

.dfpfd div.dlil {
    margin: 0 !important;
    padding: 0;
    display: inline-block;
    text-align: left;
    width: auto;
    height: auto;
    min-height: 36px;
    vertical-align: middle;
    -ms-border: none;
    -moz-border: none;
    -webkit-border: none;
    -o-border: none;
    border: none;
}

.dfpfd ul {
    display: table-row-group;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 0 5px;
}

.dfpfd ul li {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    min-height: 24px;
    border-bottom: 1px solid #ccc;
}

.dfpfd li a {
    display: table-cell;
    margin: 0;
    height: auto;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    color: #888;
    text-decoration: none;
    -ms-border: none;
    -moz-border: none;
    -webkit-border: none;
    -o-border: none;
    border: none;
}

.dfpfd li a.active {
    border: 1px solid #CCC;
    border-radius: 5px;
    background: rgb(240, 240, 240);
    color: #000;
}

.dfpfd li a:hover {
    color: #333;
    cursor: pointer;
}

.dfpfd .dfpfd-heading {
    border: 1px solid #ccc;
    background-color: #025A8D;
    color: rgb(249, 249, 249);
    font-weight: bold;
}

.dfpfd-heading div.dlil {
    line-height: 36px;
}

.dfpfd div.dlil .dicb {
    height: 36px;
}

/* Form slim line form */
.dspsa ul {
    margin: 0;
    padding: 0 0 0 5px;
}

.dspsa ul li,
form ul li {
    list-style: none;
}

form ul {
    margin-left: 0;
}

/* Fluid Form  auto and 100% */
.dfpfa {
    width: auto;
    border: none;
}

.dfpfa div.dlil {
    margin: 0 !important;
    padding: 0;
    text-align: left;
    border: none;
}

.dfpfa ul {
    margin: 0;
    padding: 0 0 0 5px;
}

.dfpfa ul li {
    padding: 0 10px 0 0;
    display: inline-block;
}

.dfpfa li a {
    display: table-cell;
    margin: 0;
    height: auto;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    color: #888;
    text-decoration: none;
    border: none;
}

.dfpfa li a.active {
    border: none;
    color: #000;
}

.dfpfa li a:hover {
    color: #333;
    cursor: pointer;
}

.dfpfa .dfpfa-heading {
    border: none;
    background-color: #025A8D;
    color: rgb(249, 249, 249);
    font-weight: bold;
}

.dfpfa-heading div.dlil {
    line-height: 36px;
}

.dfpfa div.dlil .dicb {
    height: 36px;
}

/* Form styling */
.dfbepb .d2c {
    width: 50%;
}

.dfbepl {
    margin: 0 2px;
    padding: 0;
    width: auto;
    display: block;
    vertical-align: middle;
}

.dfbepp {
    margin: 0 2px;
    padding: 0;
    height: auto;
    text-align: left;
    position: relative;
}

.dfbti {
    margin: 0;
    padding: 0 2px;
    background: #fff;
    color: #74646E;
    border: 1px solid #C8BFC4 !important;
    box-sizing: border-box;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    line-height: normal !important;
    vertical-align: middle;
    height: 28px;
}

.ddcf ul li.dlimc {
    display: table-cell;
    padding: 2px 0 0 10px !important;
    vertical-align: middle !important;
    text-align: center;
    min-height: 24px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #aaa;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aaa;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #aaa;
}

/* Multi Column CSS for radio and checkboxes */
.dfbcol label {
    clear: none;
    float: none;
    display: inline-block;
}

.dfbcol {
    display: table-row-group;
}

.dfbcol .dfbrow {
    display: table-cell;
    padding-right: 10px;
}

/* Text, Textarea and Select label left position*/
.dfblt .dfbltcl {
    display: inline-block;
    min-width: 125px;
}

.dfblt .dfbltcf {
    display: inline-block;
    padding-left: 5px;
}

#recaptcha_widget_div {
    position: static !Important;
}

.captchaimage {
    margin: 10px 0;
}

.captchaimage .capfield {
    margin: 2px 0 0 0;
}

.capActivityright {
    margin-left: 510px;
    width: 400px;
    position: absolute;
    /*top: 0;*/
}

.showactright, .showtktright, .showoppright {
    min-height: 600px;
    display: block;
}

.capTicketright, .capActivityright {
    margin-left: 510px;
    width: 400px;
    position: absolute;
    float: right;
    /*top: 0;*/
}

.capOpportunityright {
    margin-top: 100px;
    margin-left: 510px;
    width: 400px;
    position: relative;
    float: right;
}

.showtktright {
    min-height: 600px;
    display: block;
}

.dfpfa li .recaptchaCLS a {
    font-size: 9px;
}

.recaptcha_theme_clean {
    background: #ffffff;
}

img.ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: middle;
    position: absolute !important;
    right: 14px !important;
    top: 13px !important;
}

span.rqrd_fld {
    color: #ff0000;
    font-weight: bold;
}

/* Start CSS for a/c informatino Full Form layout*/
.afaff {
    display: table;
    table-layout: auto;
    width: 100%;
    border: none;
}

.afaff div.dlil {
    margin: 0 !important;
    padding: 0;
    display: inline-block;
    text-align: left;
    width: auto;
    height: auto;
    min-height: 36px;
    vertical-align: middle;
    border: none;
}

.afaff ul {
    display: table-row-group;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 0 5px;
}

.afaff ul li {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    min-height: 24px;
    border: none;
}

.afaff li a {
    display: table-cell;
    margin: 0;
    height: auto;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    color: #888;
    text-decoration: none;
    border: none;
}

.afaff li a.active {
    border: none;
    border-radius: 5px;
    background: rgb(240, 240, 240);
    color: #000;
}

.afaff li a:hover {
    color: #333;
    cursor: pointer;
}

.afaff .afaff-heading {
    border: none;
    background-color: #025A8D;
    color: rgb(249, 249, 249);
    font-weight: bold;
}

.afaff-heading div.dlil {
    line-height: 36px;
}

.afaff div.dlil .dicb {
    height: 36px;
}

/* CSS for a/c informatino Full Form layout*/
.dfbrow .check_right {
    margin: 0 0 0 5px;
}

.dfbrow .check_left {
    margin: 0 5px 0 0;
}

form .dfpfa ul.dfpfa-row li {
    vertical-align: top;
}

.dfbrow label {
    display: inline-block !important;
    font-size: 100%;
    margin-bottom: 0;
}

input[type=checkbox], input[type=radio] {
    border: none !Important;
    padding: 0 1px !Important;
}

/*.dfbeb input.dfbti,
.dfbeb select{
width:100%;
}*/
.dfbeb input.dfbti {
    height: 30px;
}

.dfbepp input.dmsb[type="button"] {
    width: auto;
}

.dfpfa textarea,
.dfpfa select {
    width: 90%;
    max-width: 400px;
}

.dfpfa select {
    padding-top: 0;
    padding-bottom: 0;
}

.dfpfa .radio_fld input,
.dfpfa .checkbox_fld input {
    min-height: 25px;
}

.jc_vertical_form input,
.jc_horizontal_form input {
    max-width: 90%;
}

.dfpfa li.tab {
    padding: 1px 5px;
    background: #eee;
}

.dfpfa li.tab.active {
    background: #B0B0B0;
    border: 1px solid #666;
    border-bottom: #eee;
    padding: 1px 5px;
}

.afaff div.modify-activ {
    margin-left: 20px !Important;
}

.dfbepb.radiofield,
.dfbepb.checkfield {
    margin-bottom: 10px;
}

/* 10.28.14 - Referral form submit button fix on request*/
.dfpfa-row .panel-container input.dmsb.readon {
    position: absolute;
    height: auto;
    margin: 19px 0 0 70px;
    padding: 8px 15px !important;
    width: auto;
    min-width: 75px;
}

.djcfmc .dfbltcf input {
    max-width: 60%;
}

/* Tablets and larger phones*/
@media only screen and (max-width: 767px) {
    .dfbeb input.dfbti,
    .dfpfa textarea {
        width: 90%;
    }

    .djcfmc .dfbltcf input {
        max-width: 60%;
        width: auto;
    }
}

/* Smaller or older mobile phone*/
@media only screen and (max-width: 480px) {
    .dfpfa ul li {
        display: table-row;
    }

    .dfbeb input.dfbti,
    .dfpfa textarea {
        width: 100%;
        max-width: 175px;
        margin-bottom: 5px;
    }

    .dfblt .dfbltcl {
        display: inline-block;
    }

    .dfblt .dfbltcf {
        display: block;
        padding-left: 0;
    }
}

@media only screen and (max-width: 350px) {
    .dfbeb input.dfbti,
    .dfpfa textarea {
        width: 100%;
        max-width: 160px;
        margin-bottom: 5px;
    }
}

.disable {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

/* jcfhfld: jc form hidden field, This we are using to hide text box on form which we are using for to prevent from bots. */
.jcfhfld,
.invisible {
    display: none !important;
}

fieldset legend a#showdesc,
fieldset legend a#hidedesc {
    font-size: 11px;
}

.overlay-loader {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.loading-img {
    background-image: url('images/ajax-loader.gif');
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    opacity: 1;
    position: absolute;
    width: 100%;
}

.loading-Text {
    position: absolute;
    width: auto;
    height: 50px;
    top: 50%;
    left: 44%;
    margin-left: -50px; /* margin is -0.5 * dimension */
    margin-top: 80px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

@media only screen and (max-width: 1200px) {
    .g-recaptcha {
        transform: scale(0.75);
        transform-origin: 0;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .g-recaptcha {
        transform: scale(0.50);
        transform-origin: 0;
        -webkit-transform: scale(0.50);
        transform: scale(0.50);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media only screen and (min-width: 450px) and (max-width: 768px) {
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0;
        -webkit-transform: scale(0.77);
        transform: scale(0.77);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media only screen and (max-width: 450px) {
    .g-recaptcha {
        transform: scale(0.50);
        transform-origin: 0;
        -webkit-transform: scale(0.50);
        transform: scale(0.50);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

#jcforms_Referral .referral {
    display: inline-block;
}

.referral .etabs {
    margin: 0px 0px -6px 0px !important;
}

input.dfbti.total_amount {
    background: none !important;
    border: none;
    font-weight: bold;
    outline: none;
}

.dfpfa .dlil.file_fld {
    margin-bottom: 5px !important;
}

input[type="file"] {
    padding: 0;
    width: auto !important;
    border: none;
}

input.file_events_checkbox {
    margin: 0 !important;
}

.referral input.dmsb {
    position: absolute;
    margin: 24px 0 0 60px;
}

.checkfield .dfblt .dfbltcl {
    float: left;
}

.cw_pass_tip {
    font-size: 11px;
    color: #999;
}

#dfpfa_form div.load_img {
    display: inline-block;
    margin: 0 0 0 5px;
}

.ui-sortable-helper {
    margin: 10px 0;
}

.my_account_wrapper {
    border: 1px solid #DCDFE4;
    background: #F5F7FB;
    padding: 10px;
}

.jc_ma_loggeduser, .jc_ma_loggeddetails {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
}

.jc_ma_logout a, .jc_ma_loggeddetails a {
    font-size: 16px;
    color: #337FBE;
    margin-bottom: 10px;
    display: inline-block;
}

.address_row_1, .address_row_3, .address_row_5, .address_row_7, .address_row_9 {
    border: 1px solid #DCDFE4;
    padding: 5px;
    color: #000;
    font-size: 12px;
}

.address_row_2, .address_row_4, .address_row_6, .address_row_8, .address_row_10 {
    margin-top: 5px;
    background: #F5F5F5;
    border: 1px solid #DCDFE4;
    padding: 5px;
    color: #000;
    font-size: 12px;
}

.account-maintenance .address_left {
    vertical-align: top;
    display: inline-block;
}

.address_left li {
    display: inline-block;
    min-width: 150px;
}

.panel-container input.prev-tab {
    margin-right: 5px;
}

.tab-container .panel-container div.active {
    padding-bottom: 5px;
}

.grid_fld ul {
    display: table-row-group;
}

.grid_fld .dlifc {
    display: table-cell;
}

/*#info_box_bottom + div {
    transform: scale(0.7);
    transform-origin: 0 0;
}*/
iframe[title="recaptcha challenge"] {
    /* transform: scale(0.7);
     transform-origin: 0 0;*/
}

/*stepformwork start*/
.stpformbg {
    background: linear-gradient(to bottom right, #3671A9 20%, #10223E 75%);
    color: #FFFFFF;
}

.steploader {
    position: absolute;
    left: 50%;
    right: 50%;
    color: #10223E;
    font-size: 50px;
    text-indent: -9999em;
    overflow: hidden;
    opacity: 0.5;
    width: 1em;
    height: 1em;
    border-radius: 35%;
    margin: 72px auto;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*stepformwork end*/

#dfpfa_form input.dfbti[type="file"] {
    border: none !important;
}

span.delete-prep {
    background: url('../../../../media/com_joomconnect/images/16x16/trash.png') 0 0 no-repeat;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

#uploadsts li.upload-page {
    display: block !important;
    list-style: circle;
}

#uploadsts a.removeFile {
    display: inline-block !important;
    margin-left: 10px !important;
    color: #f00 !important;
}

span.addmore {
    background: url(images/add.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

span.delmore {
    background: url(images/delete.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.dfpfa .pp_quant {
    max-width: 78px;
    padding-left: 0;
    height: 20px;
    margin: 0 0 0 10px;
}

div.shipping_amt_div, div.sub_tot_amt_div {
    min-width: 120px;
    display: inline-block
}

input.sub_tot_amt, input.shipping_amt {
    background: none !important;
    max-width: 100px;
    border: none !important;
    box-shadow: none !important;
}

.dfbltcl {
    vertical-align: top;
}

ul.iti__country-list li {
    display: block !important;
}

.jc__form form label {
    min-width: 120px;
}

.jc__form div.username-field {
    margin-bottom: 10px;
}

/*Recaptcha 3 Text option*/
/*.recap3terms{ font-size:10px !important; color:#999 !important;}*/
/*.grecaptcha-badge { visibility: hidden; }*/

/*.dfpfa li div.recap3terms a{display: inline-block !important;vertical-align: inherit;}*/

.dfpfa .custom-select a {
    width: 99% !important;
}

.dfpfa .custom-select input:focus {
    border: none;
    outline: none;
}