.active_modal{
    display: block !important;
}
.modal {
    display: none; 
    position: fixed; 
    z-index: 99999;
    padding-top: 110px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}


.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px !important;
    border: 1px solid #888;
    width: 60%;
    border-radius: 5px;
}


.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1 !important;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal{
    /*overflow-y:scroll;*/
    overflow: auto !important;
}

.modal-dialog{
  
}
.modal-dialog{
 
  /*left: 25% !important;*/
}
.ruletblrowss {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.ruletblrowss td, .ruletblrowss th {
    /*border-bottom: 1px solid #ddd !important;*/
    padding: 4px !important;
}


.plgfydiv{
    padding: 1%;
}

.plgfyleft{
    margin-left: 30%;
}


#changethis{
    width: 99% !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 5px !important;
}

[name="ticket_table_dt_length"]{
    background-color: #FFF !important;
}
[type="search"]{
    background-color: #FFF !important;
}
ul{
    list-style: none !important;
}

.plgfy_all_questions_submit{
    width: 100%;
}
#ticket_table_dt_length{
    margin-bottom: 2%;
}
#ticket_table_dt_filter{
    margin-bottom: 2%;
}
.container123 {
    margin: 1.5% 24%;
    /*max-width: 150px;*/

}



.avatar-upload {
    position: relative;


}
.avatar-edit {
    position: absolute;
    left: 95px;
    z-index: 1;
    top: 105px;

}
.avatar-upload .avatar-edit input{
    display: none;
}
.avatar-upload .avatar-edit input + label{
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out
}
.avatar-upload .avatar-edit input + label:after {

    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}
.avatar-preview {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: <?php echo filter_var($woospca_avatar_radius); ?>px;
    border: 3px solid #F8F8F8;
    box-shadow:1px 2px 7px 4px rgba(0, 0, 0, 0.2), 1px 2px 4px 0px rgba(0, 0, 0, 0.29)

}




.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}
.circle-tile-heading {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    color: #FFFFFF;
    height: 50px;
    margin: 0 auto -30px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 50px;
}
.circle-tile-heading .fa {
    line-height: 43px;
}
.circle-tile-content {
    padding-top: 30px;
}
.circle-tile-number {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 0 15px;
}
.circle-tile-description {
    text-transform: uppercase;
}
.circle-tile-footer {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.5);
    display: block;
    padding: 5px;
    transition: all 0.3s ease-in-out 0s;
}
.circle-tile-footer:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}
.circle-tile-heading.dark-blue:hover {
    background-color: #2E4154;
}
.circle-tile-heading.green:hover {
    background-color: #138F77;
}
.circle-tile-heading.orange:hover {
    background-color: #DA8C10;
}
.circle-tile-heading.blue:hover {
    background-color: #2473A6;
}
.circle-tile-heading.red:hover {
    background-color: #CF4435;
}
.circle-tile-heading.purple:hover {
    background-color: #7F3D9B;
}
.tile-img {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}

.dark-blue {
    background-color: #34495E;
}
.green {
    background-color: #16A085;
}
.blue {
    background-color: #2980B9;
}
.orange {
    background-color: #F39C12;
}
.red {
    background-color: #E74C3C;
}
.purple {
    background-color: #8E44AD;
}
.dark-gray {
    background-color: #7F8C8D;
}
.gray {
    background-color: #95A5A6;
}
.light-gray {
    background-color: #BDC3C7;
}
.yellow {
    background-color: #F1C40F;
}
.text-dark-blue {
    color: #34495E;
}
.text-green {
    color: #16A085;
}
.text-blue {
    color: #2980B9;
}
.text-orange {
    color: #F39C12;
}
.text-red {
    color: #E74C3C;
}
.text-purple {
    color: #8E44AD;
}
.text-faded {
    color: #FFF;
}



.rightplgfy{
    margin-left: 30%;
}





















.plugify_main_class_right::after, .plugify_main_class_right::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 100%;
    top: 10px;
}
.plugify_main_class_right::before {
    border-left: 10px solid #eee;
}
.plugify_main_class_right::before {
    top: 12px;
}


.plugify_main_class_left::after, .plugify_main_class_left::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: 100%;
    top: 10px;
}
.plugify_main_class_left::before {
    border-right: 10px solid #eee;
}
.plugify_main_class_left::before {
    top: 12px;
}


.plugify_main_class{
    max-width: 90%;width: 90%;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);display: block;position: relative;padding: 24px;border-radius: 2px;background: #eee;color: rgba(0,0,0,.87);
}
@media only screen and (max-width: 600px) {
    .plugify_inline_totally{
        width: 100%;
        display: block !important;
    }
    .ul_to_be_plugify{
        width: 100% !important;
    }
    .child_a_ul_plugify{

        width: 98% !important;
        max-height: unset !important;
    }
    .third_d_div_plugify {
       display: block !important;
   }
   #changethis_plugify{
    margin-top: 5% !important;
}
.third_d_div_plugify_child{
    width: 100% !important;
    margin: unset !important;
}
.avatar-edit {
    position: absolute;
    left: 90% !important;
    z-index: 999;
    top:90% !important;
}
.avatar-preview{
    width: 100% !important;
    height: 100% !important;
}
.btns_plugify_prnt_div{
    display: block !important;
}
.btns_plugify_prnt_div h1{
    width: 100% !important;
}
.btns_div_plgfy{
    width: 100% !important;
    display: block !important;
}
.btns_div_plgfy button, .btns_div_plgfy a{
   width: 100% !important;
   text-align: center !important;

}
}


.active_modal{
    display: block !important;
}
.modal {
    display: none; 
    position: fixed; 
    z-index: 99999;
    padding-top: 50px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}


.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px !important;
    border: 1px solid #888;
    width: 60%;
    border-radius: 5px;
}


.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1 !important;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal{
    /*overflow-y:scroll;*/
    overflow: auto !important;
}