.errorSymbol::before {
    content: "\f00d";
    display: inline;
    font-family: FontAwesome;
    color: #a94442 ;
}
        .okSymbol::before {
    content: "\f00c";
    display: inline;
    font-family: FontAwesome;
    color: #468847!important;
}
        .requiredSymbol::after {
    content: "*";
    display: inline;
    color: #E6674A!important;
}
        .errorColor{
    color: #a94442 !important;
    font-weight:600;
        }
 .errorColor{
     /*position:relative;
    bottom: 7px;*/
}
.errorColorr {
    color: #a94442 !important;
    font-weight: 600;
}
 .fa-trash::before ,.fa-trash{
    color: red;
}
 .red{
     color:red!important;
 }
 .red:hover{
     color:dimgray!important;
 }
  .green{
     color:seagreen!important;
 }
 .green:hover{
     color:darkgray!important;
 }
          .greyme {
        background-color: #939090!important;
        color: #ccc9c9;
    }

    .redme {
        background-color: #e54b5d!important;
        color: White;
    }
  .redLightme {
        background-color: #e54b5d!important;
        color: White;
    }

    .pinkLightme {
        background: #f7c8c8!important;
    }

    .greenme {
        background-color: lightseagreen!important;
    }

    .blueme {
        background-color: lightblue!important;
    }

    .blueLightme {
        background-color: lightskyblue!important;
    }

    .greenLightme {
        background: cadetblue!important;
        color: mintcream!important;
    }
        .greenGreyme {
        background: #79a9aa!important;
        color: mintcream!important;
    }
.jqxgridBtn {
    height: 100%;
    width: 100%;
    background-color: #e4fcfb;
    border: none;
    font-size: 0.84rem;
    position: absolute;
    display: flex;
    direction: rtl;
}
    .jqxgridBtn label{
        color:inherit;
    }
    .jqxgridBtn a {
        color: #587195;
        width: 100%;
        margin-top: 5px;
    }
    .jqxgridBtn a :hover{
       font-size:large;
    }
    .jqxgridBtn:hover {
        border: 1px solid darkgray;
    }
      .rtl{
          direction:rtl;
      }
      .content-Size{
          width:85%;
      }
      body , .modal-body{
          direction:rtl;
      }
      .item-group{
          font-size: 1.5rem!important;
          padding:3px!important;
          margin-left:-15px!important;
          background-color: #587195!important;
      }
      .item-group a{
          padding: 5px;
      }
      .bottom-margin{
          margin-bottom:25px;
      }
      .user-left{
          padding-bottom:0px!important;

      }
      .ltr{
          text-align:left;
      }
      .infoNested{
          padding-bottom:50px;
      }
/*     .jqx-grid a{
          color:#587195;
      }*/
    div  a[disabled]{
          background-color:grey;
      }
     .popOverBTN {
        /*background-color: #e4fcfb !important;*/
        border-color: #e4fcfb !important;
        color: #1a4696 !important;
    }
             .popOverBTN:hover {
            /*background-color: #e4fcfb !important;*/
            border-color: #e4fcfb !important;
            color: #007aff !important;
        }
             .green{
                 color:#487e78!important;
             }

             fieldset{
                 /*padding:0px;*/
                 padding-top: 40px;
             }
.input-group-addon {
    background-color: #135091;
}
.disable{
    color:#979292!important;
}
.modal-backdrop{
    height:100%!important;
    background-color: #000;
bottom: 0;
position: fixed;
}
.btn-light-green {
    background-color: #135091;
    border-color: #efeff4;
    color: #ffffff;
}
.btn-light-green:hover {
    background-color: #135091;
    border-color: #efeff4;
    color: #aacccb;
}
.light-green {
    color: #135091;
}
.light-green:hover {
    color: #aacccb;
}
.nestedGrid {
    float: right;
margin-right: 25px;
}
input:not([type="checkbox"]) {
    min-height: 30px !important;
}
.form-control {
    width: 100%!important;
    min-height: 35px;
    text-align: right!important;
}

.btn-scroll{
    font-family:'B Yekan'!important;
}
.iconTag{
   color: #135091;
   font-size:1.4rem;
}

    .list-group {
        z-index:9999;
    background-color: white;
    display: none;
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    position: absolute;
    width: 100%;
       overflow-y:scroll;
    height:auto;
    max-height:400px;
}

.list-group > li {
    border-color: gray;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    padding-left: 5px;
}

.list-group > li:last-child {
  border-bottom: 1px solid gray;
}
.list-group li{
    border-right: none;
background: #eee;
border-left:none;
border-right:none;
}
.list-group > li:hover {
  /*background-color:#bbfaf7;*/
  box-sizing: content-box;
border-color: #999;
background: #aacccb;
}
.bold{
    font-weight:bold;
}
.input-group a{
    color: white!important;
}
.btn-group {
    float:left;
}
#sliderRevLeft, #sliderRevRight { position: absolute; display: block; cursor: pointer; top: 50%; margin-top: -29px; height: 58px; width: 58px; line-height: 62px; font-size: 40px; color: #fff; z-index: 50; text-align: center; background: #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
#sliderRevLeft:hover, #sliderRevRight:hover { opacity: 1; filter: alpha(opacity=100); }

#sliderRevLeft { left: 20px; }

#sliderRevRight { right: 20px; }
.sweet-alert fieldset{
    display:none!important;
}
.list-Select li {
    float: right;
    padding-inline-end:5px;
    /*
min-width:15%;*/
}
.list-Select li input{
    margin-left:5px;
}


.pnlDate {
    min-width: 300px;
}
    .mapTree{
        max-height:200px;
        overflow:auto;
    }

    .marginAuto{
        margin: auto;
    }


    /*New From Control Doc*/
.pnlDate {
    min-width: 300px;
}

.CenterComponent {
    display: inline flow-root;
}

.input-Element {
    height: fit-content;
    max-height: 150px;
    overflow-y: auto;
}
.elemGroup {
    width: fit-content;
    margin: 5px;
    border: 1px solid #135091;
    border-radius: 3px;
    background-color: aliceblue;
    /*display: block;*/
}

    .elemGroup span {
        border-left: 1px solid #135091;
        margin: 5px;
        padding-left: 5px;
        display: inline-block !important;
    }

    .elemGroup i {
        height: 100%;
        padding-left: 5px;
    }

:root{
    --blue:blue;
}

.aGroup {
    font-size: 1rem;
    padding: 3px;
    padding-right: 3px;
    padding-right: 6px;
    background: #487e78 !important;
    background-position-x: 0%;
    background-position-y: 0%;
    border-radius: 4px;
    background-position: center !important;
    color: white !important;
}

.aaGroup {
    font-size: 1rem;
    padding: 3px;
    padding-left: 3px;
    padding-right: 6px;
    background: red !important;
    background-position-x: 0%;
    background-position-y: 0%;
    border-radius: 4px;
    background-position: center !important;
    color: white !important;
}

    .aaGroup:hover {
        background-color: gray !important;
    }

.aGroup:hover {
    background-color: gray !important;
}
.jqx-tabs-title {
    float: right!important;
}

.coloredTel {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/local/Icon/Tel.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/local/Icon/Tel.svg') no-repeat center / contain;
}

.coloredEmail {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/Email.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/Email.svg') no-repeat center / contain;
}

.coloredAddContact {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/AddContact.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/AddContact.svg') no-repeat center / contain;
}

.coloredAddExpert {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/AddExpert.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/AddExpert.svg') no-repeat center / contain;
}

.icon {
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

.originalTel {
    background: url('../../../content/images/local/Icon/Tel.svg') no-repeat center / contain;
}

.originalEmail {
    background: url('../../../content/images/Local/Icon/Email.svg') no-repeat center / contain;
}



.originalAddExpert {
    background: url('../../../content/images/Local/Icon/AddExpert.svg') no-repeat center / contain;
}

.originalAddAgent {
    background: url('../../../content/images/Local/Icon/AddAgent.svg') no-repeat center / contain;
}
.coloredAddAgent {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/AddAgent.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/AddAgent.svg') no-repeat center / contain;
}
.originalResultAgent {
    background: url('../../../content/images/Local/Icon/AgentResult.svg') no-repeat center / contain;
}

.originalSendExpert {
    background: url('../../../content/images/Local/Icon/sendExpert.svg') no-repeat center / contain;
}
.coloredSendExpert {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/sendExpert.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/sendExpert.svg') no-repeat center / contain;
}

.coloredExpertReport {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/ExpertReport.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/ExpertReport.svg') no-repeat center / contain;
}
.originalExpertReport {

    background: url('../../../content/images/Local/Icon/ExpertReport.svg') no-repeat center / contain;

}
.coloredSendExpert {
    background-color: orangered; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/AddExpert.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/AddExpert.svg') no-repeat center / contain;
}
.originalMeeting {
    background: url('../../../content/images/Local/Icon/meeting.svg') no-repeat center / contain;
}
.coloredMeeting {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/meeting.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/meeting.svg') no-repeat center / contain;
}
.originalContatCustomer {
    background: url('../../../content/images/Local/Icon/contactCustomer.svg') no-repeat center / contain;
}
.originalInfo {
    background: url('../../../content/images/Local/Icon/info.svg') no-repeat center / contain;
}
.coloredComplaintResult {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/ComplaintResult.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/ComplaintResult.svg') no-repeat center / contain;
}

.originalCheckResult {
    background: url('../../../content/images/Local/Icon/CheckResultOriginal.svg') no-repeat center / contain;
}
.coloredCheckResult {
    background-color: red; /* defines the background color of the image */
    mask: url('../../../content/images/Local/Icon/CheckResult.svg') no-repeat center / contain;
    -webkit-mask: url('../../../content/images/Local/Icon/CheckResult.svg') no-repeat center / contain;
}
.elemGroup span {
    margin: 0px 5px 0px 5px;
}




.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    display: flex;
    flex-wrap: wrap;
}
.comment-item {
    position: absolute;
    top: 40%;
}
.sweet-alert {
    z-index: 99999999 !important;
}
.pDate {
    direction: ltr !important;
    text-align: right !important;
}