html {
    /*background-image: linear-gradient(to right, #61b1b1, #213737);*/
    background-color: #f9f9f9;
    min-height: 100vh;
}

body {
    background: none !important;
}


.divStatsTitle-Admin
{
    color: #000000;
}

.AnswerLable .AnswerDate {
    padding-top: 6px !important;
}

.divSignInForm {
    background: linear-gradient(to right, #0f1c16, #435136);
}

.divSignInForm-Inner {
    background-color: transparent;
    border: none;
    margin: 10px 10px 0 10px;
}
    .divSignInForm-Inner span {
        color: #ffffff !important;
    }

    .divSignInForm-Inner .btn-login {
        height: 60px;
        line-height: 55px;
        padding:0;
        width: 90%;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

.btn-login-as-guest {
    color: #ffffff;
    margin: 10px 5px 5px 5px;
}


.divSignInForm-Inner .btn-forget {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-radius: 0 !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 50%;
    margin-top: 40px;
}

    .divSignInForm-Inner .btn-register
    {
        background: none;
        direction: rtl;
    }
        .divSignInForm-Inner .btn-register span {
            color: #7bb042 !important;
            font-weight: bold;
            margin-left: 2px;
            margin-right: 2px;
        }


        .divSignInForm-Inner .rdoSmart {
            display: none;
        }

    .divSignInForm-Inner .rdoSmartLabel {
        background-color: #3a493d;
        opacity:0.5;
        color: #ffffff;
        text-align: center;
        border-radius: 25px;
        height: 40px;
        line-height: 40px;
        padding: 0;
    }

    .divSignInForm-Inner .rdoSmart:checked + label {
        background-color: #7bb042;
    }





.divSendWhats {
    background-color: #7bb042;
}
.divRateUS {
    background-color: #7bb042;
}
.divRateUS:before {
    color: #ffffff !important;
}


.divVisitorsCount {
    background-color: #1a574c;
    color: #7bb042;
    border: none;
    position: unset;
    margin-top: 8px;
    margin-left: 37px;
    border-radius: 15px;
    width: auto;
    height: 30px;
    line-height: 30px !important;
    padding:0;
    padding-left: 4px;
}
    .divVisitorsCount:before {
        color: #7bb042;
        display: inline-block !important;
        padding: 5px;
    }

    .divStatsContainer {
        padding-left: 8px;
        display: inline-flex;
        width: 100%;
        left: 5px;
        right: 5px;
        margin-bottom: 8px;
    }

.btn-send {
    background-color: #7bb042;
}
.btn-delete {
    background-color: #b04242;
}

.btn-order {
    background-color: #d4e8c3 !important;
    border-color: #104c4d !important;
    color: #104c4d;
}
.btnPayFromStore_half::before {
    font-family: "FontAwesome";
    content: "\f0d6";
    color: #848484;
}


.divQuestionsNotify div, .divServicesNotify div, .divMessagesNotify div {
    background-color: #c6e0aa;
    color: #858585;
}


.btnShareThis:hover {
    background-color: #3e8e41;
}

.btnShareThis {
    background-color: #7bb042;
    box-shadow: none;
}

.HomeIconsOverBG .divServList_Inner
{
    /*min-height: 100px;*/
}

.divMeetingStarting span {
    display: block;
    font-size: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin: 5px 5px 15px 5px;
    background-color: #e1ead9;
    color: #104c4d;
    font-weight: bold;
}


.divStatsItem {
    background-color: #f0f0f0;
    border-radius: 10px;
    margin: 8px;
    width: 33% !important;
    height: 55px !important;
}

.divStatsTitle
{
    color: #000000;
    font-size: 14px;
}

.divMyServicesPanel_Parent {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-bottom: 14px;
}
.divMyServicesPanel_Item {
    display: inline-block;
    height: 27vw;
    width: 30vw;
    background-color: #f6f6f6;
    border: 2px solid #eaeaea;
    margin: 1px;
    position: relative;
}

.divMyServicesPanel_Value {
    display: block;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    text-align: center;
    height: 5vw;
    line-height: 5vw;
    background-color: #d5f5bf73;
    color: #6cad23;
    border-radius: 5px;
    font-size: 4vw;
}
.divMyServicesPanel_Text {
    text-align: center;
    height: 5vw;
    line-height: 5vw;
    color: #065148;
    border-radius: 5px;
    font-size: 3vw;
}

.divMyServicesPanel_icon:before {
    text-align: center;
    display: block;
    content: "\f29c"; /* f059 */
    font-family: "FontAwesome";
    font-size: 10vw;
    padding-left: 5px;
    padding-right: 5px;
    color: #065148;
}

.divMyServicesPanel_done:before {
    content: "\f00c"; /* f059 */
}

.divMyServicesPanel_working:before {
    content: "\f009"; /* f059 */
}

.divMyServicesPanel_accept:before {
    content: "\f254"; /* f059 */
}

.divMyServicesPanel_all:before {
    content: "\f03a"; /* f059 */
}

.divMyServicesPanel_lawyer:before {
    content: "\f017"; /* f059 */
}

.divMyServicesPanel_pay:before {
    content: "\f155"; /* f059 */
}




.myFooter {
    border-radius: 35px 35px 0 0;
}

.divServList_Inner {
    position: relative;
    min-height: 150px;
}

.divServList_Num {
    font-size: 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    color: #7d7d7d;
}

    .divServList_Num span
    {
        direction: ltr;
        padding-left: 3px;
        padding-right: 3px;
        background-color: #d1d1d1;
        border-radius: 5px;
    }



.divServList_Name span {
    color: #4d4d4d;
    font-size: 16px;
}

.divServList_imgStatus {
    position: absolute;
    top: 48px;
    right: 1px;
}

.divServList_Time {
    position: absolute;
    left: 80px !important;
}

.divServList_Lawyer
{
    position: absolute;
    top: 42px;
    right: 28px;
}
.divServList_LawyerName
{
    display: inline-block;
    color: #000000;
    font-weight: bold;
    font-size: 19px;
}
.divServList_Lawyer .imgLawyer
{
    margin: 2px !important;
}

.divServList_Date {
    position: absolute;
    top: 62px;
    right: 70px;
    color: #858585;
    font-size: 14px;
}

.divServList_Text {
    position: absolute;
    top: 90px;
    right: 5px;
}

.divServList_Audio {
    position: absolute;
    top: 60px;
    left: 1px;
    font-size: 15px;
    margin: 0 !important;
    padding: 0 !important;
}

    .divServList_Audio:before {
        display: inline-flex;
        font-size: 20px;
        margin-left: 10px;
    }

    .divServList_Audio span {
        direction: ltr !important;
    }


.divServList_Views
{
    font-size: 13px !important;
    margin: 2px;
}
.divServList_Likes {
    font-size: 13px !important;
    margin: 2px;
}




.Admin-Menu {
    max-height: 95% !important;
    overflow-y: auto !important;
}







.divHomeChargeIcon {
    background-color: #ffffff;
    border-radius: 25px;
    display: block;
    /*width: 90vw;*/
    height: 45px;
    padding: 5px;
    position: relative;
}

.divHomeChargeIcon_icon {
    display: inline-block;
    height: 36px;
    width: 38px;
    border-radius: 50%;
    background-color: #093e0c;
}

.divHomeChargeIcon_icon img {
    width: 105%;
    height: 105%;
    position: relative;
    left: 1px;
}


.divHomeChargeIcon_credit {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 50px;
    color: #1a5a1e !important;
    font-size: 18px !important;
}


.divHomeChargeIcon_charge {
    display: inline-block;
    position: absolute;
    left: 5px;
    height: 35px;
    line-height: 35px;
    width: 120px;
    border-radius: 20px;
    background-color: #0a4e0e;
    text-align: center;
    color: #ffffff;
}




.spnFormScore {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    background-color: #7bb042;
    border-radius: 50%;
    position: absolute;
    left: 10px;
}









.divServiceFormViewer_txtDetails {
    color: #ffffff !important;
    font-size: 20px;
    word-wrap: break-word;
}

.divActiveService_Header
{
    display: block;
    text-align:center;
    font-weight: bold;
    line-height: 35px;
    height: 35px;
    border: 2px dotted #0a152c;
    margin: 4px;
}


.divActiveServiceLibraries_Header {
    background-color: #867c10;
    color: #ffffff;
}
.divActiveServiceLibraries {
    background-color: #ded140;
    padding: 5px;
}


.divActiveServiceForm_Header
{
    background-color: #104c4d;
    color: #ffffff;
}

.divActiveServiceForm {
    background-color: #196c6d;
    padding: 5px;
}

.divServiceOneForm {
    display: inline-flex;
    position: relative;
    width: 80%;
    height: 40px;
    line-height: 40px;
    background-color: #e9ffc9;
    margin: 3px;
    padding: 3px;
}

.divServiceFieldElement {
    margin: 5px;
    margin-top: 10px;
    padding: 7px;
    background-color: #e7fff9;
}


.divNewServiceForm {
    background-color: #053334;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin: 3px;
}

.divAllServicesForms_Parent {
    display: none;
    background-color: #104c4d;
    padding: 5px;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999999 !important;
    overflow: scroll;
}

.divServiceFormViewer_Parent {
    display: none;
    background-color: #104c4d;
    padding: 5px;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999999 !important;
    overflow: scroll;
    padding-bottom: 150px;
}

.divServiceFormViewer {
}

.txtFormFieldName {
    display: block;
    font-size: 15px;
    color: #053334;
    margin-top: 10px;
}

    .txtFormFieldName:before {
        display: inline-block;
        content: "\f29c"; /* f059 */
        font-family: "FontAwesome";
        font-size: 20px;
        padding-left: 5px;
        padding-right: 5px;
        color: #892323;
    }


.divFormsClose {
    background-color: #7c0404;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin: 3px;
}

.divAllServicesForms {
    text-align: center;
}

    .divAllServicesForms .divServiceOneForm {
        width: 95%;
    }





.divDeleteFormField {
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: #ef1111;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.btnAddNewField {
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.btnAddNewFormField {
    background-color: #fff287;
    color: #053334;
}

.btnAddNewFormFieldValue {
    background-color: #87fff8;
    color: #053334;
}

.txtFormField {
    display: inline-block !important;
    height: 40px !important;
    width: 70%;
    margin-bottom: 1px !important;
    padding-top: 5px !important;
    margin-left: 3px;
}

.txtFormFieldMaxScore {
    display: inline-block !important;
    height: 40px !important;
    line-height: 40px !important;
    width: 15%;
    margin-bottom: 1px !important;
    padding-top: 0 !important;
    background: #fffeda !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.txtFormFieldMaxScoreValue {
    background: #ffceb2 !important;
}

.divFormFieldsList {
}

.divFormField {
    background-color: #1a75a9;
    color: #ffffff;
    margin: 6px;
    padding: 3px;
}


.divFormFieldValuesList {
}

.divFormFieldValue {
    background-color: #8bbe8e;
    color: #053334;
    margin: 3px;
}



.divFormFields {
    padding-top: 15px;
    text-align: center;
}

.divFormFields_Title {
    font-size: 25px;
    color: #053334;
}












































#divTimeManager_MaxTime {
    font-size: 15px;
    background-color: #e6c6a4;
}

#divTimeManager_ExtraTime {
    font-size: 15px;
    background-color: #70ccff;
    margin-top: 5px;
}



.divServiceFormScore {
    margin-top: 20px;
    display: block;
    position: fixed;
    bottom: 10px;
    left: 40%;
    background-color: #e6c6a4;
    width: 100px;
    height: 100px;
    line-height: 92px;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    font-size: 25px;
    border-radius: 50%;
    border: 6px #104c4d solid;
}

.divLawyerImages_header {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #a9caab;
    color: #0b152d;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.divLawyerImages_body {
}

    .divLawyerImages_body img {
        max-width: 100%;
    }


.divMyCallCode {
    color: #104c4d !important;
}

.txtMyCallCode {
    color: #6da234;
}

.divInviteToMeeting_button {
    display: block;
    background-color: #9fff00;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 10px;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    cursor: pointer;
}

    .divInviteToMeeting_button:before {
        display: inline-block;
        content: "\f234"; /* f059 */
        font-family: "FontAwesome";
        font-size: 20px;
        padding-left: 5px;
        padding-right: 5px;
        color: #009eba;
    }


.divInviteToMeeting {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
}

.divInviteToMeeting_finder {
    display: block;
    background-color: #00195f;
    width: 80vw;
    min-height: 150px;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}

.txtFindSomeoneInvite {
    background-color: #f8ffe9;
    border: 3px solid #ffcb00;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border-radius: 15px;
}

.divFindByID {
    background-color: #b0ff04;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border-radius: 15px;
    cursor: pointer;
}

.divFindByID_Result {
    background-color: #f8fff0;
    display: block;
    line-height: 40px;
    font-size: 18px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

    .divFindByID_Result span {
        display: block;
        font-weight: bold;
        font-size: 24px;
    }

.divFinderResultButtons {
    background-color: #f8fff0;
    display: block;
    line-height: 40px;
    font-size: 18px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.divFinderResultButton {
    display: inline-block;
    width: 40%;
    margin: 5px;
    border-radius: 10px;
    cursor: pointer;
    color: #ffffff;
}

.divYesCallNow {
    background-color: #5e9f00;
}

.divNoCancelCall {
    background-color: #ff0000;
}


.divCloseInvitter {
    width: 90%;
    margin: 5px;
    border-radius: 10px;
    cursor: pointer;
    color: #ffffff;
    background-color: #8f0909;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
}


.divInviteToMeeting_caller {
    background-color: #1d1d1d;
    width: 80vw;
    min-height: 150px;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}



















.divHalfWidth {
    clear: both;
    display: inline-block;
    width: 48% !important;
    background-color: gray;
    margin: 1px;
    min-height: 40px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    border: 2px solid #000000;
}
.divHalfWidth_selected {
    background-color: #bbff7e;
}

.div_Service_PriceWithTax {
    float: left !important;
    background-color: #1a5a1e !important;
    background-image: linear-gradient(to right, #1a5a1e, #1a5a1e) !important;
    padding: 5px !important;
    padding-top: 10px !important;
}
    .div_Service_PriceWithTax span {
        font-size: 18px !important;
        padding: 2px !important;
    }

    .divClientOpenTheDream {
        display: none;
        width: 100%;
        text-align: center;
        padding: 25px;
        background-color: #fcfe78;
    }

.btnClientOpenTheDream {
    width: 100%;
    text-align: center;
    background-color: #850000;
    padding: 10px;
    color: #ffffff;
    border: 3px solid black;
    border-radius: 10px;
    font-size: 18px;
}



.divCopyThis {
    display: block;
    width: auto;
    max-width: 150px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    background-color: #1a5a1e;
    border: 1px solid #0a152c;
    border-radius: 8px;
    color: #ffffff;
}
    .divCopyThis:before {
        font-family: "FontAwesome";
        content: "\f24d";
        display: inline-block;
        font-size: 20px;
        text-align: center;
        width: 40px;
        height: 35px;
        line-height: 30px;
        color: #ffffff;
    }






/*Timer Counter*/
.divTimer-Outer {
    display: none;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}
.base-timer {
    position: relative;
    width: 150px;
    height: 150px;
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: grey;
}

.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .base-timer__path-remaining.green {
        color: rgb(65, 184, 131);
    }

    .base-timer__path-remaining.orange {
        color: orange;
    }

    .base-timer__path-remaining.red {
        color: red;
    }

.base-timer__label {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    direction: ltr;
}
/*Timer Counter*/





.swal2-html-container
{
    overflow: visible !important;
}


.spnFlag {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-left: 10px;
    line-height: 35px;
}

.divCloseComments, .divCloseComments  span{
    color: #ffffff !important;
}


.divWriteYourAnswer {
    display: block;
    color: #ffffff;
    font-size: 18px;
    margin: 5px;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    background-color: rgb(177 177 177 / 0.15);
}

.divWriterToolsManager-Inner {
    display: block !important;
    width: 80%;
    min-width: 200px !important;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.btnAnswerTools {
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 37px !important;
    background-color: #7bb042;
    margin: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 17px;
    border-radius: 7px;
    border: 1px solid #000000;
}
    .btnAnswerTools:before {
        font-family: "FontAwesome";
        content: "\f235";
        display: inline-block;
        font-size: 20px;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 37px;
    }


.btnAnswerTools_write{
    background-color: #2c96d2;
}
    .btnAnswerTools_write:before {
        content: "\f044";
    }

.btnAnswerTools_record {
    background-color: #d2c42c;
}
    .btnAnswerTools_record:before {
        content: "\f130";
    }

.btnAnswerTools_stt {
    background-color: #527464;
}
    .btnAnswerTools_stt:before {
        content: "\f1ab";
    }

.btnAnswerTools_dnk {
    background-color: #de6e6e;
    margin-top: 55px;
}
    .btnAnswerTools_dnk:before {
        content: "\f05e";
    }


.btnAnswerTools_back {
    background-color: #9c9c9c;
    margin-top: 25px;
}
    .btnAnswerTools_back:before {
        content: "\f149";
    }


.btnAnswerTools_waiting {
    background-color: #d10000;
    color: #ffffff;
    margin-top: 25px;
}
    .btnAnswerTools_waiting:before {
        content: "\f017";
    }

.divTimeAgreement {
    background-color: #f0f0f0;
    color: #0a152c !important;
    direction: rtl !important;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 17px;
}
.divTimeValue
{
    display: block;
    background-color: #104c4d;
    color: #ffffff;
    margin-top: 10px;
    padding: 8px;
    font-size: 20px;
}




.divWriterToolsManager {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: #171717;
    z-index: 999999;
}


.divAdminTopsItem {
    display: block;
    width: 100%;
    min-height: 40px;
    line-height: 35px;
    background-color: #fffce8;
    margin: 5px;
    border: 1px solid #0a152c;
    font-size: 15px;
    padding: 2px 10px 2px 2px;
}
.divAdminTopsItem span{
    display: inline-block;
    width: 30%;
}

.spnAdminTopID {
    color: #1a5a1e;
    width: 25% !important;
}
.spnAdminTopName {
    color: #2c96d2;
    width: 50% !important;
}

.spnAdminTopValue {
    font-weight: bold;
    color: #7bb042;
    font-size: 18px;
    width: 25% !important;
}





.divLiveRoomsAdmin {
}

.divLiveDescription_Page
{
    text-align: center;
    font-size: 20px;
    padding: 5px;
    line-height: 40px;
}

.divLiveDreamLawyerTools {
    max-height: 75px;
}

.divParticipantID
{
    display: block;
    width: 100%;
    background-color: #f0ffea;
    text-align:center;
}

.divLiveDreamLawyerTools_Button {
    display: inline-flex !important;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #e6c6a4;
    margin: 2px;
    text-align: center;
    border-radius: 5px;
}


    .divLiveDreamLawyerTools_Button:after {
        font-family: "FontAwesome";
        display: inline-block;
        font-size: 27px;
        text-align: center;
        width: 50px;
        height:50px;
        line-height: 50px;
    }


.divKickOutHim {
    background-color: #ffd8d8;
}
    .divKickOutHim:after {
        content: "\f235";
        color: #ff5555;
    }


.divMuteHim
{
    background-color: #d5eefe;
}
    .divMuteHim:after {
        content: "\f131";
        color: #3ab1ff;
    }



.divUnMuteHim
{
    background-color: #dcfcd6;
}
    .divUnMuteHim:after {
        content: "\f130";
        color: #65de52;
    }


.divOpenChatHim {
    background-color: #ebe0ca;
}

    .divOpenChatHim:after {
        content: "\f27a"; /*f27a*/
        color: #944d00;
    }



.divSignDoublicator {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: #f8eadc;
}


.divLiveDreamViewer {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: min-content min-content min-content min-content min-content unset auto;
    visibility: hidden;
    position: absolute;
    height: 100% !important;
    width: 100%;
    background-color: rgb(64 107 161 / 0.4);
    background-image: linear-gradient(to right, rgb(10 21 44 / 0.4), rgb(43 150 210 / 0.4));
    padding: 10px;
    padding-top: 20px;
    z-index: 999999 !important;
}



.divLiveDreamNumber {
    display: block;
    height: 35px;
    line-height: 30px;
    padding: 3px;
    text-align: center;
    background-color: #fff6ec;
    border: 1px solid black;
    border-radius: 5px;
    font-weight: bold;
    color: #0b152d;
    margin-bottom: 10px;
}

.divLiveDreamContent {
    display: block;
    min-height: fit-content;
    line-height: 30px;
    padding: 3px;
    text-align: right;
    background-color: rgb(247 253 255 / 0.4);
    border: 1px solid black;
    border-radius: 5px;
}

.divDreamIsServed {
    background-color: rgb(230 198 164 / 0.4);
    text-align: center;
    font-size: 20px;
    margin: 5px;
    padding: 10px;
    border: 1px solid #222222;
    border-radius: 5px;
    max-height: 75px;
}
    .divDreamIsServed .divLawyerStatusSetter_Selector {
        padding-top: 3px !important;
    }

.divLiveDreamChat {
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto;
    align-self: stretch;
    display: block;
    width: 100%;
    background-color: rgb(255 255 255 / 0.0);
    min-height: 100px;
}

.diLiveAdminChatList
{

}

.diLiveAdminChatList_item {
    display: block;
    margin: 3px;
    border: 1px dashed #104c4d;
    text-align: right;
    background-color: rgb(198 255 208 / 0.3);
    padding: 6px;
}

.diLiveAdminChatList_item span
{
    display: block;
    font-size: 11px;
    font-style: italic;
    color: #ffffff;
}
.diLiveAdminChatList_item text
{
    display: block;
    font-size: 14px;
    color: #00155a;
}


    .diLiveAdminChatList_item_client
    {
        text-align: right !important;
    }

.diLiveAdminChatList_item_lawyer {
    text-align: left !important;
    background-color: rgb(254 255 198 / 0.3);
}


    .divSendLiveDreamChat {
        display: flex;
    }
.txtLiveChatMessage {
    align-self: stretch;
    width: 100%;

    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.87);
    height: 50px;
    background: rgba(255, 255, 255, 0.55) none repeat scroll 0% 0% !important;
    z-index: auto;
    line-height: 26px;
    font-size: 16px;
    transition-property: none;
    transition-duration: 0s;
    transition-timing-function: ease;
    outline: 0;
    box-shadow: none;
    min-height: 26px;
    -webkit-box-ordinal-group: 3;
    box-sizing: border-box;
    border-color: lightgray;
    border-width: 1px 0 1px 0;
    border-radius: 0;
    border-style: solid;
    padding: 8px 16px 12px !important;
    resize: none;
    overflow: hidden;
    font-family: Roboto,'Helvetica Neue',sans-serif;
    vertical-align: top;
    max-width: 100%;
}

.btnSendLiveDreamChat {
    text-align: center;
    color: #ffffff;
    background-color: #7bb042;
    border-radius: 3px;
    height: 50px;
    line-height: 45px;
    min-height: 26px;
    margin: 2px;
    min-width: 55px;
}

    .btnSendLiveDreamChat:after {
        content: "\f1d9";
        font-family: "FontAwesome";
        display: inline-block;
        font-size: 27px;
    }



.cmbRoomLawyersList {
    width: 50%;
    min-width: 10%;
    display: inline-block;
    margin: 2px;
}
.divLiveRoomsAdmin .txtMemo {
    margin-bottom: 0 !important;
}



.divRoom_buttons div {
    margin: 1px !important;
}

.cmbRoomStatus {
    width: 45%;
    min-width: 10%;
    display: inline-block;
    margin: 2px;
}

.divRoom_buttons {
    width: 100%;
}

.divLiveRoomFace {
    display: block;
    height: 230px;
    position: relative;
    margin: 0 !important;
}


    .divLiveRoomFace1{
        background-color: rgb(202 229 162 / 0.45);
    }

.divLiveRoomFace2 {
    background-color: rgb(162 217 229 / 0.45);
    display: none;
}


.divLiveRoomFace3 {
    background-color: rgb(229 162 162 / 0.45);
    display: none;
}

.divLiveRoomFace3_Inner {
    background-color: #ffffff;
    display: block;
    width: 100%;
    height: 180px; /*height: 190px;*/
}



.divLiveRoomFace4 {
    background-color: rgb(247 255 140 / 0.45);
    display: none;
}
.divLiveRoomFace4_Inner {
    background-color: #ffffff;
    display: block;
    width: 100%;
    height: 165px; /*height: 190px;*/
}


.btn-MoneyStats {
    background-color: #104c4d !important;
}


.btn-Demo {
    background-color: #fffb32 !important;
    color: #000000 !important;
}


.btn-GoLive {
    background-color: #0a152c !important;
    color: #83ff21 !important;
}


.btnEndConference
{
    display: none;
    width: 65px;
    height: 65px;
    line-height: 65px;
    background-color: #d10000;
    position: fixed;
    bottom: 260px;
    left: 10px;
    text-align: center;
    border-radius: 10px;

}
    .btnEndConference:after {
        content: "\f1e6";
        font-family: "FontAwesome";
        font-size: 40px;
        padding-left: 5px;
        padding-right: 5px;
        color: #ffcfcf;
    }



.divRoom_buttons {
    position: absolute;
    bottom: 2px;
}


    .divLiveRoomAdmin {
        border: 2px solid #000000;
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 2px;
    }


/*Draft*/
.divLiveRoomAdmin_0
{
    background-color: #7e7e7e;
    opacity: 0.5;
}

/*Reservation Open*/
.divLiveRoomAdmin_1 {
    background-color: #fffebc;
}

/*Live Open*/
.divLiveRoomAdmin_2 {
    background-color: #81f0ff;
}


/*Completed*/
.divLiveRoomAdmin_3 {
    background-color: #bcffab;
    opacity: 0.5;
}

/*Canceled*/
.divLiveRoomAdmin_4 {
    background-color: #ffc1c1;
    opacity: 0.5;
}





.divHomeLiveManager_Page {
    display: block;
    background-color: #7bb042;
    padding: 3px;
}
.divLiveImage_Page {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
    height: 125px;
    background-color: #1a75a9;
    background-size: cover;
    background-position: top center;
    border-radius: 50%;
}
.divLiveTitle_Page {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    background-color: rgb(34 34 34 / 0.30);
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
}
.divLiveTag_Page {
    padding: 7px;
    display: block;
    text-align: right;
    background-color: rgb(83 83 83 / 0.20);
    color: #000000;
    font-size: 20px;
    margin-top: 10px;    
}


.divLiveAction_Page {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding-top: 1px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
}


.divLiveAction_Page_0 {
}

.divLiveAction_Page_1 {
    color: #1a5a1e;
    border: 1px solid #1a5a1e;
    background-color: rgb(55 160 0 / 0.2);
    text-shadow: 1px 1px 2px #ffffff;
}

.divLiveAction_Page_1_full {
    color: #ff8383;
    background-color: #515151;
    text-shadow: 1px 1px 2px #4d4d4d;
    border: 1px solid #171717;
}

.divLiveAction_Page_2 {
    color: #ffffff;
    border: 1px solid #490e0e;
    background-color: rgb(255 39 39 / 0.7);
    text-shadow: 1px 1px 2px #4b0000;
}


.divHomeLiveManager_Page_0 {
}

.divHomeLiveManager_Page_1 {
    background-color: #e7ffce;
}

.divHomeLiveManager_Page_1_full {
    background-color: #d0d0d0;
}

.divHomeLiveManager_Page_2 {
    background-color: #b9e3ff;
}





.divLiveComment {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 1px;
    height: 50px;
    line-height: 40px;
    background-color: #fff7c5;
    margin-top: 10px;
    border: dashed 3px #7bb042 ;
}


.divLiveCredit {
    display: none;
    margin: 20px 0 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 1px;
}
.txtLiveCredit {
    margin: 10px 0 10px 0;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 1px;
    height: 50px;
    line-height: 40px;
    background-color: rgb(236 255 67 / 0.50);
    border: dashed 1px rgb(0 0 0 / 0.5);
}

.txtLivePrice {
    margin: 10px 0 10px 0;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 1px;
    height: 50px;
    line-height: 40px;
    background-color: rgb(203 239 255 / 0.5);
    border: dashed 1px rgb(0 0 0 / 0.50);
}

.btnReserveThisLive {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    background-color: #d40a0a;
    color: #d4ffbd;
    text-shadow: 1px 3px 5px #670000;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 7px;
    box-shadow: 1px 3px 7px #000000;
    cursor: pointer;
}








.divLiveControllers {
}

.btnJoinTheLiveNow {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    background-color: #38b73f;
    color: #d4ffbd;
    text-shadow: 1px 3px 5px #006706;
    font-weight: bold;
    font-size: 18px;
    width: 90%;
    height: 45px;
    line-height: 45px;
    border-radius: 7px;
    box-shadow: 1px 3px 7px #000000;
    cursor: pointer;
}







.divHomeLiveManager {
    display: none;
    position: relative;
    width: 100%;
    height: 59px;
    margin: 7px 0 7px 0;
    padding: 0 !important;
    clear: both !important;
    border-radius: 0 50px 50px 0;
}
.divLiveImage {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 55px;
    background-color: #1a75a9;


    background-size: cover;
    background-position: top center;
    border-radius: 50%;
}
.divLiveData {
    display: block;
    position: absolute;
    right: 60px;
    left: 2px;
    top: 2px;
    bottom: 2px;
}


.divLiveTitle {
    padding-right: 7px;
    display: block;
    position: absolute;
    right: 2px;
    left: 55px;
    top: 2px;
    bottom: 27px;    
    background-color: rgb(34 34 34 / 0.30);
    font-weight: bold;
    font-size: 16px;
}

.divLiveTag {
    padding-right: 7px;
    display: block;
    position: absolute;
    right: 2px;
    left: 55px;
    top: 30px;
    bottom: 2px;
    background-color: rgb(83 83 83 / 0.20);
    color: #000000;
}


.divLiveAction {
    display: block;
    position: absolute;
    left: 2px;
    width: 50px;
    top: 2px;
    bottom: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border-radius: 7px;
    padding-top: 1px;
}


.divLiveAction_0 {
    
}

.divLiveAction_1 {
    color: #ffffff;
    border: 1px solid #1a5a1e;
    background-color: rgb(55 160 0 / 0.60);
    box-shadow: -2px 1px #e6c6a4;
    text-shadow: 1px 1px 2px #1a5a1e;
}

.divLiveAction_1_full {
    color: #ff8383;
    background-color: #515151;
    box-shadow: -2px 1px #ffdbdb;
    text-shadow: 1px 1px 2px #4d4d4d;
    border: 1px solid #171717;
}

.divLiveAction_2 {
    color: #ffffff;
    border: 1px solid #490e0e;
    background-color: rgb(255 39 39 / 0.7);
    box-shadow: -2px 1px #fe8d8d;
    text-shadow: 1px 1px 2px #4b0000;
}


.divHomeLiveManager_0 {
}
.divHomeLiveManager_1 {
    background-color: #9cc374;
}
.divHomeLiveManager_1_full {
    background-color: #909090;
}
.divHomeLiveManager_2 {
    background-color: #74c7ff;
}






    .divCloseLiveDreamViewer {
        background-color: #ca0000;
        color: #ffffff;
        text-align: center;
        width: auto;
        height: 40px;
        line-height: 35px;
        font-size: 20px;
        margin: 5px;
        border: 1px solid #a00101;
        border-radius: 5px;
    }
    .divCloseLiveDreamViewer span
    {
        display: inline-block;
        height: 40px;
        width: 40px;
    }



.divLawyersButtons {
    background-color: #e6c6a4;
    text-align: center;
    font-size: 14px;
    margin: 5px;
    padding: 10px;
    border: 1px solid #222222;
    border-radius: 5px;
}

.divDreamLiveWriter {
    display: none;
    position: absolute;
    top: 10px;
    left: 5px;
    right: 5px;
    bottom: 70px;
    background-color: rgb(64 107 161 / 0.4);
    background-image: linear-gradient(to right, rgb(10 21 44 / 0.4), rgb(43 150 210 / 0.4));
    padding: 10px;
    padding-top: 20px;
    z-index: 999999 !important;
}
.txtQuestionLive
{
    height: 150px !important;
}


.divHalfScreen {
    clear: both;
    display: inline-block;
    width: 48% !important;
    background-color: gray;
    margin: 1px;
    min-height: 150px;
}


.divMySignsAlert {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #0b152d;
    z-index: 99999999999999999999999 !important;
}

.txtMySignsAlert
{
    margin-top: 50px;
    display: block;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
}

.btnMySignsAlert {
    margin-top: 100px;
    display: block;
    text-align: center;
    font-size: 24px;

    width: 70% !important;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background: #104c4d;
    color: #ffffff;
    border-radius: 14px;
    cursor: pointer;
}


.txtSignTitle {
    font-size: 20px;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 3px;
    margin: 5px;
    font-weight: bold;
    text-align: center;
    background-color: #f6f6f6;
}
.txtSignBody {
    font-size: 20px;
    display: block;
    line-height: 40px;
    padding: 3px;
    margin: 5px;
    font-weight: bold;
    background-color: #f6f6f6;
}


.Sign_Li
{
    background-color: #8d7117;
}


.divSignRequestViewer {
    background-color: #ffffff;
    min-height: 100vh;
}

.divPostMySign {
    display: block !important;
    width: 50% !important;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    padding: 10px;
    background: #1a5a1e;
    color: #ffffff;
    border-radius: 14px;
    cursor: pointer;
    font-size: 16px !important;
}


.spnSignsHeader {
    font-size: 20px;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 3px;
    margin: 5px;
    font-weight: bold;
    background-color: #d6fbff;
    text-align: center;
}

.divAddNewSigns {
    display: block !important;
    width: 50% !important;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    padding: 10px;
    background: #2c96d2;
    color: #ffffff;
    border-radius: 14px;
    cursor: pointer;
    font-size: 16px !important;
}

.divSaveSign {
    display: block !important;
    width: 50% !important;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    padding: 10px;
    background: #1a5a1e;
    color: #ffffff;
    border-radius: 14px;
    cursor: pointer;
    font-size: 16px !important;
}



.divLawyersHandSigns .divLawyersHandSignsInnerParent {
    display: block;
    height: 200px;
    margin: 5px;
    background-color: #ffbdbd;
    position: relative;
}

.divLawyersHandSigns .divLawyersHandSignsInner {
    display: inline-block;
    height: 200px;
    background-color: #ffbdbd;    
    clear:both;
    position: relative;
    top: 0;
}

.divLawyersHandSigns .divLawyerHandSign {
    position: absolute;
}

.divLawyersHandSigns .divLawyerImg {
    height: 200px !important;
    width: 100px !important;
    background-color: #1a5a1e;
    position: relative;
}

.divLawyersHandSigns .imgLawyer {
    height: 100px !important;
    width: 100px !important;
    display: block;
}

.divLawyersHandSigns .txtLawyer {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px;
    width: 150px !important;
    min-width: 150px !important;
    background-color: #2b96d2;
    display: block;
    font-size: 15px;
    overflow: hidden;
}







.divSignsAttachments {
    padding-top: 10px;
}



.divServiceFeesItem {
    color: #000000;
    font-size: 15px;
    background-color: #e6c6a4;
    margin-bottom: 10px;
    padding: 2px;
}
    .divServiceFeesItem:nth-child(2n+1) {
        background-color: #a4e6d6;
    }

.divServiceFeesItemColumn
{
    display: inline-grid;
    width: 50%;
}

.divServiceFeesSub {
    padding-right: 3px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.41);
}
.divServiceFeesItemColumn_left .divServiceFeesSub {
    padding-right: 5px;
}

.divServiceFeesItemColumn_right .divServiceFeesSub {
    border-left: 1px dashed rgb(0, 0, 0, 0.41);
}

.divService_Name
{
    text-align: center;
    height: 35px;
    line-height: 35px;
    background-color: #00000087;
    color: #e6c6a4;
    font-size: 20px;
}

.divServiceFeesSub .spnTitle
{
    color: #02082a;
    display: inline-block;
    width: 45%;
    font-weight: bold;
    margin-left: 5px;
}





.txtCustomeRoleDialoge {
    font-size: 16px !important;
    text-align: right !important;
    line-height: 20px !important;
    display: list-item;
    list-style-type: square; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */

    white-space: pre; /* convert the new line to line break <br />  */

    overflow: visible !important;
    height: auto !important;
}

.divCustomeRole_List_Parent {
    position: relative;
}

.divCustomeRole_List {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #e6c6a4;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
}
.txtCustomeRoleEditor {
    height: 50%;
    resize: none;
    overflow: auto;
    padding: 5px;
    border: 1px solid #000000;
    background: #fff6ec !important;
    margin-top: 10px;
    margin-bottom: 1px;
}
.btn-customeRole
{
    background-color: #fffa00 !important;
    color: #0a152c;
}

.cssAdContainer {
    width: 100%;
}

.cssAdContainer .swal2-show {
    width: 100%;
}

.cssAdContainer .swal2-show img {
    max-width: 100%;
}


#divTimeManager_MaxTime
{
    font-size: 15px;
    background-color: #e6c6a4;
}
#divTimeManager_ExtraTime {
    font-size: 15px;
    background-color: #70ccff;
    margin-top: 5px;
}


.divSendWhatsappClient
{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background-color: #e6c6a4;
    width: 45%;
    margin: 3px;
    font-size: 18px;
}

.divSendWhatsappLawyer {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background-color: #70cbff;
    width: 45%;
    margin: 3px;
    font-size: 18px;
}


.divLiveMaxTimer {
    background-color: #104c4d;
    display: block;
    position: absolute;
    top: 50px;
    height: 35px;
    line-height: 35px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
}

.divLiveMinutesMax_Text {
    background-color: #053334;
    text-align: center;
    padding: 8px;
    color: #ffffff;
    font-size: 20px;
}

    .divLiveMinutesMax_Text span {
        font-weight: bold;
        font-size: 22px;
        color: #e6c6a4;
    }



.divCharger {
    display: none;
    position: absolute;
    top: 90px;
    bottom: 70px;
    left: 5px;
    right: 5px;
    background-color: rgb(230 198 164 / 0.50);
    z-index: 99;
    padding: 5px;
}

.btnClosePaymentPanel
{
    display: none;
    z-index: 999999 !important;
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 20px;
}


.divDreamManager {
    display: none;
    position: absolute;
    top: 90px;
    bottom: 70px;
    left: 50%;
    right: 5px;
    background-color: rgb(0 0 0 / 0.49);
    z-index: 99;
    padding: 5px;
}

.divDreamManagerInner {
    position: absolute;
    top: 60px;
    bottom: 5px;
    left: 2px;
    right: 2px;
    background-color: rgb(255 255 255 / 0.1);
    overflow-x: hidden;
    overflow-y: scroll;
}

.divDreamsList
{
    margin-top: 15px;
}

.divLiveDreamListItem {
    display: block;
    text-align: right;
    padding-right: 5px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 3px;
}



.divLiveDreamListItem_true {
    background-color: rgb(216 255 219 / 0.4);
}

.divLiveDreamListItem_false {
    background-color: rgb(255 227 193 / 0.40);    
}

.divLiveDreamListItemDetails
{
    background-color: rgb(255 255 255 / 0.30);
    margin-bottom: 3px;
    padding: 3px;
}


.divLiveDreamListItemPartID
{
    color: #bebebe;
    text-align: center;
    display: block;
    background-color: #787878;
    font-size: 12px;
}

.divLiveDreamListItemDreamNumber {
    color: #171717;
    text-align: center;
    display: block;
    background-color: #eaeaea;
    margin-top: 3px;
    font-size: 16px;
    padding: 5px;
}

.divLiveDreamListItemMessage {
    background-color: rgb(255 255 255 / 0.58);
    margin-top: 3px;
    padding: 5px;
}


.txtCredit_Live {
    margin: 7px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    width: 90%;
    background-color: #f8fff2;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    height: 35px;
    border: 3px #7bb042 solid !important;
}

.btnSendLiveDream
{
    font-size: 12px !important;
}





.divServiceDefaults {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background-color: #ff0000;
}


.cmbClientMode {
    color: #ffffff;
    font-size: 17px !important;
    padding: 6px;
}

.txtMessagePreview
{
    background-color: #104c4d;
    color: #ffffff;
    padding: 8px;
    margin: 3px;
    display: block;
    font-size: 18px;
    line-height: 40px;
}


.divViceoClientItem {
    margin: 8px;
    box-sizing: border-box;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: row;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    color: rgba(0,0,0,0.87);
    border-radius: 2px;
    padding: 5px;
    overflow: hidden;
    background-color: #104c4d;
}

    .divViceoClientItem .Chkcontainer {
        font-size: 14px !important;
    }


.divCancelTheCalling {
    font-size: 20px;
    padding: 10px;
    border: 1px solid #000000;
    border-radius: 15px;
    cursor: pointer;
    background-color: #b90000;
    color: white;
}

.call-chat-answer
{
    color: #329200;
}


.call-chat-icon {
    margin-left: 10px;
    margin-right: 10px;
}
.call-chat-icon-in {
    color: #e40000 !important;
}
.call-chat-icon-out {
    color: #0072ff !important;
}


.divWiatingGoogleApplePay {
    padding-top: 150px !important;
}

.divWiatingGoogleApplePay div {
    font-size: 25px;
    color: #ebe0ca;
    padding: 7px;
}

.divOrGoogleApplePay {
    padding-top: 20px;
}

.txtOrPayWith
{
    display: block;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #104c4d;
    padding-top: 10px;
}
.txtIfGoogleApplePay {
    display: block;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #e6c6a4;
    padding-top: 10px;
}

.divOpenGoogleApplePay {
    display: block;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    color: #e6c6a4;
    padding: 10px 30px;
    padding-top: 10px !important;
    margin-top: 15px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(189, 144, 96, 0.90);
    border: 1px solid #004466;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    margin: auto;
    display: block;
}

.swal2-confirm, .swal2-cancel, .swal2-deny {
    font-size: 15px !important;
}

.swal2-title {
    font-size: 20px !important;
}


.divVideoCallInfo {
    /*background-color: #ffffff !important;*/
    font-size: 18px !important;
    clear: both;
}

.divVideoCallInfo .divLiveHalf {
    display: inline-block;
    width: 50%;
    text-align: center !important;    
    border: 2px solid #ffffff;
    margin: 0 !important;
    clear:both;
}


.divVideoCallInfo .divLiveHalfMargine
{
    margin-top: 0 !important;
    min-height: 55px;
    line-height: 25px;
    background-color: #104c4d !important;
}


.divVideoCallTools {
    margin-top: 7px;
    text-align: center;
}

.divVideoCallTools .btnCallTool {
    display: inline-block !important;
    width: 49% !important;
    text-align: center !important;
    padding: 10px;
    color: #ffffff;
    border-radius: 14px;
    cursor: pointer;
    font-size: 16px !important;
}

.divVideoCallTools .btnCallIsDone
{
    background-color: #1a5a1e;
}

.divVideoCallTools .btnCallIsRefused
{
    background-color: #5a1a1a;
}



.divVideoCallInfo .divLiveHalf .divLawyer {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}
.divVideoCallInfo .divLiveHalf .divLawyer .imgLawyer {
    float: unset !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.divVideoCallInfo .divLiveHalf .divLawyerName {
    display: block !important;
    width: 100% !important;
}

.divVideoCallInfo .divLiveLawyer {
}
.divVideoCallInfo .divLiveLawyer0 {
    background-color: #797979;
}
.divVideoCallInfo .divLiveLawyer1 {
   background-color: #cdff70;
}

.divVideoCallInfo .divLiveLawyer2 {
    background-color: #70d8ff;
}

.divVideoCallInfo .divLiveLawyer3 {
    background-color: #ff8686;
}


.divVideoCallInfo .divLiveClient {
}
.divVideoCallInfo .divLiveClient0 {
    background-color: #ff8686;
}
.divVideoCallInfo .divLiveClient1 {
    background-color: #cdff70;
}

.divVideoCallInfo .divLiveClient2 {
    background-color: #70d8ff;
}

.divVideoCallInfo .divLiveRoom {
    text-align: center !important;
    padding: 15px;
    margin-top: 5px;
    margin-bottom: 2px;
    background-color: rgb(255, 255, 255, 0.95);
}

.divVideoCallInfo .divLiveRoom0{
    background-color: #ff8686;
}

.divVideoCallInfo .divLiveRoom1{
    background-color: #cdff70;
}

.divVideoCallInfo .divLiveRoom .divJoinMeeting
{
    font-size: 20px;
    padding: 10px;
    border: 1px solid #000000;
    border-radius: 15px;
    cursor: pointer;
    background-color: #5f5f5f66;
}





.Messages_li_outbox {
}

.Messages_li_outbox p::before {
    display: inline-block;
    content: "\f062";
    font-family: "FontAwesome";
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    color: #892323;
}

.divSignInForm .txtTopic {
    background: linear-gradient(90deg, #293f3a, #4e5b4a) !important;
    border: none;
    border-radius: 30px !important;
    color: #7bb042 !important;
    height: 50px !important;
    line-height: 50px !important;
}

.divSignInForm .LoginTypeSelector
{
    background: none !important;
    color: #7bb042 !important;
}

.btn-login {
    margin-top: 10px;
    padding: 8px;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    background-color: #7bb042;
    color: #ffffff;
}


.btn-register {
    margin-top: 10px;
    padding: 8px;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    background-color: #0a152c;
    color: #ffffff;
}

.btn-forget {
    margin-top: 20px;
    padding: 8px;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #a1ddff;
}


.MY_Service_Info_Paid_true {
}
    .MY_Service_Info_Paid_true::before {
        display: inline-block;
        content: "\f00c";
        font-family: "FontAwesome";
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px;
        color: #7bb042;
    }


.MY_Service_Info_Paid_false {
}
.MY_Service_Info_Paid_false::before {
    display: inline-block;
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    color: #b03838;
}


.Messages_li_inbox {
}
    .Messages_li_inbox p::before {
        display: inline-block;
        content: "\f063";
        font-family: "FontAwesome";
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px;
        color: #00ff53;
    }





.divWhenWasDream {
    display: block;
    padding: 5px;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    margin: 8px !important;
    font-size: 18px;
    color: #0a152c;
}

.txtQuestionTime
{
    max-height: 50px !important;
}

.div_payment_done {
    display: block;
    margin-top: 150px;
    font-size: 35px;
}
    .div_payment_done::before {
        display: block;
        content: "\f087";
        font-family: "FontAwesome";
        font-size: 125px;
        padding-left: 5px;
        padding-right: 5px;
        color: #104c4d;
    }



.divLoadMoreRattings {
    display: block;
    font-size: 25px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    background-color: #0b152d !important;
    color: #104c4d;
    height: 35px;
}

.divRattingStarsParent {
    background-color: rgb(255 248 215 / 0.48);
    padding: 7px;
}

.divRattingStars {
    float:none;
}

.divRattingStars svg {
    width: 48px;
    height: 48px;
}


    .divRattingStars svg text {
        fill: #ffffff;
        font-size: 8px;
        display: block;
        width: 48px;
        height: 48px;
    }


.divStarsName
{
    padding-top: 10px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
}

.divServices_done {
}
.divServices_working {
}
.divServices_waiting {
}
.divServices_all {
}
.divServices_lawyer {
}
.divServices_payment {
}


.divServices_done div {
    background-image: -webkit-linear-gradient(#b1e6a4, #58ac57 40%, #67ac57) !important;
    background-image: linear-gradient(-90deg, #41d22b, #0a2c0d) !important;
}

.divServices_working div {
    background-image: -webkit-linear-gradient(#e6c6a4, #7bb042 40%, #7bb042) !important;
    background-image: linear-gradient(-90deg, #d2c92b, #2c2c0a) !important;
}

.divServices_waiting div {
    background-image: -webkit-linear-gradient(#e6c6a4, #7bb042 40%, #7bb042) !important;
    background-image: linear-gradient(-90deg, #2ba9d2, #0a182c) !important;
}

.divServices_all div {
    background-image: -webkit-linear-gradient(#e6c6a4, #7bb042 40%, #7bb042) !important;
    background-image: linear-gradient(-90deg, #9e77b2, #4c3278) !important;
}

.divServices_lawyer div {
    background-image: -webkit-linear-gradient(#e6c6a4, #7bb042 40%, #7bb042) !important;
    background-image: linear-gradient(-90deg, #d9885f, #2c160a) !important;
}

.divServices_payment div {
    background-image: -webkit-linear-gradient(#e6c6a4, #7bb042 40%, #7bb042) !important;
    background-image: linear-gradient(-90deg, #d22b2b, #2c0a0a) !important;
}



.divNewCard {
    margin-top: 35px;
}
.divchkFastPayment {

    margin-bottom: 80px;
}

.divShowNewCard {
    display: block;
    height: 55px;
    line-height: 40px;
    font-size: 24px;
    margin-bottom: 55px;
    text-align: left;
    background-color: #0b152d !important;
}

    .divShowNewCard::before {
        content: "\f040";
        font-family: "FontAwesome";
        font-size: 25px;
        padding-left: 5px;
        padding-right: 5px;
        color: #104c4d;
    }


.card-js select {
    width: 50% !important;
    min-width: 50% !important;
    background-image: unset !important;
}


.divSavedCard {
    display: block;
    background-color: #7bb042;
    background-image: linear-gradient(#e6c6a4, #7bb042 40%, #7bb042);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}


.divSavedCard_Number
{
    display: block;
    margin-top:5px;
    margin-bottom: 5px;
    height: 45px;
    line-height: 35px;
    font-size: 25px;
    font-weight: bold;
    direction: ltr !important;
}

    .divSavedCard_Number::before {
        content: "\f09d";
        font-family: "FontAwesome";
        font-size: 25px;
        padding-left: 5px;
        padding-right: 5px;
        color: #000000;
    }


.divSavedCard_Date {
    display: inline-block;
    width: auto;
    font-style: italic;
    letter-spacing: 0.5rem;
}
.divSavedCard_CVC {
    display: inline-block;
    width: auto;
    max-width: 25%;
    margin-left: 15px;
    margin-right: 15px;
}





/*Stripe Payment*/
.my-custom-class {
    border: 1px dashed #f00 !important;
}

.card-js input {
    max-width: unset !important;
}


.dpf-submit {
    padding: 10px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #08c;
    border: 1px solid #004466;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    margin: auto;
    display: block;
    font-size: 1.3em;
}

    .dpf-submit:hover {
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 3px 16px rgba(0, 0, 0, 0.25), 0px 1px 10px rgba(255, 255, 255, 0.5), inset 0px -1px 2px rgba(255, 255, 255, 0.35);
        box-shadow: inset 0px 3px 16px rgba(0, 0, 0, 0.25), 0px 1px 10px rgba(255, 255, 255, 0.5), inset 0px -1px 2px rgba(255, 255, 255, 0.35);
        -webkit-transition: all 0.40s ease-out;
        -webkit-transition: all 0.20s ease-out;
        transition: all 0.20s ease-out;
    }

    .dpf-submit .btn-loading-state {
        display: none;
        padding: 0 70px;
    }

    .dpf-submit.loading {
        color: black;
        background: white;
    }

        .dpf-submit.loading .btn-active-state {
            display: none;
        }

        .dpf-submit.loading .btn-loading-state {
            display: block;
        }

        .dpf-submit.loading .fa-refresh {
            font-size: 1.5em;
            -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear;
        }


/*Stripe Payment*/












textarea
, a
, div
, input.text
, input[type="text"]
, input[type="button"]
, input[type="submit"]
, .input-checkbox 
{
/*This to remove the Apple iPhone styling*/
-webkit-appearance: none !important;
-moz-appearance: none !important;
}


.firebaseui-id-secondary-link
{
    background-color: transparent !important;
    color: #ff0000 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #222222;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #222222;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #222222;
}


.btnSaveAnswer {
    background-color: #0b152d !important;
}


.divLawyerStatusSetter_Selector {
    padding-top: 20px;
}

.btnPayFromStore_half {
    
}

.btnPayCredit_half {
    background-color: #1a75a9 !important;
}


.admin_Clients, .admin_Clients a{
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

.divVoiceRecorder {
    margin-top: 20px !important;
    position: fixed !important;
    background-color: #ffffff !important;
    width: 100% !important;
    height: 106px !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 55px !important;
}





.divOutLawyer
{
    background-color: #862626 !important;
}
.txtIamNotReadyList
{
    color: #ffa5a5 !important;
}


.divMyPromoCode {
}


    .divMyPromoCode::after {
        
    }

.txtPromoTitle {
    color: #ecf2e7;
}

.txtPromoBody {
    
}
.txtPromoListTitle {
    color: #0a152c;
}



    .divDisCodeAd {
        background-color: #f8deb5 !important;
    }
    .divDisCodeAd div {
        color: black;
    }

    .divDisCodeAd span {
        color: #1a5a1e;
        font-size:23px;
    }

    .divDisCodeAd icon:before {
        color: #ff6d0c;
    }

    .divDisCodeAd span:before, .divDisCodeAd span:after {
        color: #43506f;
        font-size:23px;
    }



/*.Price_Crncy_1, .Price_Crncy_2 {
    display: block;
}*/



.HMyServiceRequestOffer .divButtonIcon {
    background-color: #104c4d !important;
    background-image: none !important; /*linear-gradient(to right, #0b152d, #ac5757) !important;*/
}

    .HMyServiceRequestOffer .divButtonIcon img
    {
        
    }

    /*.HMyServiceRequestOffer span:after {
        content: "\f02c";
        font-family: "FontAwesome";
        font-size: 25px;
        padding-left: 5px;
        padding-right: 5px;
        color: #f37904;
    }*/

.Title_Discount:after {
    content: "\f02c"; /*f02b - f541 - f295 - f507 - f02c*/
    font-size: 30px;
    color: #f37904;
}

.divContactSupport {
    /*background-color: #0a152c;*/
    /*color: rgb(172, 131, 88);*/
}



.divHotAnswers div {
    background-color: #0a152c;
    color: #ffffff;
}



.divHotAnswers div:nth-child(odd) 
{
    background-color: #2b96d2; /*#104c4d;*/
}




.admin_home_buttons 
{
    font-family: 'FontAwesome' !important;
    display: inline-block !important;
    width: 24% !important;
    text-wrap:avoid !important;
    overflow:hidden !important;
}

.Reply_p_lawyers {
    font-weight: bold !important;
    color: #009209;
}

.Reply_p_clients {
    font-weight: bold !important;
    color: #222222;
}



.divUploadingAudio {
    background-color: rgba(10, 21, 44, 0.94);

}

.divUploadingInner {
    background-color: #edf2ff;
    max-width: 500px;
}

.divUploadPercent {
    background-color: #ff8181;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    transition: width .6s ease;
    border: 2px solid black;
}


.divUploadPercent_Shadow {
    background-color: #15cc00;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    transition: width .6s ease;
}





.divGuestHomeTopPart {
    background-image: linear-gradient(to right, #0a152c, #0a152c);;
}
.divGuestHomeTopPart::after {
    background-image: url('../patterns/p (2).png');
}


.divTopButtons #txtWaitingLawyer {
    background-color: #0a152c;
    border-bottom: 3px solid #0a152c;
}

.divTopButtons #txtWaitingAccept {
    background-color: #104c4d;
    border-bottom: 3px solid #104c4d;
}

.divTopButtons #txtIsWorking {
    background-color: #2c96d2;
    border-bottom: 3px solid #2c96d2;
}

.divTopButtons #txtIsDone {
    background-color: #00a91d;
    border-bottom: 3px solid #00a91d;
}


.Chat-Icon path {
    fill: #00a91d !important;
}

.divStatsCount1 {
    background-color: #ddead3;
    color: #36870b;
}

.divStatsCount2 {
    background-color: #ddead3;
    color: #36870b;
}

.divStatsCount3 {
    background-color: #ddead3;
    color: #36870b;
}

.divGoBack {
    background-color: #7bb042;
    color: white;
    border: none;
}

.divGuestLoginCircle {
    background-color: #7bb042;
    color: white;
    border: none;
    bottom: 156px;
}
.divGuestLoginCircle:before {
    color: white;
}

.LawyerLastOnline {
    text-align: right !important;
    display: block;
    position: absolute;
    right: 1px;
    height: 20px;
    line-height: 20px;
    color: #7bb042;
    text-align: center;
    margin-top: -5px;
}
.LawyerLastOnline_Offline
{
    color: #9a9a9a !important;
}

.LawyerLastOnline_en {
    float: right;
    right: 32px;
}

.LawyerLastOnline_ar {
    float: left;
    left: 32px;
}
.LawyerLastOnline:before {
    content: "\f017";
    font-family: "FontAwesome";
    width: 30px;
    height: 20px;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #104c4d !important;
}

.LawyerSinceText::before {
    color: #104c4d !important;
}

.divDoAgreement .txtAgreeTitle {
    background-color: #104c4d;
    padding: 5px;
}

.divDoAgreement .txtAgreeBody {
    
}


.divRateUS:before {
    color: rgb(172, 131, 88);
}

.divRemainFree {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 1px;
    width: 138px;
    height: 35px;
    color: black;
    text-align: center;
    line-height: 30px;
    border-radius: 2px;
    background-color: #ecf2e7;
    border: solid 1px #ffffff;
}
    .divRemainFree text {
        color: #7bb042;
        font-size: 20px;
        padding: 0 5px 0 5px;
    }

    .divRemainFree span {
        color: #104c4d !important;
        font-size: 17px;
    }

    .divRemainFree_en {
        float: right;
        right: 7px;
    }

.divRemainFree_ar {
    float: left;
    left: 7px;
}

.MenuSVG {
    display: none;
    visibility: collapse;
}

.divActivationCode {
    background-color: #0a152c;
    color: #ffffff !important;
}

.divNotActiveUser {
    background-color: #0a152c;
    text-align: center !important;
    font-size: 20px !important;
    color: #ffffff !important;
}

/* Replies Menu Style List */
.Reply_li {
    padding: 5px;
    overflow: auto;
    background-color: #e1e1e1;
    color: #000000;
}

    .Reply_li:nth-child(odd) {
        /*background-color: whitesmoke;*/
        background-color: #efefef;
        color: #000000;
        font-style: italic !important;
    }
    

    .Reply_li:hover {
    }


    .Reply_li:last-child {
    }

    .Reply_li p {
        font-size: 17px !important;
        display: inline !important;
        text-wrap: normal;
        word-break: break-word;
        word-wrap: break-word;
    }


    .Reply_li .divReplyDate {
        background: #000000;
    }

    .Reply_li .ReplyDate {
        color: #ffffff;
        background: #000000;
    }

    .Reply_li:nth-child(odd) .ReplyDate {
        color: #ffffff;
        background: #000000;
    }
/* Replies Menu Style List */




.divGuestLogin {
    background-color: #104c4d;
    padding: 5px 10px 5px 10px !important;
    border-radius: 25px 25px 0 0;
}

    .divGuestLogin a {
        background-color: #7bb042;
        color: #ffffff !important;
        display: inline-block;
        height: 30px !important;
        line-height: 28px;
        text-align: center !important;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 20px;
        min-width: 120px;
        margin-top: 8px;
    }
    .divGuestLogin a:before {
        /*color: #ffffff !important;
        content: "\f2bd";
        font-family: "FontAwesome";
        width: 20px;
        font-size: 20px;
        text-align: center;
        display: inline-block;
        line-height: 28px;
        padding-left: 30px !important;
        padding-right: 30px !important;*/
    }

    .divGuestLogin .lnkLogin {
        
    }
.divGuestLogin .lnkLogin:before {
    
}


    .divGuestLogin .lnkRegister {
        
    }
.divGuestLogin .lnkRegister:before {
}


.AlertText {
    background-color: #070524;
}

.txtProfile {
    font-size: 18px !important;
    padding: 8px !important;
    background-color: #fff9f2 !important;
    color: #0b152d !important;
    display: block;
    width: 100%;
    max-width: none;
    max-width: unset;
    height: 300px;
}


.divProfile {
    background-color: #ffffff !important;
    padding: 15px !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    font-size: 18px !important;
}

.divEducation {
    background-color: #ffffff !important;
}

.divExperiences {
    background-color: #ffffff !important;
}

.divMembership {
    background-color: #ffffff !important;
}

.divServices {
    
}

.ul_edu_Profile {
    list-style-type: none !important;
    padding-bottom:15px !important;
}
    .ul_edu_Profile li:before {
        content: "\f02d";
        font-family: "FontAwesome";
        width: 20px;
        height: 20px;
        font-size: 1.5em;
        text-align: center;
        display: inline-block;
        line-height: 25px;
        padding: 5px;
        margin: 10px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        color: #1a75a9 !important;
    }




.ul_mem_Profile {
    list-style-type: none !important;
    padding-bottom:15px !important;
}
    .ul_mem_Profile li:before {
        content: "\f2c2";
        font-family: "FontAwesome";
        width: 20px;
        height: 20px;
        font-size: 1.5em;
        text-align: center;
        display: inline-block;
        line-height: 25px;
        padding: 5px;
        margin: 10px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        color: #1a75a9 !important;
    }



.ul_exp_Profile {
    list-style-type: none !important;
    padding-bottom: 15px !important;
}
    .ul_exp_Profile li:before {
        content: "\f0b1";
        font-family: "FontAwesome";
        width: 20px;
        height: 20px;
        font-size: 1.5em;
        text-align: center;
        display: inline-block;
        line-height: 25px;
        padding: 5px;
        margin: 10px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        color:#1a75a9 !important;
    }


.divLawyerReviews {
    background-color: #ffffff !important;
}

.MultiItems:nth-child(odd) {
    background-color: #def0ff !important;
}
.MultiItems
{
    background-color:#d4dee8 !important;
}

.divAnswerContent {
    font-size: 17px !important;
}

#itemsContainer .item text {
    font-size: 21px !important;
}

.MultiValues .MultiValues-Text {
    font-size: 18px;
    line-height: 20px !important;
}

.divWriteTheAnswer 
{
    display: table-cell !important;
    float: left !important;
    font-size: 20px !important;
    line-height: 48px !important;
    color: #ffffff !important;
}


.btnWriteAnswer {
    float: left !important;
    background-color: #168f11 !important;
    height: 47px !important;
    width: 47px !important;
    border-radius: 40px !important;
    min-height: initial !important;
    min-width: initial !important;

    min-height: unset !important;
    min-width: unset !important;
    padding: 2px !important;
    margin: 2px !important;
    font-family: "FontAwesome" !important;
    font-size: 20px !important;
}

#divImage .imgLawyer
{
    cursor: pointer !important;
}

.btnWriteAnswer:active {
    background-color: #ce9d68;
}




.btnRecordAnswer {
    background-color: #7bb042 !important;
    height: 45px !important;
    width: 45px !important;
    border-radius: 40px !important;
    min-height: initial !important;
    min-width: initial !important;
    min-height: unset !important;
    min-width: unset !important;
    padding: 2px !important;
    margin: 2px !important;
    font-family: "FontAwesome" !important;
    font-size: 23px !important;
}

.btnRecordAnswerVTT {
    background-color: #a82b2b !important;
}

.tabsDataContainer path {
    fill: #ffffff;
}

.divQuestionSubDetails path {
    fill: #ffffff !important;
}

.Case_li path {
    fill: #ffffff !important;
}


* {
    font-family: Calibri !important;
}

*:focus
{
    border-color: none !important;
    border-color: unset !important;
}

.divLawyerInfo span {
    font-size: 20px;
    color: #1a5a1e !important;
}

.txtSearch {
    background: #fbfff5 !important;
    border-color: #1a5a1e !important;
    color: #1a5a1e !important;
}

.txtOneLine {
    /*background-color: rgba(172, 131, 88, 0.7) !important;*/
    background: #fbfff5 !important;
    border-color: #1a5a1e !important;
    color: #1a5a1e !important;
}


.LawyerPaymentPenal_true {
    background-color: #d76767 !important;
    color: #000000 !important;
}


.LawyerPaymentPenal_false {
    background-color: #b6ae55 !important;
    color: #000000 !important;
}


.LawyerPaymentIncome_true {
    background-color: #6ed051 !important;
    color: #000000 !important;
}

.LawyerPaymentLiveDream_true .txtTopicAdmin {
    background-color: #ce9d68 !important;
    color: #000000 !important;
}

.LawyerPaymentLiveReserv_true .txtTopicAdmin {
    background-color: #4dffff !important;
    color: #000000 !important;
}

.LawyerPaymentRecord span {
    background: #ffffff36 !important;
    color: #000000 !important;
}











.MultiValues:nth-child(2n+1) {
    background-color: #52839f !important;
}
.MultiValues {
    background-color: #2b96d2 !important;
    color: #ffffff !important;
}


.BottomTools {
    background-color: #0a152c !important;
}

.subheader {
    background-color: #f5f5f5 !important;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    margin-bottom: 5px;
}


.divHello {
    color: #ffffff !important;
    background-color: #0a152c !important;
    margin-bottom: 10px !important;
    padding-top: 7px !important;
}

.divHello span {
    color: #2c96d2;
}



.divLawyerStatusSetter {
    color: #ffffff !important;
    background-color: #e3eddb !important;
    margin-bottom: 10px !important;
    padding-top: 7px !important;
}

.divLawyerStatusSetter span {
    color: #0a152c;
}


.divLawyerStatusSetter_Selector {
    display: inline-block !important;
    background-color: transparent !important;
    height: 25px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}


.txtIamReady
{
    color: #005f06 !important;
}

.txtIamNotReady {
    color: #7e0000 !important;
}





.divCredit {
    color: #104c4d !important;
    background-color: #f0f0f0 !important;
    margin-bottom: 2px !important;
    padding-top: 3px !important;
}

    .divCredit span {
        color: #0a152c;
    }

    .divCredit small {
        color: #0a152c;
    }



.divFreeServicesCredit {
    color: #ffffff !important;
    background-color: #1a75a9 !important;
    margin-bottom: 5px !important;
    padding-top: 3px !important;
}




.divLawyerProfile {
    background-color: #e1e1e1;
    padding: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.divLawyerProfile .imgLawyer{
    margin-left: 10px !important;
    margin-right: 10px !important;
}

    .divLawyerProfile .txtLawyer {
        color: #104c4d !important;
        font-size: 18px;
    }
.divLawyerProfile .txtLawyerSub {
    color: #2b96d2 !important;
    font-size: 14px;
}
    .divLawyerProfile .txtCount {
        color: #787878 !important;
        font-size: 18px;
    }

.divLawyerProfile .divLawyerName
{
    padding-top: 1px !important;
}

#divOrder .divAnswer {
    background-color: #f0f0f0;
    color: #0a152c;
    padding: 1px;
}
#divOrder .divAnswer .imgLawyer
{
    margin-left: 10px !important;
    margin-right: 10px !important;
}

#divOrder .divAnswer a, #divOrder .divAnswer span
{
    color: #0a152c !important;
}

.divMarginLeftMenu
{
    /*margin-left: 35px !important;*/
}




.divHomeIcons .HomeIconItem .divButtonIcon {
    /*background-image: -webkit-linear-gradient(#e6c6a4, #104c4d 40%, #104c4d);*/
    background-image: none !important; /*linear-gradient(-90deg, #175b5c, #022828);*/
    background-color: #104c4d !important;
    border-radius: 8px;
    margin: 1px !important;
    display: block;
    position: relative;
    width: 26vw;
    height: 24vw;
    max-width: 135px;
    max-height: 135px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
}

.divHomeIcons .HomeIconItem span {
    max-width: 135px;
}


.divHomeIcons .HomeIconItem div img {
    width: 70%;
    height: 70%;
    position: relative;
    left: 1px;
    top: 5px;
}

.divHomeIcons .HomeIconItem span {
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    left: 1px;
    right: 1px;
    text-align:center;
    display: block;
    color: #ffffff;
}
.divHomeIcons .HomeIconItem {
    padding-bottom: 7px;
}


.PageLogoHead span {
    font-size: 19px;
}

.subheader-Text
{
    font-size: 18px !important;
}

body::after {
    height: -webkit-fill-available;
    min-height: 100%;
    content: "";
    background-image: url('../patterns/p (10).png');
    background-attachment: fixed;
    background-size: 300px;
    background-repeat: repeat-y;
    background-position: center;
    opacity: 0.4;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}

.service_price_confirm
{
    float:right;
    color: #ffffff;
    text-align: center;
    font-size: 13px !important;
}
.PageLogoHead {
    float: left;
    height: 120px !important;
    /*width: 120px !important;*/
    max-width: unset;
    overflow: visible;
    line-height: normal !important;
    animation: none !important;
    animation: unset !important;
}

.PageLogoHeadCenter {
    float: none !important;
    float: unset !important;
    animation: none !important;
    animation: unset !important;
}

.divStatusServices {
    height: 50px !important;
}
.PageLogoHeadCenter2 {
    height: 50px !important;
    background-color: #104c4d !important;
    background-image: linear-gradient(to right, #104c4d, #104c4d) !important;
}
.PageLogoHeadCenter2 span {
    line-height: 50px !important;
}


.PageLogoHead .divButtonIcon {
    background-image: none;
    background-color: #004f05;
    border-radius: 50% !important;
    display: block;
    position: relative;
    float: left;
    height: 120px !important;
    width: 125px !important;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
}

    .PageLogoHead .divButtonIcon img {
        width: 100%;
        height: 100%;
    }

.PageLogoHead span {
    display: block;
    line-height: 53px;
    height: 53px;
    font-weight: bold;
    font-size: 32px !important;
    color: #1b1b1b;
    float: right;

}


.PageHeadTitle
{
    width: 250px !important;
}

.divStatus {
    height: 120px;
    margin-bottom: 5px !important;
}




.divTopButtons
{
    width: 99% !important;
    padding:0 !important;
    margin: 0 !important;
    margin-left:auto !important;
    margin-right: auto !important;
    text-align:center !important;
    padding-bottom: 10px !important;
}



    .divTopButtons a, .divTopButtons .divTopButtons_a {
        width: 32% !important;
        max-width: 32% !important;
        min-width: 32% !important;
    }

.btnFindinLawyer {
    display: none !important;
    visibility: collapse !important;
}

.divTopButtons a span, .divTopButtons .divTopButtons_a span {
    /*background-image: linear-gradient(to right, #0a152c, #0a152c);;
    background-image: -webkit-linear-gradient(#0a152c, #0a152c 40%, #2b96d2);*/
    background-color: #f0f0f0;
    color: #727272 !important;
    display: block;
    width: 100% !important;
    border: none !important;
    border-radius: 15px;
    border-color: none !important;
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}



.divTopButtons_Services a {
    width: 22% !important;
    max-width: 22% !important;
    min-width: 22% !important;
}
    .divTopButtons_Services a span {
        font-size: 15px !important;
        overflow: hidden !important;
        min-width: 100% !important;
    }



    /*زر ترتيب الطلبات المفعل*/
    .arrButtonSelected span {
        background-image: linear-gradient(to right, #7bb042, #7bb042) !important;
        background-image: -webkit-linear-gradient(#7bb042, #7bb042 40%, #7bb042) !important;
        background-color: #7bb042 !important;
    }



    .divTopButtons a:hover span {
        background-image: linear-gradient(to right, #0a152c, #0a152c) !important;
        color: #ffffff !important;
    }

    .divTopButtons a:active span {
        background-color: #104c4d !important;
        background-image: linear-gradient(to right, #104c4d, #104c4d) !important;
        color: #ffffff !important;
    }


.btnServiceSelected span {
    background-image: linear-gradient(to right, #1a5a1e, #56a05a) !important;
    background-image: -webkit-linear-gradient(#1a5a1e, #1a5a1e 40%, #56a05a) !important;
    background-color: #56a05a !important;
    border-color: #ff0000 !important;
}



.divTopButtons a div, .divTopButtons .divTopButtons_a div {
    display: block;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #0a152c;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 0 !important;
    color: #ffffff;
    line-height: 30px;
    margin-top: 3px !important;
}








#itemsContainer .item text {
    fill: white !important;
}

.icon-float path {
    fill: #ffffff !important;
}


.item .Sect1 {
    fill: rgba(189, 144, 96, 0.95) !important;
}


.item .Sect2 {
    fill: rgba(189, 144, 96, 0.90) !important;
}

.item .Sect3 {
    fill: rgba(189, 144, 96, 0.65) !important;
}

.item .Sect4 {
    fill: rgba(189, 144, 96, 0.90) !important;
}


.item .Sect5 {
    fill: rgba(189, 144, 96, 0.90) !important;
}


.item .Sect6 {
    fill: rgba(189, 144, 96, 0.95) !important;
}


.item .Sect7 {
    fill: rgba(189, 144, 96, 0.95) !important;
}


.menu-trigger {
    fill: #104c4d !important;
}

.HomeIconBG {
    fill: url(#header-shape-gradient) #fff;
}

#header-shape-gradient {
    --color-stop: #0a152c;
    --color-bot: #2b96d2;
}
.color_stop {
    stop-color: #0a152c;
}

.color_bot {
    stop-color: #2b96d2;
}

.Headers {
    background-color: #e1e1e1 !important;
    
}
.divNotificationParent .Headers {
    font-size: 17px;
    color: #0a152c;
}

    .divNotificationParent .Headers div {
        background-color: #104c4d !important;
        border-color: #104c4d !important;
        box-shadow: none;
        width: 40px;
        height: 40px;
        margin-top: 5px;
        margin-left: 1px;
        padding-top: 5px;
    }

.divStatusSelect
{
    height:22px;
}

select {
    /*background-image: -webkit-linear-gradient(#e6c6a4, #7bb042 40%, #7bb042);
    background-image: linear-gradient(#e6c6a4, #7bb042 40%, #7bb042);*/

    color: black !important;
    border-color: #104c4d;
    font-size: 17px !important;
    margin-bottom: 5px !important;
}

select::-ms-expand {
    display: none;
}

.LoginTypeSelector::-ms-expand 
{
    display: none;
}

#circle-object, .circle-object {
    border-radius: 30px;
    background-image: linear-gradient(to right, #0a152c, #0a152c);;
}

.divServiceRequestDetails {
    padding: 3px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    margin-top: 15px;
    color: #044008 !important;
}

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

   


.divServiceRequestDetails .divCharsCount {
    font-size: 11px !important;
}

    .divServiceRequestDetails .txtCharsCountNum {
        font-size: 18px !important;
    }

    .divServiceRequestDetails .divQuestion {
        font-size: 15px !important;
        line-height: 20px !important;
        margin: 3px !important;
    }


.StepSelectMenu
{
    font-size: 14px !important;
    margin: 4px !important;
}

.divHomeServicesList {
    /*Show list on home page */
    display: none;
}


.txtQuestion {
    background-color: #fcfff9 !important;
    color: #104c4d !important;
    font-size: 18px;
    font-weight: 600;
    border: solid 1px;
    border-color: #104c4d;
    border-radius: 15px;
}

.btn-order {
    font-size: 18px;
    font-weight: 600;
    padding: 3px 15px 4px 15px !important;
    margin-left: 0 !important;
}

.btn-order:active {
    background-color: #ce9d68;
}


.btn-previous {
    background-color: #f0f0f0 !important;
    border-color: #848484 !important;
}

    .btn-previous:active {
        background-color: #f0f0f0 !important;
    }


/* Service Menu List COMPACT*/
.SubDetails {
    background-color: transparent;
}

.Service_li_copmact p {
    padding-bottom: 10px !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 25px !important;
}


.Service_li_copmact .Service_Details {
    max-height: 80px !important;
    min-height: 80px !important;
    overflow: hidden;
    margin-top: 0px !important;
}


.Service_li_copmact .Service_info .Service_More {
    font-weight: bold;
    font-size: 22px !important;
}

.Service_li_copmact .Service_info .Service_price {
    font-weight: bold;
}

.Service_li_copmact p, .Service_li_copmact .Service_Details, .Service_li_copmact .Service_info .Service_price, .Service_li_copmact .Service_info .Service_More {
    color: white !important;
}

.Service_li_copmact:nth-child(odd) {
}

.Service_li_copmact {
    background-color: #7bb042; /*Default background color*/
}

    .Service_li_copmact:nth-child(1) {
        background-color: #742525;
        background-image: linear-gradient(to right, #0b152d, #ac5757);
        
    }

    .Service_li_copmact:nth-child(2) {
        background-color: #104c4d;
        
    }

    .Service_li_copmact:nth-child(3) {
        background-color: #2b96d2;
    }

    .Service_li_copmact:nth-child(4) {
        background-color: #0a152c;
    }

    .Service_li_copmact:nth-child(5) {
        background-color: #1a5a1e;
    }



    .Service_li_copmact:nth-child(6) {
        background-color: #104c4d;
    }

    .Service_li_copmact:nth-child(7) {
        background-color: #2b96d2;
    }

    .Service_li_copmact:nth-child(8) {
        background-color: #0a152c;
    }

    .Service_li_copmact:nth-child(9) {
        background-color: #1a5a1e;
    }



.Service_li_copmact:hover {
}


.Service_li_copmact a {
    display: block !important;
    text-decoration: none !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
/* Service Menu List COMPACT*/





/* Service Menu List */

.Service_li
{
    padding: 25px 5px 10px 5px;
}

    .Service_li p, .divTopic {
        padding-bottom: 10px !important;
        font-size: 25px !important;
        font-weight: bold !important;
        line-height: 25px !important;
    }

.divTopic {
    line-height: 45px !important;
}

.Service_li .Service_Details {
    max-height: 80px !important;
    min-height: 80px !important;
    overflow: hidden;
    margin-top: 0px !important;
    font-size: 18px !important;
}

.divQuestion {
    font-size: 18px !important;
}


.Service_li .Service_info .Service_More {
    font-weight: bold;
    font-size: 22px !important;
}

    .Service_li .Service_info .Service_price {
        font-weight: bold;
    }

.Service_li p, .Service_li .Service_Details, .Service_li .Service_info .Service_price, .Service_li .Service_info .Service_More {
    color: #0b152d !important;
}

.divCharsCount {
    color: #646464 !important;
}
    .divCharsCount::before {
        color: #61ae62 !important;
    }


.Service_li:nth-child(odd) {
}

.Service_li {
    background-color: #f0f0f0; /*Default background color*/
    box-shadow: none;
    color: #0b152d !important;
}

    .Service_li:nth-child(1) {
        background-color: #f0f0f0;
        /*background-image: linear-gradient(to right, #0b152d, #ac5757);*/
    }

   /* .Service_li:nth-child(2) {
        background-color: #7bb042;
        
    }

    .Service_li:nth-child(3) {
        background-color: #2c96d2;
        
    }


    .Service_li:nth-child(4) {
        background-color: #0b152d;
        
    }


    .Service_li:nth-child(5) {
        background-color: #1a5a1e;
    }



    .Service_li:nth-child(6) {
        background-color: #104c4d;
    }

    .Service_li:nth-child(7) {
        background-color: #2b96d2;
    }

    .Service_li:nth-child(8) {
        background-color: #0a152c;
    }

    .Service_li:nth-child(9) {
        background-color: #1a5a1e;
    }*/


    .Service_li:hover {
        background-color: #f0f0f0;
    }


.Service_li a {
    display: block !important;
    text-decoration: none !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
/* Service Menu List */








.Case_li:nth-child(odd) {
}

.Case_li {
    background-color: #f0f0f0; /*Default background color*/
    color: #000000 !important;
}

    .Case_li:nth-child(2n+1) {
        background-color: #f0f0f0;
    }



.Case_li:hover {
    background-color: #f3f3f3;
}




/*Private Dream*/
.Case_li_Private_true, .Case_li_Private_true:nth-child(2n+1) {
    background-color: #4b9f29;
}


/*هذه الاشارات التي يتم وضعها على الطلب، مثلا علم رقم 1 يعني الطلب فيه رموز حساسة سواء سياسية أو دينية*/
.Case_li_Flags_1, .Case_li_Flags_1:nth-child(2n+1) {
    background-color: #d22c2c;
}



/*Dreamd Closed because client not answer on the chat*/
.Case_li_WaitingClient_true, .Case_li_WaitingClient_true:nth-child(2n+1) {
    background-color: #000000;
}




    .Case_li p {
        color: #0a152c;
        margin-bottom: 1px;
        font-weight: 400;
    }

    .Case_li .MY_Service_Info {
        color: #1a5a1e;
        font-weight: bold;
        padding-bottom:8px;
    }
.Case_li img
{
    width: 25px;
    height: 30px;
    padding-top:5px;
}

.Case_li .Case_Details
{
    color: #0a152c;
    margin-bottom:15px;
    margin-top:1px;
    padding-top:1px;
    font-size: 18px;
    font-weight:normal;
}


    .Case_li .Case_info .Case_Views {
        color: #1a5a1e;
        font-weight: bold;
    }


    .Case_li .Case_info .Case_AnswerDate {
        color: #000000;
        font-weight: bold;
    }








.Case_li_copmact:nth-child(odd) {
}

.Case_li_copmact {
    background-color: #f0f0f0; /*Default background color*/
    color: #000000 !important;
}

.Case_li_copmact:nth-child(2n+1) {
    background-color: #f0f0f0;
}

    .Case_li_copmact:hover {
        background-color: #f0f0f0;
    }

.Case_li_copmact p {
    color: #1a5a1e;
    margin-bottom: 1px;
    font-weight: 400;
}

.Case_li_copmact .MY_Service_Info {
    color: #000000;
    font-weight: bold;
    padding-bottom: 8px;
}

.Case_li_copmact img {
    width: 25px;
    height: 30px;
    padding-top: 5px;
}

.Case_li_copmact .Case_Details {
    color: #000000;
    margin-bottom: 15px;
    margin-top: 1px;
    padding-top: 1px;
    font-size: 18px;
    font-weight: normal;
}


.Case_li_copmact .Case_info .Case_Views {
    color: #1a5a1e;
    font-weight: bold;
}


.Case_li_copmact .Case_info .Case_AnswerDate {
    color: #000000;
    font-weight: bold;
}




.Lawyers_li {
    background-color: #f0f0f0;
    color: #104c4d !important;
    position: relative !important;
    height: 135px;
}

.Lawyers_li:nth-child(2n+1) {
    background-color: #f6f6f6;
}

.Lawyers_li:hover {
    /*background-color: #7bb042;*/
}

    .Lawyers_li .txtLawyer {
        color: #104c4d !important;
        font-size: 17px;
    }

.imgLawyer {
    background-color: #104c4d !important;
}

.Lawyers_li span {
    color: #104c4d;
}

.col-3 {
    color: #ffffff;
}


.tabsDataContainer {
    background-image: linear-gradient(to right, #0a152c, #0a152c);;
    left: 0px;
    right: 0px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    color: #ffffff !important;
}

.tabsDataContainer .txtLawyer
{
    color: #ffffff !important;
    font-weight: bold;
}

.AnswerLable {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 0 !important;
    background-color: #7bb042;
}

.AnswerDate {
    background-color: #0a152c !important;
    color: #ffffff !important;
    padding: 6px !important;
}


.DIVsendReplay .txtQuestion {
    background-color: #ffffff !important;
    border-radius: initial !important;
    border-radius: unset !important;
    border-color: #676767;
    color: #0a152c !important;
}

.DIVsendReplay .btn-send
{

}

.btnGetPassword {
    background-color: #7bb042 !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 10px 25px 10px 25px !important;
    border-color: #7bb042 !important;
    margin-left: 0 !important;
}


.ReplayButtons {
}

#divServiceData .divQuestionInfo span {
    color: #000000 !important;
    font-size:12px;
}

#divServiceData .divQuestion {
    color: #000000 !important;
    font-size: 17px !important;
}

    #divServiceData .divQuestion h4 {
        color: #000000 !important;
        font-size: 21px !important;
        font-weight: bold;
    }

.divQuestionInfo
{
    text-align:center !important;
}

.divQuestionSubDetails {
    min-width: 80px !important;
    width: 20% !important;
    margin-left: 5%;
    margin-right: 5%;
}

.divServiceType {
    background-color: #104c4d !important;
    text-align: center;
    border-radius: 10px;    
}
.divServiceType .divTopic
{
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
}


.divServiceStatus {
    background-color: #0a152c !important;
    text-align: center;
    border-radius: 10px;
}
    .divServiceStatus .divTopic, .divServiceStatus .QuestionIcon {
        padding: 0 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }


.divServiceViews {
    background-color: #2b96d2 !important;
    text-align: center;
    border-radius: 10px;
}

.divServiceViews span {
    font-size: 25px !important;
    line-height: 45px !important;
}


.Separator {
    background-color: white !important;
}


.divQuestionsNotify, .divServicesNotify, .divAnswerNotify, .divMessagesNotify {
    color: #0a152c !important;
    background-color: #f0f0f0;
    font-size: 17px;
}

.divClientInfo {
    background-color: #0a152c !important;
    text-align: center !important;
}
.divClientInfo div {
    background-color: #1a75a9 !important;
    width: 20% !important;
    display: inline-block !important;
    border-color: #ffffff !important;
    border: solid 2px;
    padding: 5px !important;
    margin-left: 2%;
    margin-right: 2%;
    color: #ffffff !important;
}

.divClientInfo div .InformationIcon
{
    line-height:20px !important;
    height: 20px !important;
}




.Message_Information {
    background-color: #2b96d2 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.Message_Information span, .Message_Information div
{
    color:#ffffff !important;
}

.divMessageBody {
    background-color: #7bb042 !important;
    margin-top:10px !important;
    padding: 5px !important;
}
.divMessageBody span, .divMessageBody div {
    color: #ffffff !important;
}

.Messages_li {
}

.messages_false {
    background-color: #ededed !important;
}
.messages_true {
    background-color: #ecf2e7 !important;
}

.Messages_li span {
    color: #787878 !important;
    font-size: 15px;
}

.Messages_li a p {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #191919 !important;
}

.Messages_li div p {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #4e4e4e !important;
}

.divResendPassword {
    background-color: #0a152c !important;
    background-image: linear-gradient(to right, #0a152c, #0a152c);;
    font-size: 18px !important;
}

.divPostAnswer {
    background-color: #0a152c !important;
    background-image: linear-gradient(to right, #0a152c, #0a152c);;
    z-index: 1111111111111111111111 !important;
}

.txtAnswerEditor {
    font-size: 18px !important;
    padding: 8px !important;
    background-color: #104c4d !important;
    color: #ffffff !important;
    border-radius: 15px;
}


.divDoAgreement {
    background-image: linear-gradient(to right, #0a152c, #0a152c);
    color: #ffffff !important;
    font-size: 19px !important;
    overflow-y: scroll;
}

.divNoPayment {
    background-image: linear-gradient(to right, #0a152c9f, #0a152c94);;
    color: #ffffff !important;
    font-size: 19px !important;
}


/* Responsive: Mobile */
@media only screen and ( max-width: 767px) {
    .Service_li {
        padding: 25px 25px 1px 25px;
    }

    .Service_li p, .divTopic {
        padding-bottom: 1px !important;
        font-size: 20px !important;
        font-weight: bold;
        line-height: normal;
        max-height: none;
        max-height: unset;
    }


    .rdoSmart-Parent {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.6;
    }
    .rdoSmartLabel {
        margin-right: 10px;
    }

    .divTopic {
        line-height: 35px !important;
    }

        .Service_li .Service_Details 
        {
            max-height: 80px !important;
            min-height: 80px !important;
            overflow:hidden;
            margin-top:0px !important;
            display:none;
        }



    .Case_li .Case_Details {
        min-height: 50px;
        max-height: 50px;
        margin-bottom: 15px;
        margin-top: -15px;
        padding-top: -15px;
        font-size: 15px;
        line-height: 24px;
    }


    .Case_li_copmact .Case_Details {
        min-height: 50px;
        max-height: 50px;
        margin-bottom: 15px;
        margin-top: -15px;
        padding-top: -15px;
        font-size: 15px;
        line-height: 24px;
    }


    .divServiceStatus .divTopic, .divServiceStatus .QuestionIcon {
        padding: 0 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-bottom: 0 !important;
    }

    .divQuestionSubDetails {
        width: 32% !important;
        margin-left: initial;
        margin-right: initial;
        margin-left: unset;
        margin-right: unset;
    }

    .divServiceViews span, .divQuestionSubDetails .divTopic {
        font-size: 14px !important;
        line-height: 35px !important;
        margin-left:1px !important;
		margin-right:1px !important;
    }


    .divClientInfo div {
        width: 30% !important;
        margin-left: initial;
        margin-right: initial;
        margin-left: unset;
        margin-right: unset;
    }


    .divQuestionInfo div {
        width: auto !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .divNoPayment
    {
        margin-top: initial !important;
        margin-top: unset !important;
    }

    .divDoAgreement {
        margin-top: initial !important;
        margin-top: unset !important;
    }


    .MenuSVG {
        display: block;
        visibility: visible;
    }


    .divTopButtons a, .divTopButtons .divTopButtons_a {
        padding: 0 !important;
        margin: 0 !important;
    }


    .divUploadingInner {
        max-width: 95%;
    }

    .divWriteTheAnswer {
        font-size: 15px !important;
        line-height: 30px !important;
    }

    .btnWriteAnswer, .btnRecordAnswer, .btnRecordAnswerVTT {
        font-size: 17px !important;
        width: 35px !important;
    }

    .divLawyerStatusSetter_Selector {
        padding-top: 2px;
    }


    .divStatus
    {
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .PageLogoHead .divButtonIcon {
        border-radius: 15px 10px 15px 10px;
        height: 50px !important;
        width: 50px !important;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .service_price_confirm {
        border-radius: 15px 10px 15px 10px !important;
        height: 65px !important;
        width: 65px !important;
        padding-bottom: 3px !important;
        padding-left: 3px !important;
        padding-right: 5px !important;

        line-height: 17px !important;
        padding-top: 17px;
    }
    .service_price_confirm span
    {
        font-size: 14px;
    }


    .PageLogoHead {
        height: 50px !important;
    }


    .divStatus
    {
        height: 55px !important;
    }
    .PageLogoHead span {
        line-height: 52px;
        height: 52px;
        font-weight: bold;
        font-size: 22px !important;
    }
    
}