body {
    /*max-height:800px;
    max-width:800px;
    overflow:hidden;*/
    box-sizing:border-box !important;
}
.RA_DDL_CLEAN {
    display: none !important;
    height: 12px;
    width: 12px;
    display: none;
    margin-top: 5%;
    margin-left: 2%;
    position: relative;
    float: left;
    z-index: 200;
}
.RA_DDL_CLOSE {
    display: none !important;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 6%;
    top: 58px;
    display: none;
    z-index: 1;
}
#RA_recordselection{
    margin-bottom:165px;
}
.RA_SERCH_ACTIVE {
    position: absolute;
    border: #E58344 solid;
    top: 0;
    background-color: white;
    height: 44px;
    width: 90%;
    line-height: 30px;
    font-size: 20px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    right: 5%;
    left: 5%;
}
input:-internal-autofill-selected {
    background-color: transparent !important;
}
.RA_UL_DDL_ACTIVE {
    display: list-item !important;
    position: absolute;
    border: solid #E58344;
    top: 44px;
    background-color: white;
    height: 90%;
    width: 90%;
    line-height: 30px;
    font-size: 20px;
    overflow: scroll;
    margin-right: auto;
    margin-left: auto;
    right: 5%;
    left: 5%;
}
.RAcontainer {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
.RA_recordselection {
    direction: rtl;
    margin-top: 11px;
    display: flex;
    flex-wrap: wrap;
}
.RA_recordselection_Item{
    direction:rtl;
    display:flex;
    height:30px;
}
.RA_recordselection_ShowHide {
    width: 20px;
    height: 20px;
    align-content: center;
    float:right;
}
.RA_recordselection_BaseText {
    text-align: right;
    overflow: hidden;
    line-height:2;
    ;
}
.RA_recordselection_select{
    float:left;
}
.RA_recordselection_select button {
    float: left;
}
.RA_recordselection_SelectImg {
    float: left;
    padding-top: 5px;
}
.myTextEntry {
    width: 150px;
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 165px;
    margin-left: 00px;
    margin-top: 13px;
    padding: 4px;
    line-height: 30px;
    font-size: 20px;
}

.auto-style3 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    text-align: center;
}

.myTextEntry {
    width: 30px;
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 165px;
    margin-left: 0px;
    margin-top: 13px;
    padding: 4px;
}

.auto-style4 {
    height: 32px;
}
.RA_OPTION_BTN{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding:0px 10px 0px 10px;
}
.RA_background-image {
    background-image: url(../images/Login1.png );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 90%;
    height: 100%;
    border: none;
    margin-right: auto;
    margin-left: auto;
}

.RA_Input_BG {
    height: 70%;
    width: 58%;
    float: left;
    margin-left: 10%;
    /* margin-top: 5%; */
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    line-height: 25px;
    font-size: 20px;
    background: none !important;
}
.RA_Input_BG:focus{
    border:none;
}
.RA_LOGiN_RIGHT{
    max-width:200px;
    margin-right:auto;
    
}
.RA_BTN_bottom_R {
    max-width: 150px;
    margin-right: auto;
    width:40%;
}
.RA_BTN_bottom_L {
    max-width: 150px;
    margin-left: auto;
    width: 40%;
}
.btn_text {
    position: relative;
    top: -51%;
    left: -40%;
    /* transform: translate(-68%, -202%); */
    color: white;
    /* font-weight: bold; */
    font-size: 20px;
    overflow: hidden;
    width: 100px;
}
.DDl_Span {
    margin-top: auto;
    float: right;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    padding-top: 2%;
}
.RA_LOGiN_LEFT {
    max-width: 200px;
    margin-left:auto;
}
.RA_BOX_BG {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.btn_ddl_left{
    display:block;
}

@media (min-width: 600px) {
    .RA_background-image {
        width: 48%;
        height: 50%;
        margin-bottom:10px;
    }
    .RA_background-image_btn_left {
        width: 44%;
        margin-right: 1%;
        margin-left:1%;
    }
    .btn_ddl_left {
        width: 4%;
        margin-top: 1%;
        margin-bottom: auto !important;
    }
    .RA_OPTION_BTN {
        width: 50%;
    }
    .RA_Sherch_Rec{
        width:45%;
    }
    .RA_recordselection_Item{
        width:49%;
    }
    .DescriptionTXT{
        width:98% !important;
    }
}
@media (max-width: 600px) {
    .RA_background-image {
        width: 90%;
        height: 100%;
        margin-bottom: 10px;
    }
    .RA_background-image_btn_left {
        width: 80%;
        margin-right: 5%;
        margin-left:1%;
    }
    .btn_ddl_left {
        width: 9%;
        margin-top: 1.5%;
        margin-bottom: auto !important;
    }
    .RA_recordselection_Item{
        width:99%;
    }
    .RA_Sherch_Rec {
        width: 90%;
    }
}
.RA_Focus{
    border:3px solid red;
    border-radius:10px;
}
.hideDdls {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: transparent;
    display: none;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.RA_PageHeder {
    border-bottom: 1px solid rgba(95, 92, 92, 0.61);
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    
}
.txtImg {
    border: 1px solid #E58344;
    border-radius: 11px;
}
.RA_BtnsHederRight {
    width: 40%;
    display: flex;
    float:right;
}

.RA_BtnsHederLeft {
    width: 40%;
    display: flex;
    direction: ltr;
    float: left;
    margin-right: auto;
}
.RA_BtnsHederMid {
    width: 20%;
    float: none;
    text-align:center;
}
    .RA_BtnsHederMid img {
        height: 30px;
        /*width: 30px;*/
        margin-right: 12px;
    }
    .RA_BtnsHederMid Input {
        height: 30px;
        width: 30px;
        margin-right: 12px;
    }
.RA_BtnsHederRight img {
    height: 30px;
    /*width: 30px;*/
    margin-right: 12px;
}
.RA_BtnsHederRight Input {
    width: 15px;
    height: 30px;
    margin-left: 12px;
}
.RA_BtnsHederLeft img {
    height: 30px;
    /*width: 30px;*/
    margin-right: 12px;
}
.well {
    width:100%;
}
.RA_BtnsHederLeft Input {
    height: 30px;
    width: 30px;
    margin-right: 12px;
}
.RA_BtnsHeder {
    z-index: 200;
    height: 35px;
    margin-top: 3px;
    margin-right: 6px;
    margin-left: 6px;
    display: flex;
}
.RA_Title {
    font-size: 24px;
    text-align: center;
    color: #E58344;
    background-color: #c9e5cd;
    font-weight: bold;
    border-bottom: 1px solid rgba(95, 92, 92, 0.61);
}
.PicDiv {
    background-color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index:2;
    display:none;
}
.PageHeder2 {
    margin: auto;
    /*position: absolute;*/
    width: 100%;
    height: 34px;
    border-bottom: 1px solid rgba(95, 92, 92, 0.61);
    font-size: 24px;
    text-align: center;
    color: #E58344;
    font-weight: bold;
    float: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    top: 0;
    left: auto;
    margin-top: 0px;
}
.RA_LI_DDL {
    text-align: right;
    font-size: 14px;
    border: 3px white solid;
    background-color: rgba(207, 203, 203, 0.61);
    height: 30px;
    overflow:hidden;
}
.RA_UL_DDL {
    height: 182px !important;
    width: 71% ;
    overflow: scroll !important;
    display: none;
    background-color: white !important;
    border: 1px darkgray solid !important;
    z-index: 101 !important;
    margin-top: 0px !important;
    position: relative !important;
    margin-left: 3% ;
    padding: 0;
}

.RA_Logout {
    width: 30px;
    float: left;
    margin-right: auto;
}
.RA_Logout input{
    width:30px;
}
.RA_Back {
    width: 15px;
    float: right;
}
.RA_Back input {
    width: 15px;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    text-align: center;
}

#scroll {
    width: 100%;
    height: 160px;
    margin: 0px auto;
    /* background:#A3CBE0; */
    background: white;
    /* border:1px solid #000; */
    border: none;
    overflow: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    /* box-shadow:0 0 10px #000; */
}

    #scroll ul {
        float: right;
        margin-left: -999em;
        margin-right: 0em;
        white-space: nowrap;
        list-style: none;
    }

    #scroll li {
        margin: 5px;
        text-align: center;
        float: left;
        display: inline;
    }

    #scroll img {
        border: 0;
        display: block;
        border: 1px solid #A3CBE0;
    }

    #scroll a:active img, #scroll a:focus img, #scroll a:hover img {
        border: 1px solid #000;
    }

    #scroll a {
        text-decoration: none;
        font-weight: bold;
        color: #000;
    }

        #scroll a:active, #scroll a:focus, #scroll a:hover {
            color: #FFF;
        }

    #scroll span {
        padding: 5px 0 0;
        display: block;
    }

.myTextEntry {
    width: 250px;
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 90px;
    margin-left: 0px;
    margin-top: 3px;
    padding-right: 10px;
    font-size: 20px;
}

.myTextEntry2 {
    width: 40%;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    /* margin-right: 23%; */
    padding: 4px;
    display: inline-block;
    height: 41px;
}

.myTextEntry3 {
    width: 30%;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 23%;
    margin-top: 5%;
    padding: 4px;
    display: inline-block;
    font-size: 20px;
    border: 1px solid black;
}

.myTextEntryErase {
    width: 12px;
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 21%;
    margin-left: 0px;
    margin-top: 2%;
    padding: 0px;
    display: inline;
}

.myTextEntryDate {
    width: 200px;
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding-right: 5px;
    display: inline;
    font-size: 20px;
}

.auto-style3 {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.auto-style4 {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.spanellipse {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 195px;
    display: block;
    overflow: hidden;
}

.glyphicon {
    text-shadow: 1px 1px 0px green, -1px -1px 0px green, 1px -1px 0px green, -1px 1px 0px green;
}
.RA_Sherch_Rec{
    margin-right:auto;
    margin-left:auto;
}
.btn-outline-MY {
    border-color: transparent !important;
    border-radius:100px !important;
    color: #ff6a00;
}

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

.row {
    width: 100%;
    margin-left: 0px;
}

.DivPage {
    padding-bottom: 65px;
    padding-right: 5px;
    padding-left: 5px;
    float: right;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px !important;
    width: 100%;
}

.myTextEntry {
    max-width: 250px;
    width: 70%;
    border: none;
    border-style: none;
    border-color: none;
    border-width: 0px;
    background-color: transparent;
    margin-right: 50px;
    margin-left: 0px;
    margin-top: 3px;
    padding-right: 10px;
    font-size: 20px;
}

.S_hed {
    margin-bottom: 5px;
    /*border-bottom:solid #808080 1px;*/
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    min-height: 25px;
    max-width:800px;
    
}

.S_row {
    margin-bottom: 8px;
    /*border-bottom:solid #808080 1px;*/
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    min-height: 25px;
}

.PageHeder {
    margin: auto;
    position: absolute;
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #E58344;
    font-weight: bold;
    float: none;
    padding-right: 0px;
    padding-left: 0px;
    min-width: 0px;
    top: auto;
    left: auto;
    margin-top: 5px;
}

.HTStyle {
    border-right: solid #ffffff 1px;
    background-color: #E58344;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: white;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.ROWStyle.DescRow {
    text-align: justify;
    height: 47px;
    background-color: #f9fceb;
}

.HOneDesc {
    width: 100%;
    text-align: right;
    font-weight: bold;
    color: #ff6a00;
}

.ROWStyle.DescRow.cssTrue {
    background-color: #e4f6cd;
}

.ROWStyle {
    padding-right: 5px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #ffffff;
    text-align: right;
    font-size: 15px;
    overflow: hidden;
    height: 22px;
}

.EmptyMsg {
    font-size: 35px;
    color: #ff6a00;
    text-align: center;
    margin-top: 100px;
    font-weight: bold;
    font-family: serif;
    margin: 20px;
}
.EmptyMsg2 {
    font-size: 25px;
    color: #ff6a00;
    text-align: center;
    margin-top: 100px;
    font-weight: bold;
    font-family: serif;
    margin: 20px;
}

.myTextEntryDate {
}
.SendEmailContent {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    width: 100%;
    height: 100%;
    position:absolute;
    z-index:99;
    max-width:2000px;
}
    .SendEmailContent #TitleDiv {
        max-width: 2000px;
        position: absolute;
    }
    .SendEmailContent #DivPage {
        max-width: 2000px;
        position: absolute;
    }
.jconfirm.jconfirm-rtl {
    text-align: right;
}

.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3.col-xs-10.col-xs-offset-1.jconfirm-no-transition {
    width: 100%;
    max-width: 80%;
    padding: 0px;
    /* margin: 0px; */
    /* position: absolute; */
    margin-right: auto;
    margin-left: auto;
}
.ddl_confirm {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    height: 50px;
    border: solid 1px rgba(207, 203, 203, 0.61);
}
.ddl_confirm input{
    width:90%;
    margin-right:auto;
    margin-left:auto;
    height:100%;
    margin-top:0px;
}
.ddl_confirm img{
    margin-top:16px;
}
.ddl_confirm ul{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-left:0px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    /*float: left;
    left: 5px;
    position: absolute;
    bottom: 5px;*/
}
.EmailSave{
    width:24px;
    height:24px;
    margin:2px;

}
.EmailContact {
    width: 24px;
    height: 24px;
    margin: 2px;
}
.EmailText {
    width: 86%;
    border: none;
    border-bottom: 1px solid;
}
.EmailDiv{
    margin-bottom:5px;
}
.EmailBtns {
    display: flex;
    flex-wrap: wrap;
    width: 93%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2%;
}
.EmailBtns .btn {
    background-color: rgba(207, 203, 203, 0.61);
    width: 73px;
    height: 30px;
    font-size: 14px;
    padding: 3px 3px;
    margin-right: 1px;
    margin-left: 1px;
    border-color: #F0FF9B;
    overflow: scroll;
}
.tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip2 .tooltiptext {
    visibility: hidden;
    background-color: #a59494;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 0;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.tooltip2:hover .tooltiptext {
    visibility: visible;
}
.jconfirm-content .RA_BOX_BG{
    /*margin-bottom:100px;*/
}
.EmailTitle {
    text-align: right;
    margin-right: 4%;
    float: right;
    margin-bottom: 2%;
    width:97%;
    font-weight:bold;
}

.EmailSubject {
    width:95%;
    border:none;
    border-bottom:1px solid;
    margin-bottom:5px;
}
.Emailbody {
    width: 95%;
    border: 1px solid;
    height:300px;
}
jc-bs3-row row justify-content-md-center justify-content-sm-center justify-content-xs-center justify-content-lg-center {
    margin-right: auto;
    margin-left: auto;
    min-width: 80%;
    max-width: 100%;
}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{
    max-width:100%;
    width:500px;

    margin-right:auto;
    margin-left:auto;
}
.container{
    padding-right:0px !important;
    padding-left:0px !important;
}
.jconfirm .jconfirm-scrollpane{
    table-layout:fixed;
}
.row {
    margin-left: auto !important;
    margin-right: auto !important;
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.6;
}
.WhaitDiv {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    background-color: white;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.WhaitDiv2 div {
    border-width: 5px !important;
    border-color: brown;
    border-radius: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 300px;
    margin-bottom: auto;
    width: 30px;
    height: 30px;
    box-sizing: content-box;
}
.WhaitDiv1 {
    border-right:solid;
}
.WhaitDiv2 {
    border-bottom: solid;
}
.WhaitDiv3 {
    border-left: solid;
}
.WhaitDiv4 {
    border-top: solid;
}
.WhaitDiv5 {
    border-width: 7px !important;
}
.WhaitDiv6 {
    border-width: 6px !important;
}
.WhaitDiv7 {
    border-width: 5px !important;
}
#closeWarningBtn {
    border: solid 1px;
    border-color: transparent;
    border-radius: 3px;
    background-color: #78a07e;
    float: left;
    margin-left: 18px;
    margin-bottom: 7px;
    color: white;
    font-weight: bold;
    line-height: 11px;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-left: 2px;
}
.WarningPanelDIV1 {
    position: fixed;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background-color: white;
    text-align: center;
    z-index: 3;
    background-color: none;
    border: none;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
}
.WarningPanelDIV2 {
    margin-top: 100px;
    margin-bottom: 500px;
    background-color: white;
}
.WarningPanelDIV3 {
    width: 60%;
    max-width: 250px;
    vertical-align: top;
    align-content: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #a8daaf;
    border-radius: 20px;
}
.WarningPanelDIV4{
    font-family: Calibri, Arial;
    font-size: 17px;
    color: black;
    font-weight: 400;
    text-align: center;
    margin: auto;
    border: none;
}
.worning_div {
    margin: 10px;
    text-align: center;
}

.worning_span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.DivTitleSpan {
    color: #E58344;
    text-decoration: underline;
    font-size:20px;
}
#ActivePermissions{
    height:180px !important;
    min-width:90%;
    overflow:scroll;
    border:1px solid rgba(207, 203, 203, 0.61);
    background-image:none !important;
}
.InputSmall input{
    width:50% !important;
}
.InputBig input {
    width: 72% !important;
}
.btn_full {
    padding-right: 5%;
    font-size: 23px;
    font-weight: bold;
    color: white;
}
@media (max-width: 350px) {
    .btn_full p{
        padding-top:1px;
    }
}
@media (min-width: 350px) {
    .btn_full p{
        padding-top:3px;
    }
}
@media (min-width: 400px) {
    .btn_full p {
        padding-top: 8px;
    }
}
@media (min-width: 500px) {
    .btn_full p {
        padding-top: 13px;
    }
}
@media (min-width: 600px) {
    .btn_full p {
        padding-top: 1px;
    }
}

@media (min-width: 650px ) {
    .btn_full p {
        padding-top: 3px;
    }
}

@media (min-width: 750px) {
    .btn_full p {
        padding-top: 5px;
    }
}
#Whait {
    width: 50px;
    height: 50px;
    padding: 5px;
    position: relative;
    background-image: linear-gradient(bottom, #ef7d32 56%, #ef7d32 57%, #ef7d32 74%, #3f8d57 74%, #3f8d57 34%,#3f8d57 33%);
    background-image: -o-linear-gradient(bottom, #ef7d32 56%, #ef7d32 57%, #ef7d32 74%, #3f8d57 74%, #3f8d57 34%,#3f8d57 33%);
    background-image: -moz-linear-gradient(bottom, #ef7d32 56%, #ef7d32 57%, #ef7d32 74%, #3f8d57 74%, #3f8d57 34%,#3f8d57 33%);
    background-image: -webkit-linear-gradient(bottom, #ef7d32 56%, #ef7d32 57%, #ef7d32 74%, #3f8d57 74%, #3f8d57 34%,#3f8d57 33%);
    background-image: -ms-linear-gradient(bottom, #ef7d32 56%, #ef7d32 57%, #ef7d32 74%, #3f8d57 74%,#3f8d57 34%,#3f8d57 33%);
    -webkit-animation-name: rotate;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.56, #ef7d32), color-stop(0.57, #ef7d32), color-stop(0.74, #ef7d32), color-stop(0.74, #3f8d57), color-stop(0.34, #3f8d57), color-stop(0.33,#3f8d57) );
    border-radius: 50%;
    margin: auto;
    margin-top: 250px;
}

    #Whait #Whait2 {
        background-color: white;
        color: #fff;
        font-size: 20px;
        text-align: center;
        min-height: 100%;
        border-radius: 50%;
    }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}
.rotate {
    transform: rotate(180deg);
}
.MyMultySellbl {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .MyMultySellbl input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 7px;
    /*left: 0;*/
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: solid;
    border-color: #e58344;
    margin-right:3px;
}


/* When the checkbox is checked, add a blue background */
.MyMultySellbl input:checked ~ .checkmark {
    background-color: #e38344;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.MyMultySellbl input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.MyMultySellbl .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.MyMultySellblSM span {
    font-size: 13px;
    padding-top: 5px;
}
.MyMultySellblSM .checkmark {
    width:15px;
    height:15px;
    margin-right:5px;
}
    .MyMultySellblSM .checkmark:after {
        left: 2px;
        top: 0px;
    }
    .btn_fixed_green {
    background-color: rgb(93, 161, 102);
    background-image: none;
    padding: 0;
    color: white;
    font-weight: bold;
    margin: auto;
    width: 95%;
    max-width: 200px;
    border-radius: 0.3rem !important;
}
.btn_fixed_green p {
    margin: auto;
    height: 42px;
    padding-top: 10px;
}
.jconfirm-buttons{
    float:left !important;
}
#SurveyTitle {
    font-weight: bold;
    color: #E58344;
    margin-left: auto;
    margin-right: auto;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #f2f5f9 !important;
    opacity: 1;
}
.sum_pics {
    border: 1px solid #5da166;
    background-color: #5da166;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    z-index: 6;
    margin-bottom: -12px;
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align:center;
}
    .sum_pics.d-none {
        display: block !important;
        border: 1px solid;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }
.btn_fixed_green_sign_pop {
    background-color: rgb(93, 161, 102);
    color: white;
    margin: auto;
    max-width: 200px;
    border-radius: 0.3rem !important;
}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    transition-duration: inherit !important;
    transition-timing-function: unset !important;
    transition-property:none !important;
}
.jconfirm-box {
    /*display: none ;*/
}
.jconfirm-buttons {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(5,auto);
    grid-template-rows: repeat(1,auto);
    justify-content: center;
    overflow: scroll;
}

.daterangepicker.dropdown-menu {
    z-index: 999999991 !important;
}
.crt_doc {
    font-size: 12px;
}
.crt_doc.col-6 {
    max-width:48%;
    border: 1px solid rgba(207, 203, 203, 0.61);

}
.crt_ltr {
    text-align:left;
    direction:ltr;
}
.crt_rtl {
    text-align: right;
    direction: rtl;
}
.cer_desc{
    font-weight:bold;

}
.cer_txt{
    color:#E58344;
}
.Haed_cer {
    font-size: 14px;
    text-decoration: underline;
    font-weight:bold;
}