@font-face {
font-family:   iransans;
src: url('iran.eot');
src: url('iran.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('iran.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('iran.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('iran.ttf') format('truetype');
font-style: normal;
font-weight: normal;
}

.notalowinp.rdinc{
    cursor: not-allowed !important;
}


.lblnonefmodal .input label{
    display:none !important;
}

/*.apexcharts-xaxis .apexcharts-xaxis-texts-g {*/
/*	transform: translate(0px, 80px) !important;*/
/*}*/

#contactlistedit{
    display:none;
}

#deal_idmlistedit{
    display:none;
}

#organlistedit{
    display:none;
}


.loginpage *{
    font-family:iransans;
}

html, body {
    font-family: iransans !important;
}

.tloginright{
    text-align:right;
}

.backco{
    background-color: #f7f7f7 !important; 
    color: rgba(38,41,44,0.88);
}

.loginlogooo {
   background-image: url(../img/logo_fa.png) !important;

    background-size: 160px auto;
    width: 160px;
    height: 40px;
    display: inline-block;
    margin-left: auto;
    background-position-x: center !important;
    background-repeat: no-repeat;
}


.loginlogooo22 {
   background-image: url(../img/logo_fa.png) !important;

    background-size: 160px auto;
    width: 160px;
    height: 57px;
    display: inline-block;
    margin-left: auto;
    background-position-x: center !important;
    background-repeat: no-repeat;
}

.loginlogoooistt {
   background-image: url(../img/nav-img.svg) !important;

    background-size: 160px auto;
    width: 160px;
    height: 56px;
    display: inline-block;
    margin-left: auto;
    background-position-x: center !important;
    background-repeat: no-repeat;
}




.pb-button--default {
    display: inline-block;
    padding: 11px 20px;
    background: none;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    color: rgba(38,41,44,0.64);
    font-weight: 500;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    min-width: 86px;
    white-space: nowrap;
    line-height: 1.4em;
        padding: 6px 15px;
    font-size: 20px;
    line-height: 1.5em;
    color: #26292C !important;
    -webkit-box-shadow: inset 0px 0px 0px 3px #26292c;
    box-shadow: inset 0px 0px 0px 3px #26292c;
    background: transparent;
    font-weight: 700;
}

.header__login-text {
    font-size: 15px;
    color:#26292c !important;
    margin-left: 20px;
}

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

.textleft{
    text-align:left !important;

}

.headerlogin{
    padding: 24px 9%;
}

#login-box {
    max-width: 500px !important;
        margin-top: 40px !important;
}

.tloginright:focus {
    background-position:110% center;
    padding-left: 14px;
    padding-right: 14px;
    border-bottom: 2px solid #08A742  !important;

}

.width100{
    width:100% !important;
}

.tloginright{
       background-image: url(../img/email.svg) !important;
    padding-right: 38px;
    background-position: right center;
    background-repeat: no-repeat;
        -webkit-transition: padding 0.2s, background-position 0.2s ease;
    transition: padding 0.2s, background-position 0.2s ease;
    
    border: none !important;
    border-bottom: 2px solid #ddd  !important;
    box-shadow:none !important;
}

.passinlog{
   background-image: url(../img/padlock.svg) !important;
    margin-top: 30px;
}

#login-box-inner{
        border: none;
    padding: 0px 12%;
}

.btnlogiin{
    background-color: #08A742 !important;
    border-color: #08A742 !important;
    
    padding-top: 15px !important;
    font-size: 19px !important;
}


.styled-checkbox__label {
       position: relative;
    display: inline-block;
    width: auto;
    padding: 0 30px 0 0px;
    cursor: pointer;
    text-align: left;
    color: rgb(68 66 66 / 64%);
    max-width: 370px;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
}
.styled-checkbox__label::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #b9babb;
}
.styled-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    background-color: transparent;
    opacity: 0;
}

.pb-form__item{
        margin-top: 25px;
}

.other-logins__header {
    display: flex;
    align-items: center;
    padding: 30px 0;
}

.other-logins__header:before, .other-logins__header:after {
    content: '';
    height: 2px;
    background-color: #dcdddd;
    flex: auto;
}

.other-logins__header span {
    flex-shrink: 0;
    margin: 0 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #b9babb;
}

.other-logins__links {
    display: flex;
}

.other-logins__link-box {
    flex: 1;
    margin-right: 5px;
}

.other-logins__link-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 0;
    font-size: 16px;
    line-height: 24px;
    color: #26292c;
    background-color: #f7f7f7;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
    border-radius: 2px;
}

.other-logins__link-box a:before {
    content: '';
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background-size: contain;
}

.other-logins__link-box a.google-logo:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS42OCAxMi4xODIzQzE5LjY4IDE0LjYxNzkgMTguODA3MSAxNi42Njk1IDE3LjI5NDIgMTguMDYyM0gxNC43MDkzVjE2LjA1NDNDMTUuNTU2NCAxNS40ODcyIDE2LjEyIDE0LjY0MDEgMTYuMzA1OCAxMy42NDAxSDEyVjEwLjU0NTlIMTkuNTM0MkMxOS42MjkzIDExLjA2OTUgMTkuNjggMTEuNjE0MyAxOS42OCAxMi4xODIzWiIgZmlsbD0iIzMxOEFGNSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjk5OTkgMjBDOC44NzI4MSAyMCA2LjE2NzAzIDE4LjIwNzEgNC44NTA1OSAxNS41OTI5VjEzLjUySDcuNTIzNDdDOC4xNTI4MSAxNS40MTA3IDkuOTE2MzYgMTYuODE3OCAxMS45OTk5IDE2LjgxNzhDMTMuMDc2NCAxNi44MTc4IDEzLjk5MjggMTYuNTM0MiAxNC43MDkzIDE2LjA1NDJMMTcuMjk0MSAxOC4wNjIyQzE1Ljk3MDYgMTkuMjgzNiAxNC4xNTk5IDIwIDExLjk5OTkgMjBaIiBmaWxsPSIjM0RBNzUxIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41MjM1NSAxMy41MjAxTDQuODUwNjcgMTUuNTkzQzQuMzA5MzMgMTQuNTEzIDQgMTMuMjkwOCA0IDEyLjAwMDFDNCAxMC43MDk0IDQuMzA5MzMgOS40ODcyMyA0Ljg1MDY3IDguNDA3MjNINy41MjM1NVYxMC40ODAxQzcuMzYzNTUgMTAuOTYwMSA3LjI3Mjg5IDExLjQ3MyA3LjI3Mjg5IDEyLjAwMDFDNy4yNzI4OSAxMi41MjcyIDcuMzYzNTUgMTMuMDQwMSA3LjUyMzU1IDEzLjUyMDFaIiBmaWxsPSIjRkRCOTAwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuOTk5OSA3LjE4MjIyQzkuOTE2MzYgNy4xODIyMiA4LjE1MjgxIDguNTg5MzMgNy41MjM0NyAxMC40OEw0Ljg1MDU5IDguNDA3MTFDNi4xNjcwMyA1Ljc5Mjg5IDguODcyODEgNCAxMS45OTk5IDRDMTQuMTU2NCA0IDE1Ljk2NyA0Ljc5Mjg5IDE3LjM1MjggNi4wODM1NkwxNS4wNTc3IDguMzc3NzhDMTQuMjI5MyA3LjU4NTc4IDEzLjE3NDEgNy4xODIyMiAxMS45OTk5IDcuMTgyMjJaIiBmaWxsPSIjRUEzRTM2Ii8+Cjwvc3ZnPgo=) no-repeat;
}

.other-logins__link-box {
    flex: 1;
    margin-right: 5px;
}

.other-logins__link-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 0;
    font-size: 16px;
    line-height: 24px;
    color: #26292c;
    background-color: #f7f7f7;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
    border-radius: 2px;
}

.other-logins__link-box a.linkedin-logo:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxLjVIM0MyLjE5NTM3IDEuNSAxLjUgMi4xNzc4MyAxLjUgM1YyMUMxLjUgMjEuODIxIDIuMTk1MzcgMjIuNSAzIDIyLjVIMjFDMjEuODAzNSAyMi41IDIyLjUgMjEuODIxIDIyLjUgMjFWM0MyMi41IDIuMTc3ODMgMjEuODAzNSAxLjUgMjEgMS41WiIgZmlsbD0iIzAwNjk5NyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuOTAyNTEgNi4xMzU5NUM3LjkwMjUxIDcuMTQwNTIgNy4xMDAyMyA3Ljk1NTkzIDYuMTExNTYgNy45NTU5M0M1LjExOTQyIDcuOTU1OTMgNC4zMTcxNCA3LjE0MDUyIDQuMzE3MTQgNi4xMzU5NUM0LjMxNzE0IDUuMTMyNTUgNS4xMTk0MiA0LjMxNzE0IDYuMTExNTYgNC4zMTcxNEM3LjEwMDIzIDQuMzE3MTQgNy45MDI1MSA1LjEzMjU1IDcuOTAyNTEgNi4xMzU5NVpNNC41NjI1NyAxOS40MjY5SDcuNjU3MDhWOS4zMzQxNEg0LjU2MjU3VjE5LjQyNjlaIiBmaWxsPSIjRkVGRUZFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42OTUwNyA5LjMzNDAxSDEyLjY4NjhWMTAuNzk2OUgxMi43Mjg5QzEzLjE0NjMgMTAuMDExNCAxNC4xNjM0IDkuMTgyODYgMTUuNjgyMSA5LjE4Mjg2QzE4Ljg0MzQgOS4xODI4NiAxOS40MjY4IDExLjI1MTkgMTkuNDI2OCAxMy45NDQ3VjE5LjQyNjhIMTYuMzA2NFYxNC41NjQ5QzE2LjMwNjQgMTMuNDA1OSAxNi4yODY1IDExLjkxNTIgMTQuNjg0OSAxMS45MTUyQzEzLjA2MDkgMTEuOTE1MiAxMi44MTE5IDEzLjE3OSAxMi44MTE5IDE0LjQ4MjNWMTkuNDI2OEg5LjY5NTA3VjkuMzM0MDFaIiBmaWxsPSIjRkVGRUZFIi8+Cjwvc3ZnPgo=) no-repeat;
}


.other-logins__link-box:last-child {
    margin-right: 0;
}

.other-logins__link-box a.sso-logo:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODYwMSAxNi41OUM5LjI2MDEgMTcuMTcgOC4yNjAxIDE3LjE3IDcuNjYwMSAxNi41OUM3LjUxNTU0IDE2LjQ1NyA3LjQwMDE1IDE2LjI5NTUgNy4zMjEyMiAxNi4xMTU2QzcuMjQyMjkgMTUuOTM1NyA3LjIwMTU0IDE1Ljc0MTQgNy4yMDE1NCAxNS41NDVDNy4yMDE1NCAxNS4zNDg2IDcuMjQyMjkgMTUuMTU0MyA3LjMyMTIyIDE0Ljk3NDRDNy40MDAxNSAxNC43OTQ1IDcuNTE1NTQgMTQuNjMzIDcuNjYwMSAxNC41QzcuOTU3MjUgMTQuMjE4NyA4LjM1MDkgMTQuMDYxOSA4Ljc2MDEgMTQuMDYxOUM5LjE2OTI5IDE0LjA2MTkgOS41NjI5NCAxNC4yMTg3IDkuODYwMSAxNC41QzEwLjQ3MDEgMTUuMDggMTAuNDcwMSAxNi4wMSA5Ljg2MDEgMTYuNTlaTTEzLjkxMDEgMTMuNDVMMTYuMTEwMSAxMS4zNkwxNC42NDAxIDkuOTdMMTYuMTEwMSA4LjU3TDE3LjU5MDEgOS45N0wxOS4wNjAxIDguNTdMMTcuNTkwMSA3LjE4TDE5LjA2MDEgNS43OEwyMC41MzAxIDcuMThMMjIuMDAwMSA1Ljc4TDE5LjA2MDEgM0wxMC45NjAxIDEwLjY3TDEwLjIzMDEgOS45N0M5LjgzMDU0IDkuNTk4ODggOS4zMDU0MSA5LjM5MjYyIDguNzYwMSA5LjM5MjYyQzguMjE0NzggOS4zOTI2MiA3LjY4OTY1IDkuNTk4ODggNy4yOTAxIDkuOTdMMy42MDAxIDEzLjQ1QzMuNDA2MTEgMTMuNjI4IDMuMjUxMjMgMTMuODQ0MyAzLjE0NTI4IDE0LjA4NTNDMy4wMzkzMyAxNC4zMjYzIDIuOTg0NjIgMTQuNTg2NyAyLjk4NDYyIDE0Ljg1QzIuOTg0NjIgMTUuMTEzMyAzLjAzOTMzIDE1LjM3MzcgMy4xNDUyOCAxNS42MTQ3QzMuMjUxMjMgMTUuODU1NyAzLjQwNjExIDE2LjA3MiAzLjYwMDEgMTYuMjVMOC4wMTAxIDIwLjQyQzguODMwMSAyMS4xOSAxMC4xNDAxIDIxLjE5IDEwLjk1MDEgMjAuNDJMMTQuNjMwMSAxNi45NEMxNC44MjI1IDE2Ljc2MjEgMTQuOTc2IDE2LjU0NjMgMTUuMDgxIDE2LjMwNjNDMTUuMTg2IDE2LjA2NjIgMTUuMjQwMSAxNS44MDcgMTUuMjQwMSAxNS41NDVDMTUuMjQwMSAxNS4yODMgMTUuMTg2IDE1LjAyMzggMTUuMDgxIDE0Ljc4MzdDMTQuOTc2IDE0LjU0MzcgMTQuODIyNSAxNC4zMjc5IDE0LjYzMDEgMTQuMTVMMTMuOTAwMSAxMy40NUgxMy45MTAxWiIgZmlsbD0iIzc0NzY3OCIvPgo8L3N2Zz4K) no-repeat;
}

.auth-register {
    -webkit-font-smoothing: antialiased;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 14px;
}

.pb-button, .pb-button--xl {
    display: inline-block;
    padding: 11px 20px;
    background: none;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    color: rgba(38,41,44,0.64);
    font-weight: 500;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    min-width: 86px;
    white-space: nowrap;
    font-size: 24px;
    line-height: 1.4em;
}


.pb-button--small, .pb-button--lg {
    padding: 6px 15px;
    font-size: 20px;
    line-height: 1.5em;
}

.pb-button--link {
    color: #747678 !important;
    font-weight: 500;
}

.styled-checkbox__label__checked:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDFMOSAxNi4xN3oiLz4KPC9zdmc+Cg==) center center no-repeat;
}

.grid {
    max-width: 1600px;
    padding: 0;
    align-self: center;
    width: 100%;
        margin-top: 40px;
    margin-bottom: 40px;
        padding: 0px 9% !important;
}


.footer-short {
    align-self: center;
    font-size: 14px;
}

.language-picker {
    position: relative;
    display: inline-block;
}

.language-picker__button {
    background-color: #f7f7f7;
    font-size: 20px;
    border: none;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #747678;
    padding: 0;
}

.language-picker__button__icon {
    float: left;
    margin-right: 7px;
    cursor: pointer;
    min-width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JY29uL2xhbmd1YWdlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlVpLWVsZW1lbnRzLWFuZC1pY29ucy0oZXhhbXBsZXMpIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsLW9wYWNpdHk9IjAuNjQiPgogICAgICAgIDxnIGlkPSJTbWFsbC1pY29ucy0yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzQuMDAwMDAwLCAtNjMuMDAwMDAwKSIgZmlsbD0iIzI2MjkyQyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vbGFuZ3VhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxLjAwMDAwMCwgNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS4wMjg0MzU2NywxMyBDNC45MzU1MTY5OCwxMy4zOTk3NzYyIDQuNjAwMzk5NzIsMTMuNzE2OTQxOSA0LjE2OTMwMDkzLDEzLjc2NjkyNjMgQzMuNjIwNjkxNTIsMTMuODMwNTM1NyAzLjEyNDM5MDEyLDEzLjQzNzM2NTUgMy4wNjA3ODA3MywxMi44ODg3NTYxIEMyLjQ0OTIxNTYsNy42MTQyMTQzMyA2LjgxNzQ5NTUzLDMgMTIsMyBDMTYuOTcwNTYyNywzIDIxLDcuMDI5NDM3MjUgMjEsMTIgQzIxLDE2Ljk3MDU2MjcgMTYuOTcwNTYyNywyMSAxMiwyMSBDOC43MDc5OTE4MywyMSA2LjA4OTUzMTk1LDE5LjUyMDIyMzkgNC4yNDc5NTkyMSwxNi42MzMzMTk2IEMzLjk1MDk0MDE4LDE2LjE2NzcwMzcgNC4wODc2MTQ5NCwxNS41NDk0NjYgNC41NTMyMzA4MSwxNS4yNTI0NDY5IEM1LjAxODg0NjY5LDE0Ljk1NTQyNzkgNS42MzcwODQ0MywxNS4wOTIxMDI3IDUuOTM0MTAzNDUsMTUuNTU3NzE4NiBDNi43NDg5MDY4NiwxNi44MzUwMjg3IDcuNzE3ODcxMzcsMTcuNzQ5NTU3NSA4Ljg1ODI2Mzc2LDE4LjMxMzQ0MzYgQzguMjIyMzk5MDEsMTYuOTA2NjEyOCA3LjgyNjU5MjE2LDE1LjA1MDcwNSA3LjcyOTM3NTE0LDEzIEw1LjAyODQzNTY3LDEzIFogTTUuMDY3NTM0MTYsMTEgTDcuNzI5Mzc1MTQsMTEgQzcuODI0MTIzNCw5LjAwMTM3MTI2IDguMjAyNDg5MDgsNy4xODc3NzE3OSA4LjgxMDI4NzExLDUuNzk0NTk3NDYgQzYuODQwNzU2MzksNi44MjcwMjYwMSA1LjM4MjY5NzU1LDguNzY0MjY5OTIgNS4wNjc1MzQxNiwxMSBaIE0xOC45MjkxMTExLDEzIEwxNi4yNzA2MjQ5LDEzIEMxNi4xNzUwNzcsMTUuMDE1NDk0NyAxNS43OTExMDQ4LDE2Ljg0MjgyNDIgMTUuMTc0Mjc2NywxOC4yNDA1ODI2IEMxNy4xNjE4MDksMTcuMjI3NjA2OCAxOC42MDExMTYsMTUuMjkzMDUwNSAxOC45MjkxMTExLDEzIFogTTE4LjkyOTExMTEsMTEgQzE4LjYwMTExNiw4LjcwNjk0OTU1IDE3LjE2MTgwOSw2Ljc3MjM5MzIyIDE1LjE3NDI3NjcsNS43NTk0MTczNSBDMTUuNzkxMTA0OCw3LjE1NzE3NTgzIDE2LjE3NTA3Nyw4Ljk4NDUwNTI3IDE2LjI3MDYyNDksMTEgTDE4LjkyOTExMTEsMTEgWiBNOS43MzM2MTYxOSwxMyBDOS45MjQ1NTgzMSwxNi40Mjg3MjQzIDExLjA2NDU1MzksMTkgMTIsMTkgQzEyLjkzNTQ0NjEsMTkgMTQuMDc1NDQxNywxNi40Mjg3MjQzIDE0LjI2NjM4MzgsMTMgTDkuNzMzNjE2MTksMTMgWiBNOS43MzM2MTYxOSwxMSBMMTQuMjY2MzgzOCwxMSBDMTQuMDc1NDQxNyw3LjU3MTI3NTY4IDEyLjkzNTQ0NjEsNSAxMiw1IEMxMS4wNjQ1NTM5LDUgOS45MjQ1NTgzMSw3LjU3MTI3NTY4IDkuNzMzNjE2MTksMTEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
}

.language-picker__options-wrapper {
    visibility: hidden;
    left: 0px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 40px;
    transition: 0.1s 0.2s;
    z-index: 5;
}

.language-picker__options-wrapper__content {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(38 41 44 / 32%);
    z-index: 1;
    max-height: 75vh;
    overflow: auto;
    padding: 20px 0;
    min-width: 270px;
}

.language-picker__options-wrapper__content__row {
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 42px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 20px;
    box-sizing: inherit;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    color: #404346 !important;
}

.language-picker__options-wrapper:after {
    z-index: 1000;
    bottom: 0px;
right: 35%;
border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: auto;
    background-color: #fff;
    border-color: transparent transparent rgba(136,183,213,0) rgba(136,183,213,0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px;
    margin-bottom: -5px;
    transform: rotate(
135deg
);
    box-shadow: 3px -3px 6px rgb(38 41 44 / 32%);
}

.footer-short__social-btns {
    float: left;
}

.language-picker{
        /*float: right;*/

}

.footer-short__social-btns__fb {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JY29ucy9zb2NpYWxtZWRpYS9mYjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29ucy9zb2NpYWxtZWRpYS9mYiIgZmlsbD0iIzc0NzY3OCI+CiAgICAgICAgICAgIDxnIGlkPSJMb2dvL2ZiIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi41NTk1NjIxLDI0LjAwMDE3OTggTDE2LjU1OTU2MjEsMTQuNzA2MTE4MiBMMTkuNjc5Mjg0MiwxNC43MDYxMTgyIEwyMC4xNDYzNDc4LDExLjA4Mzk5MjUgTDE2LjU1OTU2MjEsMTEuMDgzOTkyNSBMMTYuNTU5NTYyMSw4Ljc3MTQyNTI1IEMxNi41NTk1NjIxLDcuNzIyNzM1MzMgMTYuODUwNzM0OSw3LjAwODExMTg3IDE4LjM1NDYxODUsNy4wMDgxMTE4NyBMMjAuMjcyNjkwNiw3LjAwNzIxMjYzIEwyMC4yNzI2OTA2LDMuNzY3NjIyMjMgQzE5Ljk0MDg3MjIsMy43MjM1NTk2MyAxOC44MDIzNDg1LDMuNjI0OTEzMzUgMTcuNDc3NzcyNywzLjYyNDkxMzM1IEMxNC43MTIzNDk5LDMuNjI0OTEzMzUgMTIuODE5MTg2Nyw1LjMxMjg3MDcgMTIuODE5MTg2Nyw4LjQxMjgwOTYzIEwxMi44MTkxODY3LDExLjA4Mzk5MjUgTDkuNjkxNTUxMywxMS4wODM5OTI1IEw5LjY5MTU1MTMsMTQuNzA2MTE4MiBMMTIuODE5MTg2NywxNC43MDYxMTgyIEwxMi44MTkxODY3LDI0LjAwMDE3OTggTDEuMzI0NTc1NzcsMjQuMDAwMTc5OCBDMC41OTI4NjY4MDQsMjQuMDAwMTc5OCAwLDIzLjQwNzA0MzMgMCwyMi42NzU2MDQxIEwwLDEuMzI0NjY1NjkgQzAsMC41OTI5NTY3MjggMC41OTI4NjY4MDQsMCAxLjMyNDU3NTc3LDAgTDIyLjY3NTQyNDIsMCBDMjMuNDA2ODYzNCwwIDI0LDAuNTkyOTU2NzI4IDI0LDEuMzI0NjY1NjkgTDI0LDIyLjY3NTYwNDEgQzI0LDIzLjQwNzA0MzMgMjMuNDA2ODYzNCwyNC4wMDAxNzk4IDIyLjY3NTQyNDIsMjQuMDAwMTc5OCBMMTYuNTU5NTYyMSwyNC4wMDAxNzk4IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center center no-repeat;
}

.footer-short__social-btn {
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer;
    margin-right: 20px;
}

.footer-short__social-btn:last-child {
    margin-right: 0px;
}

.footer-short__bottom {
    display: flex;
    margin-top: 10px;
}



.footer-short__links {
    margin-top: 8px;
    flex: 1 1 auto;
}

.footer-short__link {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    padding-left: 8px;
    margin-left: 6px;
    border-left: 1px solid #747678;
}
.footer-short__link:first-child {
    border: 0;
    margin: 0;
    padding: 0;
}


.footer-short__link a {
    color: #747678;
    text-decoration: none;
}

.footer-short__bottom-text {
    font-size: 16px;
    color: #b9babb;
}

.footer-short__bottom-text p {
    margin: 0;
}


#login-page-full .container {
    max-width: 1200px !important;
}
.language-picker:hover .language-picker__options-wrapper {
    visibility: visible;
    transition-delay: 0s;
}


#login-full-wrapper{
    position:relative !important;
}

.footer-short__social-btns__tw {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikljb25zL3NvY2lhbG1lZGlhL3R3aXR0ZXIiIGZpbGw9IiM3NDc2NzgiPgogICAgICAgICAgICA8ZyBpZD0iMDAyLXR3aXR0ZXItbG9nby1zaWxob3VldHRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMiwyLjEyOTY4MzIzIEMyMS4xOTAyNzY1LDIuNDkxMDgxNjEgMjAuMzIxNDU0OCwyLjczNjE3Nzg2IDE5LjQwODU5NzEsMi44NDU2MDAzNSBDMjAuMzQwNjg2OCwyLjI4MzM4ODg5IDIxLjA1NDE3ODIsMS4zOTE2NDI2NCAyMS4zOTIzMzg5LDAuMzMyMzIyODQ0IEMyMC41MTgwMTcyLDAuODUyOTY2Nzk1IDE5LjU1MjkyNzQsMS4yMzEwMjExNCAxOC41MjQ2MDU0LDEuNDM1OTYyMDEgQzE3LjcwMTE0OTgsMC41NTExMzE2MiAxNi41Mjk4NjM2LC0xLjdlLTE1IDE1LjIzMDcxMTIsLTEuN2UtMTUgQzEyLjczODMwODQsLTEuN2UtMTUgMTAuNzE3NDMyNSwyLjAzNTU0MDc5IDEwLjcxNzQzMjUsNC41NDQ2NTQzIEMxMC43MTc0MzI1LDQuOTAwNTEyNzUgMTAuNzU3Mjk4Niw1LjI0ODA3OTQzIDEwLjgzNDI5ODcsNS41ODA0Mzg0OSBDNy4wODQwMTE1OCw1LjM5MDcwNTI0IDMuNzU4NTE5MjEsMy41ODA4ODkwOCAxLjUzMjgxMjk2LDAuODMwODA3MTExIEMxLjE0Mzc1MDIzLDEuNTAxMDI4OTMgMC45MjI0MTk4MDgsMi4yODE5NzY3NSAwLjkyMjQxOTgwOCwzLjExNTYwODEzIEMwLjkyMjQxOTgwOCw0LjY5MjgyMDAzIDEuNzE5Nzc3MzIsNi4wODQ0NjI2NyAyLjkyOTU2MzYxLDYuODk4NjUwMDIgQzIuMTg5OTM4MjIsNi44NzM3Mzg0OCAxLjQ5NDMxMjksNi42Njg3OTc2MSAwLjg4NTMyMTcwOCw2LjMyODE0Njc4IEwwLjg4NTMyMTcwOCw2LjM4NDkyMTkyIEMwLjg4NTMyMTcwOCw4LjU4NjYyNDEzIDIuNDQxNTM2NjcsMTAuNDI0MTM5OSA0LjUwNTAxMDYzLDEwLjg0MjM0OTYgQzQuMTI2OTQ3OTIsMTAuOTQ0ODIwMSAzLjcyODI4NzE0LDExLjAwMTU5NTIgMy4zMTU4NTgzNiwxMS4wMDE1OTUyIEMzLjAyNDQyOTc4LDExLjAwMTU5NTIgMi43NDI1OTkyNSwxMC45NzI1MTk3IDIuNDY2MjY4NzQsMTAuOTE3MTIwNCBDMy4wNDA4OTM4NiwxMi43MjQxODQ4IDQuNzA3MTA5LDE0LjAzODI2ODUgNi42ODEyNTI3NSwxNC4wNzQyOTYxIEM1LjEzNzQwMzgyLDE1LjI5Mjg2MTUgMy4xOTA3NjAxMiwxNi4wMTcwNzA0IDEuMDc2NDIwMDYsMTYuMDE3MDcwNCBDMC43MTIxMjUzNDcsMTYuMDE3MDcwNCAwLjM1MzI5NDY5NSwxNS45OTQ5MTA3IDQuMDhlLTE0LDE1Ljk1NDc1NTMgQzEuOTk3NTA5OCwxNy4yNDY3MTU2IDQuMzY4OTQ4MzIsMTggNi45MTc3MTcxOSwxOCBDMTUuMjE5NzgzLDE4IDE5Ljc1NzgyOTcsMTEuMDczNjE0MiAxOS43NTc4Mjk3LDUuMDY2NzEwMzkgTDE5Ljc0MjY5NTcsNC40NzgyMTE0NSBDMjAuNjI5MzgzNCwzLjg0MTE5Mjk1IDIxLjM5NjQ3MjksMy4wNDA4MzczIDIyLDIuMTI5NjgzMjMgWiIgaWQ9IlNoYXBlIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center center no-repeat;
}

.footer-short__social-btns__ln {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikljb25zL3NvY2lhbG1lZGlhL2xpbmtlZGluIiBmaWxsPSIjNzQ3Njc4Ij4KICAgICAgICAgICAgPGcgaWQ9IjAwMS1saW5rZWRpbi1sb2dvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC44MjcyNDQsMTIuMjI4NzA2OCBMMjAuODI3MjQ0LDE5LjkyODY3MTggTDE2LjM2MzI5MTIsMTkuOTI4NjcxOCBMMTYuMzYzMjkxMiwxMi43NDQ0MDQgQzE2LjM2MzI5MTIsMTAuOTM5NjU3NCAxNS43MTc2Mjg2LDkuNzA3OTg4MzcgMTQuMTAxODI1Nyw5LjcwNzk4ODM3IEMxMi44NjgzNjUsOS43MDc5ODgzNyAxMi4xMzQzMzE4LDEwLjUzODA0MyAxMS44MTE0MDM2LDExLjM0MDk4MTIgQzExLjY5MzY0MDYsMTEuNjI4MDI4NCAxMS42NjMzMjgzLDEyLjAyNzU2MDYgMTEuNjYzMzI4MywxMi40MjkzNjg3IEwxMS42NjMzMjgzLDE5LjkyODY3MTggTDcuMTk3ODc0NDQsMTkuOTI4NjcxOCBDNy4xOTc4NzQ0NCwxOS45Mjg2NzE4IDcuMjU4MDE0OTEsNy43NjA4ODAyNCA3LjE5Nzg3NDQ0LDYuNTAwMjA2MjkgTDExLjY2Mjg5MjUsNi41MDAyMDYyOSBMMTEuNjYyODkyNSw4LjQwMzYzNzUzIEMxMS42NTM4Mzc1LDguNDE3ODczNjggMTEuNjQyMDcwOSw4LjQzMzIyMzU0IDExLjYzMzU0ODYsOC40NDcwMjM4OSBMMTEuNjYyODkyNSw4LjQ0NzAyMzg5IEwxMS42NjI4OTI1LDguNDAzNjM3NTMgQzEyLjI1NjExMzgsNy40ODk5NTc2MSAxMy4zMTU1NDQ4LDYuMTg0NzM1MTcgMTUuNjg2ODgwNCw2LjE4NDczNTE3IEMxOC42MjQ4MDUyLDYuMTg0Njg2NzUgMjAuODI3MjQ0LDguMTA0MDAwNDkgMjAuODI3MjQ0LDEyLjIyODcwNjggWiBNMi41MjY4MTk2MSwwLjAyNzAxOTYyOTkgQzAuOTk5MTkzNjYsMC4wMjcwMTk2Mjk5IDAsMS4wMjkwMjE3OCAwLDIuMzQ2Njg4NzUgQzAsMy42MzU2NDEzMSAwLjk3MDI4NTU2MSw0LjY2ODA1MjY1IDIuNDY3NTUwNzUsNC42NjgwNTI2NSBMMi40OTczNzg4Nyw0LjY2ODA1MjY1IEM0LjA1NDU5MDg0LDQuNjY4MDUyNjUgNS4wMjMwMzYzNSwzLjYzNTgzNSA1LjAyMzAzNjM1LDIuMzQ2Njg4NzUgQzQuOTkzNjkyNDUsMS4wMjkwMjE3OCA0LjA1NDU5MDg0LDAuMDI3MDE5NjI5OSAyLjUyNjgxOTYxLDAuMDI3MDE5NjI5OSBaIE0wLjI2NTIwODgwNCwxOS45Mjg2NzE4IEw0LjcyODk2Nzg3LDE5LjkyODY3MTggTDQuNzI4OTY3ODcsNi41MDAyMDYyOSBMMC4yNjUyMDg4MDQsNi41MDAyMDYyOSBMMC4yNjUyMDg4MDQsMTkuOTI4NjcxOCBaIiBpZD0iTGlua2VkSW4iIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center center no-repeat;
}

.styled-checkbox{
        text-align: right;
}

.footer-short__container{
    text-align:right;
}

.footer-short__links{
    text-align:left;
}

#login-box #login-forget-link{
        text-align: left;
    margin-top: 26px;
}

#login-box-inner{
    padding-bottom:20px !important;
}

#page-wrapper {
    background-color: rgb(64, 67, 70) !important;
}








#nav-col {

    background: rgba(38, 41, 44, 0.88) !important;
}

.theme-whbl #sidebar-nav .nav>li>a:hover {
    background-color: rgba(255, 255, 255, 0.16) !important;
}

.theme-whbl .nav-pills>li.active>a{
    background-color: transparent !important;
}



#content-wrapper {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.nav-small #content-wrapper {
    margin-left: 0px !important;
    margin-right: 0px !important;
        padding: 0px !important;
}

#theme-wrapper{
      margin-left: 0px !important;
    /*margin-right: 65px !important;*/
}

#page-wrapper #content-wrapper{
    padding:15px !important;
}
#nav-col {
    right: 0px;
    top: 0px;
    height:100%;
}

.nav-small #nav-col #sidebar-nav .nav li .submenu {
    right: 64px !important;
    left: auto !important;
    /*right: 205px !important;*/
}

.nav-small #nav-col #sidebar-nav .nav li .submenu>li>a{
    direction: rtl !important;
    text-align: right !important;
    padding-right: 28px !important;
}

.stage-div {
    float: right !important; 
}

.manager-home .main-box .main-box-body{
    /*width: 100%;*/
}

.stage-name::after, .stage-name::before {
       border-left: none;
    border-right: 15px solid;
    border-bottom: 27px solid transparent;
    border-top: 23px solid transparent;
}

.stage-name::before {
       border-right-color: #ddd !important;
    right: 1px;
    top: 0px;
}

.stage-name::after {
    border-right-color: rgb(247, 247, 247) !important;
    right: 0px !important;
    top: 0px;
}

.stage-div h2{
    height:48px !important;
    padding-top: 8px  !important;;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    text-align: right;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    left: 1px !important;
}

.select2-container--default .select2-results__option{
    text-align: right !important;
}

.adminsearchp{
    margin: auto;
    text-align: right;
    border-radius: 40px;
    height:40px;
    transition: background-color 0.1s ease-in 0s, border 0.1s ease-in 0s;
    border: 1px solid #cbcccd;
}

.adminsearchp:focus{
   
    background-color: #FFF;
    border: solid 1px #317ae2;
    box-shadow:none !important;
}


.dirrtl{
    direction:rtl !important;
}

.fright{
    float:right !important;
}

.mr20b{
    margin-right:15px;
}

.navbar-brand {
    float: right !important;
}

/*.headnavr li{*/
/*    float:right !important;*/
/*}*/

.stage-div h2 {
    background-color: rgb(247, 247, 247) !important;
    color: #000 !important;
    border-bottom: 1px solid #ececec;
        padding-top: 0px !important;
        text-align: right;
    padding-right: 30px;
}

.stage-div {
    /*width: 20% !important;*/
}

.manager-home .main-box .main-box-body{
    padding:0px !important;    
}

.modal-header{
        background-color: #f7f7f7 !important;
    background-image: none !important;
    color: #000;
    text-align: right;
        padding: 17px 10px !important;
}

.nav-tabs>li>a{
    text-align:right !important;
}

.modal-backdrop.in{
        opacity: 0.3 !important;
}

.modal-title {
    font-size: 14px !important;
}

.btnmodelclose{
    color: #747678 !important;
    float: left !important;
    margin-left: 10px !important;
    margin-top: 3px !important;
}

.modal-body .form-group {
    text-align:right !important;
}

.modal-body .form-group .form-control{
    text-align:right !important;
}

#content-wrapper{
    background: #f7f7f7 !important;
}

.btn{
    background-color: #fff !important;
    border: 1px solid #a7a7a7;
    color: #26292c;
    font-weight: bold;
}



.btn-primary {
    border-color: #08a742!important;
    background: #08a742 !important;
    box-shadow: 0 1px 2px rgb(38 41 44 / 8%) !important;
}


.psearch{
    padding-top: 3px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #26292c;
    padding-right: 30px !important;
    padding-left: 38px !important;
    font-size:15px;
    direction: rtl;
}

.navbar-nav .open .dropdown-menu{
    text-align:right !important;    
}


.dropdown-menu>li>a>i {
    right: 0px !important;
    margin-right: 10px !important;
}

/*.dropdown-menu>li>a {*/
/*    padding-right:33px !important;    */
/*}*/

.navbar-nav>li>.dropdown-menu {
    min-width: max-content !important;
    border-radius: 3px !important;
    box-shadow: 0 6px 12px rgb(0 0 0 / 23%) !important;;
}

.btn-group .btncsp{
    background: #eff5fd !important;
    color: #317ae2 !important;
    box-shadow: inset 0 0 0 1px #317ae2, 0 0 0 rgb(49 122 226 / 0%), inset 0 1px 2px rgb(49 122 226 / 16%) !important;
    border: none !important;
    padding-top:5px !important;
}

.btn-group .btncspno{
    background: #fff !important;
    color: #317ae2 !important;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 0 0 rgb(49 122 226 / 0%), inset 0 1px 2px rgb(49 122 226 / 16%) !important;
    border: none !important;
    padding-top:5px !important;
}


.btncsp svg{
    
    width:16px !important;
    height:16px !important;
    vertical-align:middle;
}

.btnsdsize svg{
    
     width:16px !important;
    height:16px !important;
    vertical-align:middle;
}

.btncspaa{
    color: #404346 !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 0 0 rgb(49 122 226 / 0%), inset 0 1px 2px rgb(49 122 226 / 16%) !important;
    margin-right:2px !important;
}

.btncspaa:hover{
    background-color: #f7f7f7 !important;
}

.row{
    direction: rtl !important;
}

#sidebar-nav .nav>li>a>span {
    margin-right: 35px !important;
    margin-left: 0px !important;
        display: none !important;
}

.ui-sortable-handle{
    cursor: pointer !important;
}


body{
    overflow-x: hidden !important;
}

/*.nav>li {*/
/*    float: right !important; */
/*}*/

.nav-small #nav-col {
    width: 64px !important;
}

.nav-pills>li {
    float: none !important;
}

.nav-small #nav-col #sidebar-nav .nav>li>a>span {
    /*display: inline !important;*/
}

/*button.close {*/
/*    color: #747678 !important;*/
/*}*/
.input-group-addon:first-child {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    /*border-right: 0 !important;*/
    /*border-top-right-radius: 0 !important;*/
    /*border-bottom-right-radius: 0 !important ;*/
    height:34px;
}

.input-group{
    direction: ltr !important;
}

.modal-footer{
    background-color: #f7f7f7;
    padding: 10px 10px !important;
    border-top: 1px solid #ddd;
}

.cd-timeline-img {
 
    right: 0 !important;
    left: auto !important;
}

#cd-timeline::before {
   
    left: auto !important;
    right: 18px !important;
}

.cd-timeline-content {
    margin-left: 0px !important;
    margin-right: 60px !important;
}

.cd-timeline-img i {
    right: 9% !important;
    left: auto !important;
}

.nav-tabs>li.active>a{
    background: #eff5fd !important;
    color: #317ae2 !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: 2px solid #317ae2 !important;
    margin: 0px !important;
    fill:#317ae2;
    
}

.manager-home .main-box .main-box-body{
    background-color: #f7f7f7 !important;
}

.stage-div li {
    background: #fff !important;
}

.colorfaed{
    color:#f00 !important;
}

.input-group.bootstrap-timepicker{
    direction: rtl !important;
}

.task-details {
     float: right !important; 
}


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


.panel-default>.panel-heading{
    color: #000 !important;    
}

.deal-title {
    font-size: 19px !important;
    color: rgb(49, 122, 226) !important;
}


.deal-view-colum .label-three{
    padding: 9px 10px !important;
    margin-top: 1px  !important;
}

.delpadad{
        padding: 6px 9px;
}

.btn-danger:focus, .btn-danger:hover {
    background-position: 100% 0px !important;
}

#login-box .btn{
    color: #fff !important;
    background: #08A742 !important;
}


#calendar .fc-header-right .fc-button{
    font-weight: bold;
}

.wigroup100{
    width:100% !important;   
}

.forgotlinkalign{
    text-align:center !important;
    margin-top: 5px !important;
}

#togglePassword{
    position: absolute;
    bottom: 13px;
    z-index: 99;
    left: 10px;
    font-size: 17px;
    cursor: pointer;
}

.radiusback{
    background-color:#FFF;
    width: 40px;
    height: 40px;
    color: #000;
    border-radius: 50%;
        text-align: center;
    padding-top: 5px;
        cursor: pointer;
        border:1px solid #cbcccd;
        box-shadow: 0 1px 2px var(--pd-elevation-button);
        transition: background-color 0.1s ease 0s;
    font-size:22px;
}



.radiusback:hover{
    
    background-color:#f7f7f7;
}




.radiusback:active{
    
    background-color:#e5e5e5;
}


.radiusback i {
    
    font-size:16px !important;
}



.listrhb{
    padding:10px 0;
   width: 215px;
    position: absolute;
    background-color: #fff;
    right: 0px;
    display: grid;
    text-align: right;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 4px #efefef;
    top: 39px;
}

.listrhb a{
    padding: 11px 15px;
    text-decoration: none;
    color: #747678;
    font-size: 16px;
}

.listrhb a svg{
    fill: #747678;
}

.listrhb a:hover svg{
    fill: #000;
}

.listrhb a:hover{
    color: #000;
}

.hideshm{
    display:none !important;
}

.floatleftsp{
    float:left;
    padding: 0px 5px;
    background-color: #eeeeee;
    border-radius: 3px;
    color: #000;
}

.theme-whbl #header-navbar .nav>li>a:hover{
    color: #484848 !important;
}

/*#header-navbar .nav .open>a{*/
/*    color: #484848 !important;*/
/*}*/

.helpcs-list{
    display: inline-grid !important;
    overflow: hidden !important;
    padding: 10px !important;
}

.helpcs-list li{
    background-color:#fff !important;
}

.helpcslist{
    width: 350px;
    position: absolute;
    background-color: #fff;
    left: 0px;
    text-align: right;
    padding: 15px;
    top: 50px;
    border: 1px solid #ddd;
    height: 100%;
    z-index: 99999;
    display: block;
}

.tcsm{
    cursor:pointer;
}

.inhelp{
    width: 100%;
    margin-top: 10px;
    border: 1px solid #a7a6a6;
    padding: 4px;
}


.backheb {
    margin:0px !important;
    margin-top: 30px !important;
    
}

.backheb .thl{
    color: #000;
    background-color: #eeeeee;
    padding: 5px;
    margin-bottom: 10px !important;

}

.tblistmm{
    margin: 5px 0px;
    color: #317ae2;
}

.hassiiscs{
    background-color: rgb(247, 247, 247) !important;
    padding:0px !important;
    
}

.dfcs{
    padding:10px !important;
    background-color: #fff;
    margin:0px !important;
}

.dfcspad{
    padding: 15px;
    margin: 0px;
}

.clpadim{
    margin: 0px;
    padding: 20px;
    
}

.imagebo{
       border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
}

.maimgbo{
    margin-bottom:10px;
}

.tbfw{
    font-weight:bold;
}

.tblue{
    color: rgb(49, 122, 226) !important;
   margin-top: 5px;
}

.headnavr{
    padding: 0px !important;
    margin-left: 0px !important;;
}


#cscomplete{
    background-color:#fff !important;
}


.mintt{
    width: 100%;
    display: block;
    color: #797979;
}


.dfcspadvideo{
    padding: 15px;
    margin: 0px;
    border-bottom:1px solid #eee;
}


.tblistms{
        padding: 8px 0px;
}

.dfcspadvideosb{
        padding: 15px;
    margin: 0px;
}

.tblistms i{
    color: #070;
}

.tblistmstt{
    color: #565656;
}

.sm23{
    color: #ababab;
        display: block;
            font-size: 13px;
}

.w50modal{
    width:50%;
    float:right !important;
        padding-top: 15px;
}


.w50modalleft{
  width: 50%;
    float: left !important;
    text-align: right;
    padding-top: 20px;
    padding-right: 14px;
    position: relative;
}

.tabdisinblock{
    display: inline-block !important;
}


.modal-body .form-group .form-control {
    text-align: right !important;
}


#tab-deal .form-control{
    border: 1px solid #cbcccd !important;
}

#tab-deal .form-control:focus {
    box-shadow: none !important;
    border: 1px solid #317ae2 !important;
     
}

#tab-deal .form-group label{
    color:#747678 !important;
    font-size: 13px !important;
}

.fauserpos{
    position: absolute;
    margin-top: 7px;
    right: 24px;
}

.padrightin{
    padding-right: 28px !important;
}

.w48s{
    width: 49% !important;
    margin-right: 1% !important;
}

.w48sf{
    width: 49% !important;
    margin-left: 1% !important; 
}

.inpdgdis{
    display: flex !important;
}

#tab-deal .input-group-addon:first-child{
    border: 1px solid #ccc !important;
}

.modallintetext{
      color: #7c7e80 !important;
    font-size: 13px !important;
    font-weight: 600;
    margin-left: auto;
    background-color: #fff;
    width: 20%;
    float: right;
}


.modalline{
   border-bottom: 1px solid #ddd;
    width: 80%;
    margin-top: 10px;
    float: left;
}

.w230{
    width:30% !important;
}


.clearmodal{
    clear:both;    height: 30px;
}

.svgmodalcs{
    height: 16px;
    width: 16px !important;
    fill: #7c7e80;
    vertical-align: bottom;
}

.modal-dialog {
    width: 680px ;
}

.clearmodal20{
    clear:both;    height: 20px;

}


.ms-0{
    margin:0px !important
}


.mts-20{
    margin-top:20px !important;
}

.modalline70{
        border-bottom: 1px solid #ddd;
    width: 70%;
    margin-top: 10px;
    float: left;
}

.disnonemodal{
    display:none !important;
}

.wmodalw{
    width:934px !important;
}

.addpm{
    font-size: 14px !important;
    color: #317ae2 !important;
    cursor: pointer !important;
    text-align: left !important;
    margin-top:10px;
}

.w50inputr{
        width: 40%;
    float: right;
    margin-left: 1%;
}

.w50inputl{
    width: 40%;
    float: right;
    margin-right: 1%;
}

.w50inputr input{
    width:100%;
}

.w50inputl input{
    width:100%
}

.inputmt input:focus{
     box-shadow: none !important;
    border: 1px solid #317ae2 !important;
}


.inputmt input{
    border: 1px solid #cbcccd !important;
}

.selctcsm{
    width:100%;
    border: 1px solid #cbcccd !important;
}

.selctcsm:focus{
     box-shadow: none !important;
    border: 1px solid #317ae2 !important;
}


.tms{
        margin-bottom: 4px;
    color: #747678;
    font-size: 13px;
    
}

.addbtnf{
    clear: both;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
    color: #317ae2;
    cursor: pointer;
}

.phonerowcs{
    margin-bottom: 7px;
    display: flow-root;
}

.delrowph{
        width: 18%;
    float: left;
}

.csvgremove{
    height: 30px;
    width: 100%! important;
    fill: #747678;
    cursor:pointer;
}

.wi20jj{
       width: 21.1%;
    height: 24px;
    background-color: #dcdddd;
    float: right;
    -webkit-clip-path: polygon(calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,2px 100%,8px 50%,2px 0);
    clip-path: polygon(calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,2px 100%,8px 50%,2px 0);
    transform: rotate(180deg);
    margin-left: -1.2%;
    cursor:pointer;
}

.fswr{
    -webkit-clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);
}

.lswr{
        -webkit-clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0);
    clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0);
}
.rowwjj{
    margin: 10px 0;
    display: flow-root;
}

.wi20jj:hover{
    background-color: #eee;
}

.rtldd{
    direction:rtl;
}

.w50inputn2{
    width: 18%;
    float: right;
    margin-left: 1%;
}

.tpro{
        text-align: right;
    background-color: #f6f7f8;
    width: max-content;
    padding: 10px 10px;
    border-radius: 5px;
}

.ttpro1{
    margin-left: 80px;
    color: #000;
}

.ttpro2{
    color: #000;
    
}

.ulindexh {
    min-height: 45px !important;
}

.plusindex{
    text-align: center;
    cursor:pointer;
    font-size:19px;
    padding:5px;
    display:none;margin-top: 30px;
}


.plusindex:hover a{
     background-color:#f0f0f0;
    border-radius:4px;
}


.stage-div:hover .plusindex{
    display:block !important;
}

.plusindex a{
    width: 100% !important;
    text-decoration: none !important; 
    display: block !important;
        color:#404346;
        font-size:25px;
       height:32px;

}

.plusindex:hover a{
    color: #000 !important;
}

/*.stage-div:hover{*/
/*    background-color: #efefef;*/
/*}*/


.pimhead{
        font-size: 11px;
    font-weight: normal;
    color:#747678;
    line-height: 17px;
}

.maboxcs .stage-div:first-child .stage-name:before{
    content:none !important;
}

.fixedmove{
    position: fixed;
    bottom: -80px;
    z-index: 200;
    width: 93.2%;
    background-color: #f3f3f3;
    padding: 10px;
    right: 80px;
    left:auto;
    
    /*visibility: hidden;*/
    /*opacity: 0;*/
    /*transition: visibility 0s, opacity 0.5s linear;*/
    
    
    
    
    
    transition-property: transform, opacity;
    transition-duration: 250ms;
    bottom: 0px;
    will-change: transform, opacity;
    transform: translate3d(0px, 65px, 0px);
    opacity: 0;
    
    
    
    
    
  
    
}


.anim22{
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.fborderd {
    text-align: center;
    border: 2px dashed #ddd;
    padding: 12px;
    font-weight: bold;
    font-size: 18px;
    color: #868686;
}

.fbgreen{
    color: #009400;
}

.fbred{
    color: #f00;

}

.navadminwhite{
    background-color:#fff !important;
        border-bottom: 1px solid #ddd;
}

.mainboxcss{
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 16%), 0 2px 2px 0 rgb(0 0 0 / 5%), 0 3px 1px -2px rgb(0 0 0 / 6%), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
}


.client-pages-DetailsPage-___DetailsPage__requiredFields___2eFMB {
    border-left-width: 4px;
}


.client-pages-DetailsPage-___DetailsPage__requiredFields___2eFMB {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-left: 4px solid #f94839;
    min-height: 56px;
    border-radius: 2px;
    margin-bottom: 8px;
}

.client-organisms-DetailsHeader-___DetailsHeader__pageTitle___5RSGD {
    margin: 0 16px;
    min-height: 56px;
}

.client-organisms-DetailsHeader-___DetailsHeader__pageTitle___5RSGD .client-organisms-DetailsHeader-___DetailsHeader__inner___2a4HV {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.client-organisms-DetailsHeader-___DetailsHeader__pageTitle___5RSGD>div {
    position: relative;
}

.client-organisms-DetailsHeader-___DetailsHeader__pageTitle___5RSGD span {
    font-size: 13px;
    font-weight: 600;
    color: #721ea9;
    text-transform: uppercase;
    line-height: 24px;
}


.cui4-badge--outline.cui4-badge--blue {
    background: rgba(49,122,226,.16);
    color: #317ae2;
    box-shadow: inset 0 0 0 1px #317ae2;
}


.cui4-badge {
    height: 16px;
    min-width: 16px;
    max-width: 100%;
    box-sizing: border-box;
    background: #e5e5e5;
    color: #26292c;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cui4-badge__label {
    padding: 0 4px;
    box-sizing: border-box;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.client-molecules-Onboarding-___Onboarding__container___aeq_y {
    padding: 0 16px 16px;
}

.client-molecules-Onboarding-___Onboarding__container___aeq_y .client-molecules-Onboarding-___Onboarding__buttonRow___3h4EW {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.cui4-button {
    background: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #26292c;
    transition: background .12s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%);
    padding: 4px;
    vertical-align: top;
}

.client-molecules-Onboarding-___Onboarding__container___aeq_y a {
    color: #317ae2;
    font-weight: 600;
    text-decoration: none;
}

.cui4-button--green {
    background: #08a742;
    box-shadow: 0 1px 2px rgb(38 41 44 / 8%);
}

.client-molecules-Onboarding-___Onboarding__container___aeq_y .client-molecules-Onboarding-___Onboarding__dismissButton___3VXRu {
    margin-right: 16px;
    cursor: pointer;
}

.client-molecules-Onboarding-___Onboarding__container___aeq_y a {
    color: #317ae2;
    font-weight: 600;
    text-decoration: none;
}


.cui4-button>span {
    padding: 0 4px;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.cui4-icon--white {
    fill: #fff;
}

 .sidebar .widget {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    background-color: #fff;
    padding: 16px;
    border: 1px solid #e5e5e5;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}


 .sidebar .widget.fieldsView .columnTitle {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 16px;
}

 .sidebar .widget {
    border-radius: 0 4px 4px 0;
}

 .sidebar .widget.fieldsView {
    padding: 0;
}

 .sidebar .columnTitle {
    display: flex;
    justify-content: space-between;
}


 .sidebar .widget .columnTitle {
    padding-bottom: 8px;
    position: relative;
}

 .sidebar .widget.fieldsView .columnTitle {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 16px;
}

.sidebar .widget .columnTitle .columnItem {
    display: inline-block;
    font-size: 13px;
    margin-top: 2px;
    color: #721ea9;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.sidebar .widget .columnTitle .columnActions {
    position: absolute;
    left: 0;
    top: 0;
}


.sidebar .widget.fieldsView .columnActions {
    top: 16px;
}

.cui4-button {
    background: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #26292c;
    transition: background .12s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%);
    padding: 4px;
    vertical-align: top;
}

.cui4-button--s, .cui4-button--s>span {
    padding: 0 4px;
}

.cui4-button--s {
    height: 24px;
    min-width: 24px;
}

.sidebar .widget.fieldsView .columnTitle {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 16px;
}




.sidebar .emptyMessage {
    font: 400 15px/20px Source Sans Pro,sans-serif;
    padding: 16px;
}



.cui4-button--green span{
    color: #fff;
}



.cui4-button--green {
    background: #08a742;
    box-shadow: 0 1px 2px rgb(38 41 44 / 8%);
}


.companylist{
    border: 1px solid #a0a0a0;
    border-bottom-right-radius: 3px;
    padding: 4px;
    color: #000;
    font-size: 13px;
    border-top: none;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 2px 3px 0px #e8e8e8;
}

.companylistrow{
    margin-bottom: 5px;
    margin-top: 5px;
    cursor:pointer;
}


.newcompany{
   width: max-content;
    font-size: 10px;
    float: left;
    background-color: #00b8ff;
    border-radius: 6px;
    padding: 1px 5px;
    color: #fff;
    position: absolute;
    left: 7px;
    cursor: pointer;
    top: -25px;
    display:none;
}

.posrel{
    position:relative;
}

#phonerowcs1 td{
    width:40% !important;
}

#phonerowcs1organ td{
    width:45% !important;
}

#phonerowcs1organemail td{
    width:45% !important;
}

.btnlimoborgan {
    width: 80%;
    float: left;
    padding: 0px;
    background-color: #fff;
    border: none;
}

#companylist{
    display:none;
}

#userrow{
    pointer-events: none;
    opacity: 0.4;
}




.opacityon{
    pointer-events: auto !important;
    opacity: 1 !important;
}

.btnlimob{
    width: 40%;
    float: left;
    padding: 0px;
    background-color: #fff;
    border: none;
}

#emailrowcs1 td {
    width: 40% !important;
}

.svgcst svg{
    float: left;
    /*width: 35% !important;*/
    transform: rotate(180deg);
    width: max-content !important;
}

.mlogo{
    width: 24px !important;
    margin-top: 8px;
    
}

#nav-col {
    width: 64px !important;
}

#sidebar-nav .nav>li>a>i {
    position: relative !important;
    font-size: 1.25em !important;;
}
#sidebar-nav .nav>li>a {
   padding-right:20px !important;

}

.secmenuco{
    background-color:#fff !important;
    /*height: 724px;*/
    padding:0px !important;
}

.secmenuco li{
        list-style: none;
    padding: 10px 5px;
    padding-right: 13px;
    border-radius: 5px;
    margin-bottom: 5px;
    
}

.secmenuco ul{
    padding: 10px 18px 0px 10px !important;
    
}

.secmenuco li span{
          margin-right: 10px;
}

.secmenuco li a{
    color: #000;
    text-decoration: none;
}
    
.psearch label{
    display:none !important;
}

.company-title h5 {
    float: right !important;
}

.company-social{
    display:none !important;
}

.company-content {
    padding-bottom:0px !important;
    min-height: 160px !important;
    
}

.activessecm a{
    color:#317ae2 !important;
}

.activessecm a span{
    color:#317ae2 !important;
}
 
.activessecm {
    background-color: rgba(49, 122, 226, 0.16) !important;
}

.secacc:hover{
    background-color: rgba(38, 41, 44, 0.16) !important;
        border-radius: 5px;

}

#grouplist {
    display: none;
}

.dealred{
 color: #f94839 !important;
     background-color: #fff !important;
}

.dealgreen{
    color: #0c923e !important;
         background-color: #fff !important;

}

.fbb{
         background-color: #fff !important;
}

.dealred *{
    color: #f94839 !important;
}

.dealgreen *{
    color: #0c923e !important;
}

#fixeddeal{
    /*display:none;*/
}

.tabsetingcss{
    width: 48%;
    float: right;
    text-align: center;
    padding: 14px;
    border: 1px solid #ddd;
    margin: 3px 1%;
    cursor:pointer;
}

.activetabsetingcss{
    background-color: #08a742;
}

#menutab{
    width:100%;
}

#menutab li a span{
    margin-right:10px;
}
#menutab li{
    width: 50% !important;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


#header-navbar .navbar-right .dropdown-menu {
    left:-40px !important;
    right: auto !important;
}


#sidebar-nav svg{
    width: 24px !important;
    height: 24px  !important;
    fill: #fff !important;
    margin-top: 8px;
}

.divtaskwe svg{
    margin:auto !important;
}

.disflexttask{
    display:flex ;
    margin-bottom: 0px !important;
}

.divtaskwe{
    margin-bottom:20px;
}

.gvaTbp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
        margin-top: 8px;
}

.cui4-icon {
    display: inline-flex;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 24px !important;
    height: 24px;
    fill: #404346;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cui4-icon--black-64 {
    fill: #747678;
}

.bgLnvb {
    grid-column: 1 / auto;
    align-self: center;
    margin-top: 4px;
}
.kdChcF {
    color: rgb(49, 122, 226);
    font-weight: 600;
    margin-left: 4px;
    font-size:14px;
}

.ftleKh {
    display: flex;
    position: relative;
}

.mattask{
        margin-bottom: 15px !important;
}

.gVAGul {
    grid-template-columns: 40px auto;
    max-width: 100%;
    overflow-x: hidden;
}

.flrighma{
    float:right;
    margin-left:10px;
    margin-top:0px !important;
    cursor:pointer;
}

.taskflright{
    /*float:right;*/
}

.inputtask{
    display:block !important;
        margin-bottom: 4px;
}

.activetype{
    box-shadow: inset 0 0 0 1px #317ae2, 0 0 0 rgb(49 122 226 / 0%), inset 0 1px 2px rgb(49 122 226 / 16%) !important;
    background: #eff5fd !important;
    color: #317ae2 !important;
}

.activetype svg{
    fill: #317ae2 !important;
}

.svgmargintas{
    margin-top: -20px;
    margin-left: 0px;
}

.marginrtask{
    /*margin-right: 39px !important;*/
}

.disflex{
    display:flex;
}

.margininptask{
    margin-left:10px;
}

.NZaCT{
    margin-top: 8px;
}

.textstylebt{
    width: 100%;
    height: 130px;
    background-color: rgb(255, 252, 220);
    border: 1px solid #ddd;
}

#TaskDealForm svg{
    fill: #747678;
}

#contactlist{
    display:none;
}

#organlist{
    display:none;
}

.tsfcs{
    width: 75%;
    margin: auto;
    box-shadow: 0px 0px 6px 2px #ddd;
    padding: 25px;
    border-radius: 9px;
}

.svgoma{
        margin-top: 5px;
}

.btnaddtask{
        padding: 6px 25px !important;
    font-size: 16px !important;
}


.mbde{
    margin-bottom:20px;
}

.pricedeal{
    
    font-size: 16px;

}

.addpdeal{
    
}

.divheaddeal div{
    float: right;
    margin-left: 10px;
}

.addpdeal span{
    color: #317ae2;
    font-size: 13px;
    padding-top: 0px;
    cursor: pointer;
    
    margin-top: 3px;
    display: block;
    
}

.borderhh{
    border-right: 2px solid #dedede;
    height: 23px;
}

.relatedItemContainer{
    vertical-align: sub;
}

.deal-right .sucbtn {
    background: #08a742 !important;
    font-size:14px !important;
        padding: 6px 15px !important;
    border: none !important;
}

.deal-right .losbtn{
    background: #f94839 !important;
    padding: 6px 15px !important;
    border: none !important;

}

.btnlabell{
        color: #a5a9a6;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: sub;
}

.dropMenu.arrowDropmenu, .dropMenu.priorityMenu {
    border: 1px solid rgba(38,41,44,.16);
    overflow: visible;
    margin-top: 15px;
    margin-left: -10px;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 4px 8px rgb(38 41 44 / 16%);
}


.dropMenu.arrowDropmenu:after, .dropMenu.arrowDropmenu:before, .dropMenu.priorityMenu:after, .dropMenu.priorityMenu:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    background-clip: padding-box;
}


.dropMenu.arrowDropmenu:before, .dropMenu.priorityMenu:before {
    border-color: transparent transparent rgba(38,41,44,.16);
    border-width: 10px;
    margin-left: 10px;
}

.dropMenu.arrowDropmenu.middle:before, .dropMenu.arrowDropmenu.right:before, .dropMenu.priorityMenu.middle:before, .dropMenu.priorityMenu.right:before {
    margin-right: 10px;
}

.dropMenu.arrowDropmenu.right:after, .dropMenu.arrowDropmenu.right:before, .dropMenu.priorityMenu.right:after, .dropMenu.priorityMenu.right:before {
    left: 0;
}

.dropMenu ul {
    width: 100%;
    list-style-type: none;
    padding: 10px 0;
}

.dropMenu ul li {
    width: 100%;
    position: relative;
}

.dropMenu ul li a, .dropMenu ul li span.action {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 6px 15px;
    cursor: pointer;
    color: #26292c;
    font-size: 15px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropMenu.arrowDropmenu ul li>span, .dropMenu.arrowDropmenu ul li a, .dropMenu.arrowDropmenu ul li span.action {
    font-size: 15px;
    line-height: 20px;
}

.dropdmsx{
    height: auto;
    left: 12px;
    position: absolute;
    top: 31px;
    background-color: #fff;
    z-index: 9;

}

.showdrop{
    display:none !important;
}


.detailViewWrapper .infoBlock .content .selectVisibility {
    margin-left: 8px;
    display: inline-block;
}

.detailViewWrapper .infoBlock .content .selectVisibility .item {
    display: inline-block;
    vertical-align: top;
}


.cui4-button {
    /*font: 600 15px/20px Source Sans Pro,sans-serif;*/
}

.cui4-button {
    background: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #26292c;
    transition: background .12s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%);
    padding: 4px;
    vertical-align: top;
}


.selectVisibility .visibility-select[data-visibility-id] {
    padding-left: 24px;
    width: 100%;
}

[data-visibility-id]:before {
    position: absolute;
    width: 11px;
    height: 11px;
    content: " ";
    background-image: url(/img/visibility-icons-2x.webp);
    background-repeat: no-repeat;
    background-size: 53px 25px;
    background-position: 0 0;
}




.selectVisibility .visibility-select[data-visibility-id]:before {
    top: 10px;
    left: 10px;
}

[data-visibility-id="7"]:before {
    background-position: -42px 0;
}



.cui4-button>.cui4-icon.cui4-icon--s {
    /*padding: 0 4px;*/
}

.femw{
        float: left;
    width: 55px;
    margin: 0px 7px;
}

.selectSettings {
    float:left;
}

.cui4-popover__inner {
    max-width: 640px;
    font: 400 15px/20px Source Sans Pro,sans-serif;
    color: #26292c;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 24%), 0 8px 10px 1px rgb(0 0 0 / 5%), 0 3px 14px 2px rgb(0 0 0 / 6%), 0 5px 5px -3px rgb(0 0 0 / 10%);
    order: 2;
}

.cui4-popover__inner, .cui4-popover__inner>.cui4-spacing {
    overflow: hidden;
    overflow-wrap: break-word;
}


#popover>.cui4-popover__inner {
    width: 100%;
}

#popover ul.visibilityOptions {
    margin: 0;
    padding: 8px 0;
}

#popover ul.visibilityOptions li {
    position: relative;
    width: 310px;
    padding: 8px 34px 7px 12px;
    cursor: pointer;
    text-align:right;
}

[data-visibility-id]:before {
    position: absolute;
    width: 11px;
    height: 11px;
    content: " ";
    background-image: url(/img/visibility-icons-2x.webp);
    background-repeat: no-repeat;
    background-size: 53px 25px;
    background-position: 0 0;
}


#popover ul.visibilityOptions li h5 {
    padding: 0 0 1px;
    /*font: 600 15px/20px Source Sans Pro,sans-serif;*/
    font-family:"iransans" !important;
    color: #26292c;
    margin: 0 !important;
}

#popover ul.visibilityOptions li p {
    /*font: 400 13px/16px Source Sans Pro,sans-serif;*/
    font-family:"iransans" !important;
    color: #747678;
    text-align:right;
}

[data-visibility-id="1"]:before {
    background-position: 0 0;
}

#popover ul.visibilityOptions li:before {
    top: 12px;
    right: 12px;
}

.cui4-popover__inner{
    position: absolute;
    z-index: 9;
    left: 46px;
    top: 38px;
}

 .ownerView {
    float: left;
}

 .owner {
    display: flex;
    flex-direction: row;
}

 .owner .image {
    width: 32px;
    height: 32px;
    background-image: url(https://cdn.eu-central-1.pipedriveassets.com/webapp//images/icons/profile_120x120.svg);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1px rgb(38 41 44 / 16%);
    border-radius: 50%;
}


 .owner .link>* {
    flex: 0 1 auto;
}

 .owner .info {
    margin-left: 8px;
    line-height: 16px;
}


 .owner .info span {
    display: block;
}


 .owner .info .name {
    /*font: 400 15px/20px Source Sans Pro,sans-serif;*/
    font-weight: 600;
    color: #404346;
}

 .owner .info span {
    display: block;
}

 .owner .info .role {
    font: 400 13px/16px Source Sans Pro,sans-serif;
    color: #b9babb;
}

.pdowe{
    padding-top: 9px !important;
}

.bgwhitedd{
        background-color: #fff;
    margin-bottom: 10px;
    padding: 10px 5px;
}

.fswrr {
    -webkit-clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%)  !important;
    clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%)  !important;
}

.lswrr {
    -webkit-clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0) !important;
    clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0) !important;
}


.wi20jjj{
    width: 20.1%;
    height: 24px;
    background-color: #dcdddd;
    float: right;
    -webkit-clip-path: polygon(calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,2px 100%,8px 50%,2px 0);
    clip-path: polygon(calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,2px 100%,8px 50%,2px 0);
    transform: rotate( 
180deg
 );
    margin-left: -0.2%;
    cursor: pointer;
}


.wi20jjj:hover{
    background-color: #eee;
}

.mbt00{
    margin-bottom:0px !important;
        padding-bottom: 0px !important;
}

.btndealbb{
    background-color: #419641 !important;
}

#groupmlist{
    display:none;
}

#companycolist{
    display:none;
}

#deal_idmlist{
    display:none;
}

.rowdissvg svg{
    width: 24px !important;
}

.modaltaskma{
    margin-left:0px !important;
}


#addM .modal-dialog {
    width: 600px !important;
}

.margininptaskmodal{
    margin-left: 4px  !important;
}

#ccontactlist{
    display:none;
}

#oorganlist{
    display:none;
}


#client_idlist{
    display:none;
}


.modalmaintaskk .theme-whbl .main-box {
    border: none !important;
    
}


.modalmaintaskk .theme-whbl .main-box {
    border: none !important;
    
}

.modalmaintaskk .tsfcs {
    width: 100% !important;
    box-shadow: none !important;
    padding: 15px !important;
    border-radius: 0px !important;
    border: none !important;
}


.modalmaintaskk .tsfcs svg{
       width: 24px !important;
}



#uDealM .modal-dialog {
    width:850px !important;
}


.modalmaintaskk #tab-tasks .form-group .submit {
    text-align: center !important;
}

.modalmaintaskk #tab-tasks .row.top-margin{
    display:none !important;
}

.accepteddd .fbred{
    color:#fff !important;
    background-color: #f00 !important;
    border:none !important;
}

.accepteddd .fbgreen{
    color:#fff !important;
    background-color: #009400 !important;
    border:none !important;
}


.accepteddd .fbyellow{
    color:#fff !important;
    background-color: #decd00  !important;
    border:none !important;
}

.timelinetb .timeline-details {
    float: right !important;
}

.timelinetb .timeline-details img{
        float: right !important;
    margin-right: 10px !important;
    margin-left: 20px !important;
}


.onoffswitch{
    direction: ltr !important;
}

.invtcs{
    text-align:right;
}

.cstablemdeal .datatable-tools .col-md-3 {
    display:none !important;
}
.cstablemdeal .datatable-tools .custom-toolbar {
    display:block !important;
}

.svgiconhead{
    float: right;
    width: 25px !important;
    height: 25px;
    display: block;
    margin-left: 5px;
}

#listrhbid a:hover{
    background-color: #f3f3f3;
}

.wmodalw .w50modal{
    width: 40% !important;
}

.wmodalw .w50modalleft{
    width: 60% !important;
}

.wmodalw .widmod1{
        width: 65%;
}


#productlistm {
    display: none;
}

.pmodalnamewid tr td:first-child  {
    width:45%;
}

.pmodalnamewid tr td  {
    margin-right:10px;
}

.plist {
    border: 1px solid #a0a0a0;
    border-bottom-right-radius: 3px;
    padding: 4px;
    color: #000;
    font-size: 13px;
    border-top: none;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 2px 3px 0px #e8e8e8;
    display:none;
}


.coactivitypage svg{
    width: 24px !important;
    height: 24px !important;
}


.sbgwhite{
    background-color:#fff !important;
    padding: 10px 5px;
    font-size: 22px;
}

.mad20ac{
    margin: 0px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    
}



.acbtnmm .cui4-icon {
    width: 24px !important;
    height: 24px  !important;
}


.dropdmsx22{
    height: auto;
    left: 12px;
    position: absolute;
    top: 27px;
    background-color: #fff;
    z-index: 9;
}


.fleft{
    float:left !important;
}

.fright{
    float:right !important;
}

.mltcount{
    margin-left: 10px !important;
    margin-top: 6px !important;
}

.mlactam{
    margin-right: 9px !important;
    font-size: 12px  !important;
    cursor: pointer !important;
    padding: 1px 6px;
}

.mlactam:hover{
    background-color: #eaeaea;
}

.allactivepfg{
    float: right;
    margin-left: 8px;
    margin-top: 7px;
    border-left: 1px solid #c5c5c5;
    padding-left: 10px;
    cursor: pointer;
}

.cstableback{
    background-color: #fff !important;
}

.cstableback thead th{
    border: 1px solid #c5c5c5 !important;
    border-collapse: collapse !important;

}

.cstableback thead {
    border: 1px solid #c5c5c5 !important;
    border-collapse: collapse !important;

}

.cstableback tbody {
    border: 1px solid #e4e4e4 !important;
    border-collapse: collapse !important;

}

.cstableback tbody td{
    border: 1px solid #e4e4e4 !important;
    border-collapse: collapse !important;

}

.cuiicon1{
    
}


.btncspaa2{
        padding: 0px 5px;
    padding-top: 6px;
}

.btncspaa2 svg{
    width: 24px !important;
    height: 16px !important;
}


.cui4-buttonp{
    background: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #26292c;
    transition: background .12s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%);
    padding: 4px;
    vertical-align: top;

    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.activetype2{
    background-color: #eff5fd !important;
    color: #317ae2 !important;
    font-size:13px;
}

.activetype2 svg{
    fill: #317ae2 !important;
}


.fc-event-inner{
    background-color: #ffc300 !important;
    direction: rtl;
    width: 85% !important;
    margin: auto;
    padding: 4px 4px;
    border-radius: 5px;
    
}


.dashboardtask .stage-div{
    width: 25% !important;
}

.svgtaskdeal2 svg{
    transform: rotate(0deg) !important;
}

.notaskpop{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 65px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px #eaeaea;
    z-index: 99;
    display:none;
}

.f1pop{
    padding: 32px;
    text-align: center;
}

.f2pop{
    padding: 10px;
    border-top: 1px solid #ececec;
}

.f2pop:hover{
    background-color:#317ae2;
    color:#fff;
}

.showtaskpop{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 65px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px #eaeaea;
    z-index: 99;
        display:none;

}

.sf1pop{
    padding: 6px 10px;
    text-align: center;
}

.sf2pop{
    padding: 10px;
    border-top: 1px solid #ececec;
}

.sf2pop:hover{
    background-color:#317ae2;
    color:#fff;
}

.vtpop{
    padding: 4px 10px;
    background-color: #efefef;
    font-size: 12px;
    font-weight: bold;
    display: flow-root;
    
}

.badgetaskli{
    background-color: #fff;
    border-radius: 10px;
    width: 23px !important;
    height: 15px;
    text-align: center;
    padding-top: 1px;
}

.ltd1{
        float: right;
    width: 20%;
}

.ltd2{
    float: right;
    width: 65%;
    text-align:right;
}


.ltd3{
        float: right;
    width: 15%;
}

.ltdcoo{
    display: flow-root;
}


.dealtextstylebt{
    width: 90%;
    margin:0 auto;
    height: 30px;
    background-color: rgb(255, 252, 220);
    border: 1px solid #ddd;
}


.svgtaskdeal11 svg{
        transform: rotate(90deg) !important; 
}

.sf1pop div:hover{
    background-color:#317ae2;
    color:#fff;
}

.sf1pop div:hover .dealtextstylebt{
    color:#000 !important;
}

.svgtaskdealgreen svg{
    /*box-shadow: 0px 0px 2px 2px #08a74282;*/
    border-radius: 50%;
    width: max-content !important;
}

.svgtaskdealgreen svg path{
    fill:rgb(8, 167, 66) !important;
}

.svgtaskdealgreen:hover svg {
    box-shadow: 0px 0px 2px 2px #7b7d7c82 !important;
}
.svgtaskdeal2 svg:hover{
    /*background-color: #efeeee;*/
    border-radius: 50%;
   box-shadow: #dcdddd 0 0 0 1px inset;
    /*border:1px solid #dcdddd;*/
}

.csdrepos {
    position:relative;
}

#sidebar-nav .nav>li>a {
    height: 56px !important;
}

.maboxcs .stage-div .slimScrollDiv{
    height: 525px !important;
}

.maboxcs .stage-div .slimScrollDiv .stage-inner{
    height: 525px !important;
}

.mb0index{
    margin-bottom:0px !important;
}

.sidebaradmin ul.nav{
    padding-left: 0px !important;
}

.sidebaradmin{
    width: 64px !important;
    padding: 0;
    float: right;
    /*background: rgba(38, 41, 44, 0.88) !important;*/
    background:#404346 !important;
}

.sidebaradminleft{
        float: left;
            margin-right: 0px !important;
    width: calc(100% - 64px) !important;
}

.sidebaradminco{
    direction: rtl;
    display: flex;
}

.ctwraper #content-wrapper .row{
    margin:0px !important;
}

.dsflex{
    display:flex !important;
    /*min-height: calc(100vh - 87px);*/
}

#content-wrapper>.row{
       min-height: calc(100vh - 87px);

}

 #sidebar-nav{
    visibility: visible;
    background:#404346;
}

.rd1{
    width: max-content;
    margin-left: 15px;
}


.rd2{
    width: max-content;
    margin-left: 15px;
}

.radiomove{
    display: inline-flex;
    margin-bottom: 15px;
}

#movedco{
    display:none;
}


.fcmselect{
    margin-bottom:15px !important;
}

.taskmodalcs #vtasj{
    display:none ;
}

.taskmodalcs .cui4-button span{
    display:none ;
}

.taskmodalcs .rowdissvg svg {
    width: 16px !important;
}

.taskmodalcs .cui4-button {
    padding-right: 10px !important; 
    padding-left: 10px !important;
    float: right;
}

.taskmodalcs .tvdl{
    text-align:right !important;
    display: flex !important;
}

.mlkj{
    margin-right:5px ;
}

.colpadd0{
    padding: 0px !important;
}


.taskmodalcs .mkjhfn svg{
    width: 16px !important;
    fill: rgba(38, 41, 44, 0.32) !important;
    margin-right: 6px !important;
    margin-top: 4px !important;
}

.mbrty{
    margin-bottom:15px;
}

.svabs{
    height: 16px !important;
    width: 16px !important;
    top: calc(50% - 9px) !important;
    position: absolute !important;
    right: 18px !important;
}

.svabsi{
    padding-right: 30px !important;
}

.svabs2{
     height: 16px !important;
    width: 16px !important;
    top: 10px !important;
    position: absolute !important;
    right: 18px !important;
}

.mbrow{
    margin-bottom:5px !important;
}

.mbrow10{
    margin-bottom:10px !important;
}

.tshover{
        color: rgb(49, 122, 226);
    font-weight: 600;
        width: max-content;
}

.tshover:hover{
          text-decoration: underline;
}

.clf{
    margin-right:5px;
    margin-left:5px;
}

.svgtaskdeal11:hover svg{
    box-shadow: 0px 0px 2px 2px #7b7d7c82 !important;
    border-radius: 50%;
}

/*.svgtaskdeal2:hover svg{*/
/*    box-shadow: 0px 0px 2px 2px #7b7d7c82 !important;*/
/*    border-radius: 50%;*/
/*}*/

.svgtaskdealred svg path {
    fill: rgb(250, 94, 81) !important;
}

.rowfactorb{
    min-height: max-content !important;
}

.popover.top>.arrow {
    bottom: 28px !important;
    transform: rotate(180deg) !important;
}

.popover.top {
    margin-top: 60px !important;
}

.taskmodalcspage .cui4-button span {
    display: none;
}

.taskmodalcspage .tvdlpage {
    text-align: right !important;
    display: flex !important;
}

.taskmodalcspage .cui4-button {
    padding-right: 10px !important;
    padding-left: 10px !important;
    float: right;
}

.taskmodalcspage svg {
    fill: #404346  !important;
}

.kmjgn svg{
    float: unset !important; 
    margin-left: 0px !important;
}

.taskmodalcspage .tshover{
    font-size: 14px !important;
}

.taskmodalcspage .gvaTbp{
    font-size: 13px !important;
}

.ctwraper #content-wrapper .row .taskmodalcspage .mbrow10 {
    margin-bottom: 10px !important;
}

.rowhgf svg{
    float: unset !important;
    margin-left: 0px !important;
}

.rowhgf .col-md-1{
   text-align:center !important;
}

.ctwraper #content-wrapper .rowhgf{
margin-bottom: 10px !important;
}

.gbhdn{
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

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


#prnamelist{
    display:none;
}
.mtc10{
    margin-top:10px;
}

.csdropm a:hover {
    background: #eee !important;
}

.csdropm a {
    padding: 9px 15px !important;
    padding-right:50px !important;
    text-decoration: none !important;
    color: #747678 !important;
    font-size: 14px !important;
}

.csdropm>li>a>i {
        position: unset !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    width: 23px;
    height: 23px;
    font-size: 17.5px;
    text-align: center;
    vertical-align: sub;
}

.csdropm a:hover {
    color: #000 !important;
}

.csdropm{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.madfg{
        padding: 0px 15px 9px 15px !important;
    color: #767676 !important;
    font-size: 14px !important;
}
.hrmenu{
    border-top: 2px solid #e5e5e5 !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.highcharts-container *{
    font-family: iransans !important;
}

#report-div *{
        font-family: iransans !important;
}


.daterwj{
    transform: rotate( 180deg );
    text-align: center;
    color: #fff;
    height: 100%;
    padding-top: 3px;
}








.client-sidemenu-Sidemenu__searchAndAddNewWrapper--ytFQY {
    display: flex;
}


.cui4-spacing--left-m {
    padding-left: 0px;
}
.cui4-spacing--bottom-l {
    padding-bottom: 24px;
}

.cui4-spacing--top-m {
    padding-top: 16px;
}

.cui4-spacing--right-m {
    padding-right: 0px;
}

.cui4-input__box {
    position: relative;
    display: flex;
    align-items: center;
}

.client-shared-search-Search__search--3sFIO .cui4-input__box input[placeholder] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.client-shared-search-Search__search--3sFIO .cui4-input__box input {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #cbcccd;
    box-shadow: inset 0 1px 2px #eee;
    box-sizing: border-box;
    display: block;
    padding: 4px 8px;
    height: 32px;
    font: inherit;
    color: #26292c;
    transition: padding 75ms ease-in-out;



        padding-left: 32px;
}


.cui4-input {
    position: relative;
    box-sizing: border-box;
}

.cui4-input__icon {
    top: calc(50% - 8px);
    position: absolute;
}


.cui4-input--icon-left .cui4-input__icon {
    left: 8px;
}

.client-sidemenu-Sidemenu__sidemenu--25P2h .cui4-icon {
    display: inline-flex;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 24px !important;
    height: 24px;
    fill:#404346;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.client-sidemenu-sidemenuCollapseHeader-SidemenuCollapseHeader__header--3LZLH {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    padding: 0 16px;
}

.client-sidemenu-sidemenuCollapseContent-SidemenuCollapseContent__content--3CArE {
    margin: 12px 0 24px;
    overflow: hidden;
        padding-right: 5px !important;
}



.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__listItem--3mcAp {
    margin-bottom: 2px;
    list-style: none !important;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__listItem--3mcAp:last-child {
    margin-bottom: 0;
}


.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__link--PSY8P {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #747678;
    font-size: 15px;
    text-decoration: none;
    padding: 6px 16px;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__name--1t29c, .client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__nameSpan--1R7yT {
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__name--1t29c {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__link--PSY8P > * {
    pointer-events: none;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__icon--2LfZR {
    fill: currentColor;
    margin-right: 24px;
    margin-left: 0px;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__nameSpan--1R7yT {
    display: block;
    min-width: 0;
    padding-right: 8px;
}
.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__name--1t29c, .client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__nameSpan--1R7yT {
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__iconDrag--3UEXN {
    display: none !important;
    margin-left: 0;
}

.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__canDragThisItem--1BVbZ.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__link--PSY8P:hover .client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__iconDrag--3UEXN {
    display: inline-flex;
}

.backgroundwhite{
    background-color: #fff !important;
}

.client-sidemenu-sidemenuCollapseHeader-SidemenuCollapseHeader__headerRightSideActions--1tmJX {
    display: flex;
    align-items: center;
}

.client-atoms-CappingCounter-CappingCounter__countText--2BkoP {
    color: #747678;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    margin-right: 8px;
}

.fsuEer {
    border-radius:4px !important;
    box-shadow: none !important;
}


.client-sidemenu-sidemenuCollapseContent-sidemenuListItems-sidemenuListItem-SidemenuListItem__link--PSY8P {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #747678 !important;
    font-size: 14px;
    text-decoration: none !important;
    padding: 6px 16px;
}

.cui4-editable-text__child{
    display:none !important;
}

.client-shared-actionBar-ActionBarFirstRow__actionBarFirstRow--1ndt9 {
    display: flex;
    justify-content: space-between;
}

.client-shared-actionBar-ActionButtons__actionButtons--3sLCa {
    display: flex;
    padding: 12px 16px;
    white-space: nowrap;
}

.cui4-editable-text__input {
    overflow: hidden;
    display: inline-block;
    font: inherit;
    max-width: 100%;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    padding: 0;
}

.client-shared-actionBar-ActionBarTitle__title--6qFZr .cui4-editable-text__input:not(:focus) {
    background: #f7f7f7;
}

.client-report-actionBar-ReportActionBar__actionBarSecondRow--29W2w {
    display: flex;
    align-items: center;
    padding: 0 16px 0 16px;
}

.cui4-panel--elevation-01 {
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 5%), 0 1px 2px -2px rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 7%);
}

.client-molecules-ReportFiltersHeader-ReportFiltersHeader__panel--1ezfu {
    margin-bottom: 0px;
    border-radius: 4px;
    height: 48px;
}


.client-molecules-ReportFiltersHeader-ReportFiltersHeader__header--YJPQm {
    display: flex;
    justify-content: space-between;
}

.client-molecules-ReportFiltersHeader-ReportFiltersHeader__panelTitle--31iqe {
    white-space: nowrap;
    color: #26292c;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.client-molecules-ReportFiltersHeader-ReportFiltersHeader__panelIcon--1jXbm {
    margin-right: 16px;
    position: relative;
    bottom: 2px;
}

.client-molecules-ReportFiltersHeader-ReportFiltersHeader__filtersCountTitle--Ln9Ba {
    position: relative;
    bottom: 1px;
}


.client-molecules-ReportFiltersHeader-ReportFiltersHeader__headerActions--1t4k0 {
    display: flex;
    height: 32px;
    position: relative;
    align-items: center;
}


.client-molecules-CollapsingList-CollapsingList__alignRight--27YwI {
    overflow: hidden;
    justify-content: flex-end;
}
.client-molecules-CollapsingList-CollapsingList__listWrapper--3csWV {
    position: relative;
    white-space: nowrap;
    display: flex;
    min-height: 24px;
}

.client-molecules-CollapsingList-CollapsingList__list--4zeNd, .client-molecules-CollapsingList-CollapsingList__listItem--1zi0s {
    align-items: center;
}

.client-molecules-CollapsingList-CollapsingList__list--4zeNd {
    display: flex;
    overflow: hidden;
}

.client-molecules-CollapsingList-CollapsingList__listItem--1zi0s:first-of-type {
    padding-left: 0;
}

.client-molecules-CollapsingList-CollapsingList__listItem--1zi0s {
    color: #747678;
    display: inline-flex;
    text-transform: uppercase;
    justify-content: center;
    position: relative;
    padding: 0 8px;
}
.client-molecules-CollapsingList-CollapsingList__list--4zeNd, .client-molecules-CollapsingList-CollapsingList__listItem--1zi0s {
    align-items: center;
}

.client-molecules-CollapsingList-CollapsingList__listItemContent--3VOz8, .client-molecules-CollapsingList-CollapsingList__legend--1j6te {
    display: flex;
    align-items: center;
}

.client-molecules-CollapsingList-CollapsingList__listItem--1zi0s {
    color: #747678;
    display: inline-flex;
    text-transform: uppercase;
    justify-content: center;
    position: relative;
    padding: 0 8px;
}

.client-molecules-CollapsingList-CollapsingList__list--4zeNd, .client-molecules-CollapsingList-CollapsingList__listItem--1zi0s {
    align-items: center;
}

.client-molecules-CollapsingList-CollapsingList__listItemContent--3VOz8, .client-molecules-CollapsingList-CollapsingList__legend--1j6te {
    display: flex;
    align-items: center;
}

.cui4-panel {
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    display: block;
    margin-bottom: 24px;
    transition: box-shadow .1s linear;
    background: #fff;
    border: 1px solid #e5e5e5;
}



.client-molecules-ReportFiltersHeader-ReportFiltersHeader__panel--1ezfu {
    margin-bottom: 0px;
    border-radius: 4px;
    height: 48px;
}
.cui4-panel--elevation-01 {
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 5%), 0 1px 2px -2px rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 7%);
}
.cui4-panel--no-border {
    border: 0;
}


.cui4-editable-text .cui4-editable-text__box {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
    border:none !important;
}



.client-molecules-ReportFilter-ReportFilter__filters--2aFY7:hover {
    background: #f7f7f7;
}
.client-molecules-ReportFilter-ReportFilter__filters--2aFY7 {
    position: relative;
    padding: 0 0 0 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.client-molecules-ReportFilter-ReportFilter__value--DJgBc {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 8px 0 0 26px;
}

.client-molecules-ReportFilter-ReportFilter__value--DJgBc::before {
    content: '';
    border-radius: 100%;
    width: 7px;
    height: 7px;
    border: solid 2px #e5e5e5;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 1;
}

.client-atoms-ReportFilterFields-ReportFilterFields__select--23DPh {
    margin: 0 8px 8px 0;
}
.cui4-select {
    display: inline-flex;
    max-width: 100%;
}

.cui4-select__box {
    display: flex;
    width: 100%;
    flex-grow: 1;
    align-items: center;
    min-height: 32px;
    padding: 3px 8px;
    box-sizing: border-box;
    border-radius: 2px;
    color: #26292c;
    background: #fff;
    box-shadow: inset 0 1px 2px rgb(38 41 44 / 8%);
    border: 1px solid #cbcccd;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.cui4-select__box>span {
    display: block;
    min-width: 0;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.row.bgboxwhite{
    /*box-shadow: 0 0 1px 1px rgb(0 0 0 / 5%), 0 1px 2px -2px rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 7%);*/
    margin-bottom: 8px !important;
    border-radius: 4px;
    background-color: #fff !important;
    border: none;
    padding: 10px 0px;
}

.client-molecules-FiltersApplied-FiltersApplied__panel--2Jjok {
    margin-bottom: 8px;
    border-radius: 4px;
}

.btnlistco1 button{
    box-shadow: none !important;
}

.colmfgn .fl3{
        float: left;
    margin-right: 10px;
}

.btnprcancel{
    color: #26292c !important;
    background: #fff !important;
    border: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%) !important;
    padding: 7px 25px;
    margin-left: 10px !important;
}

.mwibtn{
    min-width: 63px !important;
}

.ctwraper #content-wrapper .row.matop{
        margin-top: 15px !important;
}

.list2fontff *{
    font-family:iransans;
}

.list2fontff select{
    font-size: smaller;
}


.clifg2 .flr{
    float:left;
    margin-right:5px ;
}

.clifg21 .flr{
    float:right;
    margin-left:5px ;
}

.clifg2 svg{
        height: 16px !important;
    width: 16px !important;
}

.ssvgsize{
       height: 16px !important;
    width: 16px !important;
}

.list2fontff{
    padding:0px !important;
}

.msdf{
    margin-top:5px !important;
}

.posrellisrwe3{
        position: relative;
    width: max-content;
        float: right;
}

.possvgrel{
        width: 16px !important;
    height: 16px;
    fill: #404346;
    position: absolute;
    top: 7px;
    left: 10px;
}


.closewr1{
    transform: rotate(180deg);
   padding: 3px;
   display:none !important;
}

.disblist222 .closewr1{
    display:inline-flex !important;
}

.disblist222 .closewr0{
    display:none !important;
}



.swer1{
    width: 16px !important;
    height: 16px !important;
}

.posrellisrwe3 input{
    border-radius: 2px;
    border: 1px solid #cbcccd;
    box-shadow: inset 0 1px 2px #eee;
    box-sizing: border-box;
    padding: 4px 8px;
    color: #26292c;
    transition: padding 75ms ease-in-out;
    padding-left: 32px;
}

.aswe2{
        margin-right: 10px;
}

.pade32{
        padding-top: 10px;
    padding-bottom: 10px;
}


.disblist2{
    display:none !important;
}

.svgsyn svg{
        vertical-align: text-bottom;
}

.svgsyn{
    margin-top:10px;    
}

.displheight{
    height: 100%;
    min-height:100vh;
}

.popuplist2{
    position: relative;
}

.popuplist2in{
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #a0a0a0;
    border-bottom-right-radius: 3px;
    padding: 4px;
    color: #000;
    font-size: 13px;
    border-top: none;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 2px 3px 0px #e8e8e8;
        display:none;

}



.popuplist2inrow {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.list2w25{
    width:max-content;
    float:right;
    margin-right:15px;
    position:relative;
}

.svgreportsd{
    width: 16px !important;
    height: 16px !important;
    position: Absolute;
    left: 5px;
    top: 9px;
    cursor:pointer;
}

.list2w20{
    width:15%;
    float:right;
    margin-right:10px;
}



.greenadd{
    background: #078c37;
    box-shadow: 0 0 0 rgb(38 41 44 / 0%), inset 0 1px 2px rgb(38 41 44 / 16%);
}

.list2addbtn {
background-color: rgb(8, 167, 66);
    width: 23px;
    height: 23px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
    cursor: pointer;    float: right;
    margin-left: 10px;    margin-right: -4px;
}

.list2addbtn i{
    font-family: FontAwesome !important;
}

.mt20li{
    margin-top:2px;
    margin-bottom:20px;
    cursor:pointer;
}

.mt20li span{
    vertical-align: text-bottom;    color: #317ae2;
    font-weight: bold;
}


.ctwraper #content-wrapper .rowinmar .row{
    margin-bottom:10px !important;
}

.li2btnremove{
        background: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    height: 24px;
    min-width: 24px;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #26292c;
    transition: background .12s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%);
    padding: 4px;
    margin-top:5px !important;
    display:none
}

.list2wmax{
    width: max-content;    float: left;
    margin-left: 10px;
    
}

.rdinc{
    cursor: pointer !important;
    background-color: #fff !important;
}

.li2btnremove svg {
    height: 16px !important;
    width: 16px !important;
}

.bghoversa .row:hover .li2btnremove{
    display:inline-flex !important
}

.bghoversa .row:after {
    content: '';
    width: 1px;
    background: #e5e5e5;
    top: 0px;
    bottom: -15px;
    position: absolute;
    display: flex;
    right: 15px;
}

.bghoversa .row:before {
       content: '';
    border-radius: 100%;
    width: 10px;
    height: 10px;
    border: solid 2px #e5e5e5;
    background-color: #ffffff;
    position: absolute;
        right: 10px;
    top: 12px;
    z-index: 1;
}


.bghoversa .row .list2w25:first-child {
    margin-right:26px !important;
}


.bghoversa .row{
    position: relative;
}

.rowaddba:before{
    content: none !important;
}

.rowaddba:after{
    content: none !important;
}


.ctwraper #content-wrapper .mawetop{
    margin-top:10px !important;
}

.hovercssvg:hover svg{
    fill: #404346 !important;
}

.hovercssvg svg{
    height: 16px !important;
    width: 16px !important;
}

.dshide *{
    /*display:none !important;*/
    opacity:0 !important;
    height:0px !important;
}

.ctwraper #content-wrapper .mbbta{
    margin-bottom: 8px !important;
}

.cui4-button--ghost-alternative:hover:not([disabled]), .cui4-button--ghost:hover:not([disabled]) {
    background: rgba(38,41,44,.05);
}

.btndtactive {
    background: #cedff8 !important;
}

.list2fontff .fa{
    font-family: FontAwesome !important; 
}

.popuplist2innew{
     max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #a0a0a0;
    border-bottom-right-radius: 3px;
    padding: 4px;
    color: #000;
    font-size: 13px;
    border-top: none;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 2px 3px 0px #e8e8e8;
        display:none;
}

.popuplist2innew hr{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.popuplist2innew .indl .popuplist2inrow:hover{
    background-color: #317ae2;
    color: #fff;
}
 
.popuplist2innew .indl .popuplist2inrow{
    padding: 3px 5px;
}

.possvgrelpopup{
    width: 16px !important;
    height: 16px;
    fill: #404346;
    position: absolute;
    top: 13px;
    left: 30px;
}

.popuplist2innew input{
   border-color: rgba(52, 151, 219, 0.6);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 152, 219, 0.6);
 
}

.bghoversa .form-control[readonly]{

    background-color: #fff !important;
    opacity: 1;
    cursor:pointer;
}
    
.posrelin{
    position:relative;
}

.posrelin .possvgrelpopup{
    top: 9px !important;
    left: 8px !important;
}

.chrtbtmma{
        width: max-content;
    margin: 0px 10px!important;position:relative;
}

.flexselect{
    display: flex;
    justify-content: center;
    align-content: center;
}

#tab-files table{
        font-size: 12px !important; 
}


.deal-user .pull-right{
    float:right !important;
}

.dashtask{
    margin-top: 8px;
}

.wghf .widget{
    display: block;
    float:right;
    width: 100%;
    margin-bottom: 8px;
    background-color: #fff;
    padding: 16px;
    border: 1px solid #e4e6e9;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
        border-radius:4px;
}
.wghf .columnbodycontact{
    
}
.wghf .columnTitle_contact{
    position:relative;
    padding:16px 0 !important;
    border-bottom: 1px solid #e4e6e9;
    /*margin: 0 16px;*/
    display: flex;
    justify-content: space-between;
    /*height: 24px;*/
}
.wghf .columnTitle_contact .columnActions{
    display:flex;
}
.wghf .columnTitle_contact button:hover{
    background-color:#f6f7f8 !important;
}
.wghf .columnTitle_contact button{
    display:flex;
    align-items:center;
    padding:0 4px;
    border:1px solid #c8ccd2;
    width:max-content;
    height:24px;
    background:#fff;
    border-radius:4px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
}
.wghf .columnTitle_contact button:not(:last-child) {
    margin-left: 4px;
}
.wghf .columnTitle_contact button svg{
    width:16px !important;
    height:16px;
}
.wghf .columnTitle_contact .columnItem {

    
}
.wghf .columnTitle_contact .cui5-button__label:hover .cui5-button__label_title{
    display:block;
}
.cui5-button__label_title{
    display:none;
}
.wghf .columnbodycontact .item:hover {
    background-color:#f6f7f8;
}
.wghf .columnbodycontact .item:hover .button {
    display:block;
}
.wghf .columnbodycontact .item .button{
    display:none;
}
.wghf .columnbodycontact .item {
    width:100% !important;
    position: relative;
    padding: 8px 16px;
    height:36px;
    padding-left:0px !important;
    color:rgba(42,54,71,0.72);
    display:flex;
    
}
.wghf .columnbodycontact .item .button .cui4-button{
    
}

.wghf .columnbodycontact .item:hover .value .buttonEdit_addValue {
    cursor:pointer;
    display:block;
}
.wghf .columnbodycontact .item .value .buttonEdit_addValue{
    display:none;
}
.wghf .columnbodycontact .item .button button svg{
    width:16px !important;
    height:16px;
}
.wghf .columnbodycontact .item .button button{
    display: flex;
    align-items: center;
    padding: 0 4px;
    border: 1px solid #c8ccd2;
        margin-left: 0;
    margin-right: auto;
    min-width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
}
.wghf .columnbodycontact .item .button .link {
    display: flex;
    align-items: center;
    padding: 0 4px;
    border: 1px solid #c8ccd2;
    margin-left: 0;
    margin-right: auto;
    width: 26px;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
}
.wghf .columnbodycontact .item .button-text{
    
}
.wghf .columnbodycontact .item:hover .button.d-flex{
    display:flex ;
}
.wghf .columnbodycontact .item .field{
    /*width:75px;*/
    text-align:left; 
}

.wghf .columnbodycontact .item .value{
    padding-right:20px;
    color:#000 !important;
}
.wghf .columnbodycontact .item .value a{
    /*padding-right:20px;*/
    cursor:pointer;
    color:#317AE2 !important;
}
.contact_deal_add_new {
    position:relative;
}
.email_alert_copy{
    position:absolute;
    top:-7%;
    left:0;
    z-index:1;
    background:#000;
    color:#fff;
    font-size:12px;
    padding:4px 8px;
    border-radius:4px;
    display:none;
}
.sc-jKzugg.lmOgBm a svg{
    fill:#2A3647B8 !important;
}
.sc-jKzugg.lmOgBm a{
    color:#2A3647B8;
    display:flex;
}
.hneJdj > .cui5-spacing {
    padding: 6px 8px;
    width: 100%;
    overflow: hidden;
}
.contact_deal_add_new  .openDeals{
    padding-right:0;
}
.TlyYa {
    padding-top: 4px;
}
.cui5-stage-selector--size-xs {
    height: 2px;
}
.cui5-stage-selector__stage--current~.cui5-stage-selector__stage {
    background-color: #dadde1;
    color: #656e7a;
}
 .company-name-address{
    padding-top:10px !important;
}
.buttonEdit_addValue {
    color:#317ae2 !important;
    display:none;
}
.smart_part_contact_details_title  .advance{
    cursor:pointer !important;
} 
.contact_details .columnbodycontact .firstname  .value_added_new_field_value{
    background:#f6f7f8 !important;
        top: -4px;
    left: -70px !important;
    z-index: 3;
    padding: 5px 19px 6px 105px !important;
}
.value_added_new_field_value{
    position: absolute;
    top: 0;
    left: -82px;
    z-index: 3;
    background: #fff;
    padding: 5px 19px 0px 101px;
}
.buttonEdit_addValue:hover{
    cursor:pointer;
}
.company-name-address:hover .buttonEdit_addValue {
    display:block;
}
.cui5-stage-selector--size-s .cui5-stage-selector__stage, .cui5-stage-selector--size-xs .cui5-stage-selector__stage {
    -webkit-clip-path: none;
    clip-path: none;
    cursor: default;
    margin: 0 2px 0 0;
}
.smart_part_contact_details_title{
    display:flex;
    justify-content: space-between;
}
.smart_part_contact_details_title .contact_smart_data_info .advance{
    background:#FFDF5C;
    border-radius:4px;
    color:#000;
    padding:2px 4px;
    font-size:10px !important;
}
.smart_part_contact_details_title {
    border-radius:4px;
    background:#F6F7F8;
    color:#656e7a;
    font-size:12px !important;
}
.cui5-stage-selector__stage {
    align-items: center;
    background-color: #08a742;
    -webkit-clip-path: polygon(calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,2px 100%,8px 50%,2px 0);
    clip-path: polygon(calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,2px 100%,8px 50%,2px 0);
    color: #fff;
    cursor: pointer;
    justify-content: center;
    letter-spacing: var(--pd-font-body-s-letter-spacing);
    margin-left: -6px;
    text-align: center;
}
.cui5-stage-selector, .cui5-stage-selector__stage {
    display: flex;
    flex-grow: 1;
    position: relative;
}

.contact_deal_add_new .cui5-spacing.col-xs-12{
    padding: 6px 8px;
}
.jwLCXf {
    background: #fff;
    display: flex;
    cursor: pointer;
    margin-bottom: 4px;
    opacity: initial;
    word-break: initial;
    box-shadow:0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
}

.sc-dYtREw.bRvpJB{
    display:flex;
    width:100%;
    align-items:center;
}
.db{
   display:block; 
}
.columnbodycontact .buttonEdit{
    color:#317ae2;
    text-decoration: underline;
} 
.columnbodycontact .button.hidepen{
    display:none !important;
}
.px-0{
    padding-right:0 ;
    padding-left:0;
}
.wghf .person{
        vertical-align: text-top;
}
.wghf .columnbodycontact .item .button .cui4-button-group {
    display:flex;
    width: max-content;
}
.wghf .columnbodycontact .item .button button:hover{
    background:#f6f7f8 !important;
}
.wghf .columnbodycontact .item .button .cui4-button-group .contact_phone_details {
        /*border-radius: 2px 0 0 2px !important;*/
        /*width:32px !important;*/
        margin-left:5px;
}
.wghf input[type=text]{
    width:150%;
}
.dn{
    display:none !important;
}
.contact_email_all #email_text{
    width:100% !important;
}
.wghf .columnbodycontact .item .button .cui4-button-group .contact_phone_more_details {
        border-radius: 2px 0 0 2px !important;
        width:24px !important;
        
}
.wghf .columnItem {
    margin-top: 5px;
}
.wghf .contact_organiztion_content .item,.wghf .contact_organiztion_content .item .button{
    padding:0;
    
}
.wghf .contact_organiztion_content {
        /*padding: 8px;*/
        padding:0;
    margin-top: 21px;
}
.wghf .contact_organiztion_content .item .button button svg {
    width: 16px !important;
    height: 16px;
}
.wghf .contact_organiztion_content .item .button{
    display:none ;
}
.wghf .contact_organiztion_content  .field{
    text-align:left;
    color:#2A3647B8;
}
.contact_organization .badge{
    margin-left:0;
    margin-right:auto;
    
}
.contact_deal_add_new a{
    font-weight:600;
    padding-top:8px;
    color:#317ae2;
}
.contact_overview_add_new ul{
    padding-right:0;
}
.contact_overview_add_new ul li{
        width: 100%;
    display: flex;
    justify-content: space-between;
    color:#656e7a;
    font-size:12px !important;
}
.contact_email_all .title {
    position: relative;
    display:flex;
    justify-content:space-between;
    font-size: 12px !important;
    color: #999fa7;
}
.contact_following_all .cui5-button__label{
    font-weight:600;
    padding:0 4px;
}
.contact_following_all .cui5-button__label{
    font-size:12px !important;
    padding:0 4px;
}
.personsList .actions {
    text-align:left;
    padding-top: 20px;
}
.contact_email_all .contact_deal_add_new .emailField {
 padding:15px ;   
}
.cui5-button {
    
    border: 1px solid var(--pd-color-divider-strong);
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
    box-sizing: border-box;
    cursor: pointer;
   
    text-align: center;
    
}
.cui5-button--variant-secondary {
    border: 1px solid #c8ccd2;
    background:#fff;
}
.cui5-button--variant-secondary>.cui5-button__label {
    color: #192435;
    font-size:13px !important;
}
.cuiiconhu{
    fill:#999fa7 !important;
}
.cui5-icon--size-s {
    
    height: 16px;
    width: 16px !important;
}
.contact_email_all input {
    text-align:left;
    height: 32px;
    /*margin-top: 5px;*/
    margin-bottom: 15px;
    font: 14px;
    color: #192435;
    background-color: #f6f7f8;
    border: 1px solid rgba(38,41,44,.16);
    border-radius: 3px;
}
.contact_following_add_new .listContainer {
    padding-right:0;
}
.contact_following_add_new ul li{
    display:flex;
}
.contact_following_add_new ul li a{
    color:#317ae2 !important;
}
.contact_deal_all .columnTitle_contact,.contact_overview_all .columnTitle_contact,.contact_email_all .columnTitle_contact,.contact_following_all .columnTitle_contact{
    border-bottom:none !important;
}
.wghf .contact_organiztion_content .company-name-label{
    padding:16px 0;
}
.wghf .contact_organiztion_content .company-name .value input{
    max-width:187px !important ;
}
.wghf .contact_organiztion_content .company-name .value input{
    font-size:16px !important;
    font-weight:600 !important;
}
.wghf .contact_organiztion_content .company-name{
    display:flex;
    align-items:center;
    
}
.wghf .contact_organiztion_content .item .hidepen{
    display:none !important;
}
.wghf .contact_organiztion_content .item:hover .button{
    display:block;
}
.wghf .contact_organiztion_content .item .button button {
    display: flex;
    
    align-items: center;
    padding: 0 4px;
    border: 1px solid #c8ccd2;
    margin-left: 0;
    margin-right: auto;
    min-width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
}
.contact_organization .badge {
    display: flex;
    justify-content:center;
    align-items:center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
        background:#fff;
        box-shadow: inset 0 0 0 1px #999fa7;
}
.contact_organization .badge svg{
        /*margin: 8px;*/
        fill:#317ae2;
        
}
#cphonerowcs1organ td input {
    border-radius: 0 3px 3px 0px !important;
}
#cphonerowcs1organ td select{
    border: 1px solid #cbcccd !important;
    border-radius: 3px 0px 0px 3px !important;

}
#cphonerowcs1organ td:first-child{
    width: 39%;
    /*padding: 0 0 0 10px;*/
}
#cphonerowcs1organ td:last-child{
    width: 13% ;
    padding:0 10px 0 0;
}



#cphoneroworganemail td input {
    border-radius: 0 3px 3px 0px !important;
}
#cphoneroworganemail td select{
    border: 1px solid #cbcccd !important;
    border-radius: 3px 0px 0px 3px !important;

}
#cphoneroworganemail td:first-child{
    width: 39%;
    /*padding: 0 0 0 10px;*/
}
#cphoneroworganemail td:last-child{
    width: 13% ;
    padding:0 10px 0 0;
}
.nbtncontact{
margin-top:25px !important
}
#collapse_contact_details{
    padding-top: 12px;
    margin-bottom:16px;
    font-size:14px;
}
.smart_part_sdContainer{
        border-top: 1px solid #2a36470d;
    padding: 16px 0;
}
.contact_smart_data_info{
    
}
.smart_part_contact_details{
    margin: 12px 0 0 0;
    background-color: #f6f7f8;
    padding: 16px;
    display: flex;
    flex-direction: column;
}
.sdfloatright{
    float:right;
}

.sdfloatleft{
    float:left;
}

.ctwraper #content-wrapper .matopcomp{
    margin-top:10px !important;
}

.wghf .widget .columnItem{
    color: #721ea9;
    font-weight:600;
}

.wghf .widget .titlesd {
        margin-top: 5px;
    font-size: 11px;
    color: #b9babb;
}

.emailFieldsdd{
    height: 32px;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #26292c;
    background-color: #f7f7f7;
    border: 1px solid rgba(38,41,44,.16) !important;
    border-radius: 3px;
    width: 100%;
        outline: none !important;
}

.txtareanote{
    width:100% !important;
}

.sdgrbttn{
    border-color: #08a742!important;
    background: #08a742 !important;
    box-shadow: 0 1px 2px rgb(38 41 44 / 8%) !important;
    height: 24px !important;
}


.cancelbtn{
    box-shadow: 0 1px 2px rgb(38 41 44 / 8%) !important;
    height: 24px !important;
}

.whiteboxchild {
    min-height: 72px;
    background-color: #ffffff;
    padding: 15px 15px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    margin-right: 40px;
    padding-bottom: 5px;
    position: relative;
}

.qcostyle{
    background:#e5e5e5 !important;
    color: rgb(116,118,120) !important;
        width: max-content;
    border-radius: 50%;
    line-height: 21px;
    float: right;
    padding: 7px 11px 4px 11px;
}

.addcm{
    margin-right: 20px;
}

.textstylebtwhite {
    width: 100%;
    height: 130px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.whiteboxchildreply{
    min-height: 72px;
    background-color: #ffffff;
    margin-right: 40px;
}

.pinshowhide{
    display:none !important;
}

.ntdatepin{
    float: right;
}

.openpincom{
    float: left;    cursor:pointer;

}

.openpincom svg{
    width: 19px !important;
    height: 16px !important;
    fill: #747678;
}

.boxtools{
    position: absolute;
    left: 13px;
    top: 48px;
    background-color: #fff !important;
    padding: 5px 0px;
    border: 1px solid rgba(38,41,44,.16);
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 4px 8px rgb(38 41 44 / 16%);
    min-width: 120px !important;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}

.boxtools li{
    list-style: none;
    padding: 3px 0px;
    
    margin: 3px 0px;
}

.boxtools li:hover{
    background-color: #2f6cc5;
    color: #fff;
}


.boxtools:after {
    content: "";
    position: absolute;
    left: 12px;
    top: -7px;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-left: 1px solid #26292c52;
    border-bottom: 1px solid #26292c52;
    transform: rotate(135deg);
}

.sdshowhide{
    display:none !important;
}

.mlop{
    margin-left:9px !important;
    margin-right:5px;
}

.edittarea{
    border: none !important;
    background-color: transparent;
    width: 100%;
    resize: none;
}

.edittarea:focus-visible{
    border: none !important;
        outline: none !important;
}

.nonebtn .edn{
    display:none !important;
}

.tborganw .tsfcs{
    width: 100% !important;
}

#deal_idmlisttask {
    display: none;
}

.mlopdeal{
    margin-left:1px !important;
}

.rwalign .dl-horizontal *{
    text-align:right !important;
}

.rwalign .dl-horizontal div span:first-child{
    font-weight: bold;
    margin-left: 5px;
}


.rwalign .dl-horizontal div{
    margin-bottom: 8px;
}

.flbtnleft{
        width: max-content;
    float: left;
        margin: 10px 10px 0 0;
}

.flndf{
    margin-bottom:10px !important;
}

@media (min-width: 768px){
    
    .rwalign .dl-horizontal dd {
        margin-right: 100px;
    }
    
    
}


.pmjinput input::-webkit-outer-spin-button,
.pmjinput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.pmjinput input[type=number] {
  -moz-appearance: textfield;
}

.infographic-box i{
    width: 55px !important;
    height: 55px !important;
    line-height: 57px !important;
}

.ctwraper #content-wrapper .rwmb20{
    margin-bottom:10px !important;
}

.rwmbtitle{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 13px !important;
}

.ctwraper #content-wrapper .dcsrow{
    margin-top: 10px !important;
}

.fgbtnpay svg{
    width: 16px !important;
    height: 16px !important;
    margin-top: 10px !important;
    cursor:pointer !important;
}

.pd0ds{
    padding:0px !important;
}

.dealrightsidebox{
    border: 1px solid #dfdfdf;
    padding: 10px;
    background-color: #fff;
}

.dealrightsidebox .tn{
        color: #721ea9;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;    padding-bottom: 10px;
    padding-top: 5px;
}

.rt1{
    width: 16px !important;
    height: 16px;
    vertical-align: middle;    margin-right: 4px;cursor:pointer;    fill: #747678;    outline: none !important;
}

.tndsc{
    margin-top: 10px;
}

.praside{
    color: #317ae2 !important;
}

.tndsc{
        color: #000;
}

.payshowhide{
    display:none !important;
}

.delpaybox{
    background-color: #fff;
    padding: 4px 14px;
    position: absolute;
    right: -3px;
    box-shadow: 0 4px 8px rgb(38 41 44 / 16%);
    cursor: pointer;    z-index: 9999;
}

.posrelpay{
    position:relative
}

.tndsc2{
        color: #000;    margin-top: 10px;    margin-bottom: 10px;
    font-size: 15px;
}

.pr1dsc{
        font-size: 14px;
    margin-bottom: 5px;
    color:#26292c;
}
.pr2dsc{
    
}

.allp1{
    width: 60%;
    float: right;
    text-align: right;
    color:#747678 !important;
}

.clscolor{
    color:#747678 !important;
}

.allp2{
    width: 40%;
    float: left;
    text-align: left;
}

.mdpdeal{
    width: 80% !important;
}

.pmdealpad  tr td{
    padding: 1px 2px;
}

.taxdiv *{
    float: right;
    margin-left: 6px !important;
        margin-top: 3px;
    
}

.taxdiv{
    margin-top: 3px;
}

.taxhidetbl tbody tr td:nth-child(4){
    display:none !important;
}


#dealproductrowcs1 p{
    margin:0px !important;
}

/*#dealproductrowcs1.pmodalnamewid tr td:first-child{*/
/*    width:1%;*/
/*}*/

/*#dealproductrowcs1.pmodalnamewid tr td:nth-child(2){*/
/*    width:45%;*/
/*}*/

                                 
.swcustom.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
}

/* Hide default HTML checkbox */
.swcustom.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.swcustom .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.swcustom .slider:before {
      position: absolute;
    content: "";
    height: 12px;
    width: 13px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.swcustom input:checked + .slider {
  background-color: #2196F3;
}

.swcustom input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.swcustom input:checked + .slider:before {
 -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
}

/* Rounded sliders */
.swcustom .slider.round {
  border-radius: 34px;
}

.swcustom .slider.round:before {
  border-radius: 50%;
}

#customfld{
    display:none;
}

.crspointer{
    cursor:pointer;
}

input.noneatt{
    outline: none !important;
    border: none !important;
    background-color: transparent;
}

.nbt100{
    width:100%;    
}

.dscsnone{
    display:none;
    margin-top:10px;
}

textarea.noneatt{
    width: 100% !important;
    border: none !important;
    resize: none !important;
    outline: none !important;
    background-color: transparent;
}

.numdelas::-webkit-inner-spin-button, 
.numdelas::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.numdelas[type=number] {
  -moz-appearance: textfield;
}

.crncy{
    float: left;
    width: 18%;
    margin: 3px 2% 0 0;
}

.txtaheight{
    height:24px;
}

.crncyinput{
   width: 80%; 
}

#dealcompanylist{
    display:none;
}

.ncdeal{
    width: max-content;
    font-size: 10px;
    float: left;
    background-color: #00b8ff;
    border-radius: 6px;
    padding: 1px 5px;
    color: #fff;
    position: absolute;
    left: 7px;
    cursor: pointer;
    top: -20px;
    display: none;
}

#dealcontactlist{
    display:none;
}

select.noneatt{
    outline: none !important;
    border: none !important;
    
}

select.noneatt {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;    opacity: 1;
  text-overflow: '';
}

.praside{
    cursor:pointer;
}

.hovercsf{
    display:none;
}

.rwhover:hover .hovercsf{
    display:block !important;
}
.rwhover:hover .hovercsf.hidepen{
    display:none !important;
}

.ctwraper #content-wrapper .rwhover {
    margin: 5px 0px !important;
    min-height: 20px;
}

.t1segment{
    margin-left: 7px;
    margin-top: 9px;
}

.t2segment{
    
    position:Relative;
}

.segmentcs{
        float: right;
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    z-index: 9;
}

#chartsegmentlist{
    display:none;
    background-color: #fff;
    
}

.rwcflow{
    height: 40px;
    display: flow-root;
}

#chartfilterlist{
    background-color: #fff;
}

.clleftd{
    z-index:9;
    float:left;
}

#chartsegmentjs .apexcharts-legend .apexcharts-legend-series:first-child{
    display:none ;
}

#chart2 .apexcharts-legend .apexcharts-legend-series:first-child{
    display:none ;
}


#chartsegmentjs2 .apexcharts-legend .apexcharts-legend-series:first-child{
    display:none ;
}


.list2report #chart1 .apexcharts-legend .apexcharts-legend-series{
    display:none ;
}



.svgfg{
        width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    padding: 3px;
    fill: #fff;
}

.dflsegment{
    display: inline-flex;
    align-items: center;
        width: 100%;
}

.spnfnseg{
    margin-right: 4px;
    font-size: 13px;
    margin-top: 2px;

}
.apexcharts-legend.apexcharts-align-center.position-bottom *{
    font-family:iransans !important;
}


#infosegmentjs{
    width: 100%;
    display: none;
    float: right !important;
    border-left: 1px solid #ddd !important;
    padding: 5px 0px !important;
    
    
        height: 450px;
    overflow-y: scroll;
}

#chartsegmentjs{
    float:left;
}

#chartsegmentjs *{
    font-family:iransans !important;   
}

#chart1 *{
    font-family:iransans !important;   
}



.svgorgans{
    width: 20px !important;
    height: 20px !important;
    padding: 3px;
    fill: #fff;
}

#productrowcs1.pmodalnamewid p{
    margin:0px !important;
}

#stagebtnadd{
    display:none;
}

.prcadmin{
    font-size:15px;
    color:#26292c;
        text-align: left;
    margin-top: 5px;
}

.btnsdsize{
    padding: 5px 8px 0px !important;
    font-size: 17px !important;
    width:48px;
}

.tblistsd .dataTables_filter{
    display:none !important;
}

.popover-content{
    font-family: iransans !important
}

.dirltr{
    direction:rtl;
}
.frmselectdeal{
    float: left;
    display:flex;
    align-items:Center;
}

.frmselectdeal select{
    width: 200px;
    padding: 0px 5px;
}

.fixed-header #header-navbar{
    
    padding:2px 0;
}



.headnavr svg{
    
    width:24px !important;
    height:24px;
    fill:#747678;
}

.headnavr li:hover .headnavr a{
    
    padding: 7px 1px;
    background: blue !important;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-top: 5px;
}



.mr20b a{
    
    /*width:76px;*/
    background-color:#08a742 !important;
    font-size:15px !important;
    padding:4px !important;
}


.mr20b a:hover{
    
    background-color:#26b259 !important;
}


.deal-name a{
    
    color:#26292c !important;
    
}

.deal-module span{
    
    font-size:11px;
    color:#747678;
}


.deal-user .pull-right{
    
    font-size:13px;
    color:#747678;
    padding-top:7px !important;
}



.main-box h2{
    
    font-size:16px;
    color:#26292c !important;
}







.stage-div li{
    
    border:none !important;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
}

/*.label-one{*/
    
/*    background:transparent;*/
/*}*/





.bg-msb{
    
     width: 40px;
    height: 40px !important;
    padding: 0;
    text-align: center;
    align-items: center;
    display: flex !important;
    background:transparent;
    border-radius: 50% !important;
    justify-content: center;
    margin-left:10px;
    padding:0px !important;
    margin-top:5px;
}

.headnavr{
    
    justify-content: center;
    align-items: center;
}




.bg-msb:hover{
    
    background:#EEE !important;
}


.bg-msb:hover svg{
    
    fill:#404346 !important;
}




.user-bgms{
    
    width: 40px;
    height: 40px !important;
    text-align: center;
    align-items: center;
    display: flex !important;
    background:#e5e5e5;
    border:4px solid transparent !important;
    border-radius: 50% !important;
    justify-content: center;
    margin-right:10px;
    padding:0px !important;
    margin-top:5px;
    font-size:15px !important;
    transition: background-color 0.1s ease 0s;
    font-weight:700;
    color:#747678 !important;
    padding-left: 2px !important;
    padding-bottom: 2px !important;
}


.user-bgms:hover{
    
    border-color:#a8a8a8;
}



.theme-whbl #header-navbar .nav>li>a:hover{
    
    border-color:#d7d7d7 !important;
    background-color:#eee !important;
    color:#747678 !important;
}


#header-navbar .nav .open>a{
    
    background-color:#eee !important;
     border-color:#bdd4f5 !important;
    
}



#header-navbar .profile-dropdown>a>span{
    
    color:#747678 !important;
}


.mr20b:hover{
    
    border-radius:4px;
    background-color:#26b259;
}




.srch-icon{
    
    position:absolute;
    left:20px;
    top:12px;
    font-size:17px;
    color:#747678;
}




.theme-whbl #header-navbar .nav>li>a:hover, .theme-whbl #header-navbar .nav>li>a:focus, .theme-whbl #header-navbar .nav .open>a, .theme-whbl #header-navbar .nav .open>a:hover, .theme-whbl #header-navbar .nav .open>a:focus, .theme-whbl .navbar-toggle:hover, .theme-whbl .navbar-toggle:focus, .theme-whbl .mobile-search.active>.btn{

    background-color:#EEE !important;    
    
}


.active-line:before{
    
    content: "";
    width: 4px;
    border-radius: 4px 0px 0px 4px;
    background-color:#fff;
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 0px;
    
}

.active-col-nav{
    
    background:#26292c !important;
}


.srch-focus{
    
     position:absolute;
    left:20px;
    top:12px;
    font-size:17px;
    color:#747678 !important;
    
}

#col-left{
    
    background-color:#404346 !important;
}



.page-name{
    
    font-size:18px;
    color:#26292c;
   
}


.page-tag{
    
     padding:10px 10px 0 0 !important;
}





.select2-selection__rendered{
    
    position:Relative;
}



.svg-abso svg{
    
    position:absolute;
    top:4px;
    right:15px;
    z-index:2;
    width:20px !important;
    height:20px !important;
}


.svg-abso .select2-selection__rendered{
    
    padding-right:40px !important;
}



.svg-abso2 svg{
    
    position:absolute;
    top:1px;
    right:150px;
    border-right:1px solid #cbcccd;
    height:26px !important;
}




.b-border .select2-selection__arrow{
    
    display:none;
}


.select2-container--default .select2-selection--single{
    
    border-radius:2px !important;
    border-color:#cbcccd;
}

.b-border .trg-down{
   position: Absolute;
    right: auto !important;
    width: 15px !important;
    border-left: 1px solid #a8a8a8;
    height: 26px !important;
    top: 0;
    left:32px;
}



.radiusback:active{
    
    background-color:#e5e5e5;
}



.csdropm svg{
    
    position:absolute;
    right:15px;
    width:25px !important;
    height:25px;
    fill:#747678;
    top:10px;
}

.csdropm li{
    
    position:Relative;
}



.pencil-ico{
    
    position:Absolute !important;
    right:auto !important;
    left:10px !important;
    
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    
    border-color:#000 transparent transparent transparent;
}



.btnsdsize:active{
    
    background: #eff5fd !important;
    color: #317ae2 !important;
    box-shadow: inset 0 0 0 1px #317ae2, 0 0 0 rgb(49 122 226 / 0%), inset 0 1px 2px rgb(49 122 226 / 16%) !important;
    border: none !important;
}



.table.dataTable thead .sorting:after{
    
    content:'';
}

.table.dataTable thead>tr>th.sorting{
    width:auto !important;
    padding-right:10px;
}


.table.table-hover tbody>tr>td{
    font-size:14px;
    border:1px solid #e5e5e5;
}



/*table.dataTable{*/
    
/*    border-collapse:collapse !important;*/
/*}*/


.table>thead>tr>th{
    
   border:1px solid #b9babb !important;
}



.table.table-hover tbody>tr>td:hover{
    
    border-color:#3498db !important;
}



.trash-bin{
    
    text-align:center;
}


.left-price{
    
    text-align:left;
}


.bars{
    
    text-align:center;
}


.dataTable thead th:hover {
    
    color: #212121;
}



table.dataTable thead .sorting_asc:after{
    
    content:'';
}

table.dataTable thead .sorting_desc:after{
    
    content:'';
}


.sorting_desc{
     text-align:center;
    padding-right:10px !important;
}



.sorting_asc{
    
    text-align:center;
    padding-right:10px !important;
}


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

.tikbox input[type=checkbox]{
    
    cursor:pointer;
}





.custom-toolbar .btn-default:hover{
    
    color:#000 !important;
    border-color:#3498db;
}

.table tr td a{
    
    color:#26292c;
}


.bars{
    
    border-left:1px solid #b9babb !important;
}

.rmvicon{
        width: 22px;
}


.rmvicon svg{
    height: 22px;margin-top: 8px;
    cursor:pointer;
}

.btn-warning:hover{
    
    background-position:unset;
}


.contact-dn{
    
    display:none;
}


.n-margin{
    
    margin-bottom:20px !important;
}


.manager-labels span a{
    
    color:#000 !important;
}


.nodeal-txt{
    
    text-align:center;
    margin:30px 0;
}

.no-dealpic{
    
    min-height:auto !important;
    margin-bottom:30px;
}



.little-svg svg{
    
    width:25px !important;
    height:25px;
   
}


.little-svg{
    
     padding-bottom:0px !important;
    padding-right:8px !important;
    text-align:center;
    
}


.ms-table>thead>tr>th{
    
    vertical-align:middle !important;
}



.ms-table input[type=checkbox]:focus{
    
    outline: none !important;
    outline-offset:0px !important
    
    
}





.ms-table h2{
    
    color:#21292c !important;
    font-size:15px;
    padding:0px;
    margin:0px !important;
}



.center-cb{

text-align:center;

}

.activereportpop{
    background: #e6effb;
    color: #317ae2 !important;
}

.activereportpop span{
    
    color:#317ae2 !important;
}

.activereportpop svg{
    
    fill:#317ae2;
}


.activereportpop i{
    
    display:block !important;
}


#msbtn2{
    background:#08a742;
    /*padding-top:11px;*/
    border:none !important;
    border-radius:2px;
}

.dropreport{
        position: relative;
    float: right;
    margin-right:5px;
}

#msbtn2 svg{
    
    fill:#FFF;
    width:20px !important;
    height:20px !important;
}


.dn-list{
    
    display:none;
}

.dropdown-menu li svg{
    /*width:20px !important;*/
    /*height:20px !important;*/
    /*position:Absolute;*/
    /*right:5px;*/
    /*left:auto;*/
}



.dropdown-menu li{
    
    position:Relative;
}



.dropdown-menu span{
    
    font-size:14px;
    color:#747678;
    /*padding-right:15px;*/
    
}



.rs-bsmodal h3{
    
    font-size:13px;
    font-weight:700;
    color:#26292c !important;
    padding-right:10px;
    margin:0px !important;
    border:none;
}

.rs-bsmodal{
    
    border-left:1px solid #e5e5e5;
    padding-right:0px;
}



.rs-bsmodal li svg{
    
     width:24px !important;
    height:24px !important;
    position:Absolute;
    right:10px;
    left:auto;
    bottom:15px;
}



.rs-bsmodal li{
    list-style-type:none;
    position:Relative;
    margin:15px 10px 0 10px;
    padding:15px 16px;
    border-radius:2px;
}


.rs-bsmodal ul{
    margin-bottom:0px;
    padding-right:0px !important;
}


.rs-bsmodal span{
    
    font-size:15px;
    padding-right:30px;
    font-weight:700;
    color:#26292c;
}




.rs-bsmodal a{
    display:block;
    cursor:pointer;
    text-decoration:none !important;
}


.rs-bsmodal li:hover{
    
    background:#e6effb;
    color:#317ae2 !important;
}

.rs-bsmodal li:hover i {
    
    display:block;
}



.rs-bsmodal li i{
    
    position: absolute;
    left: 25px;
    top: 18px;
    font-size: 17px;
    display:none;
}




.ms-modal-body{
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:10px;
    background:#FFF !important;
}


.ls-bsmodal{
    
    padding-top:15px;
    padding-bottom:15px;
}

.ls-bsmodal h3{
    
    font-size:13px;
    font-weight:700;
    color:#26292c !important;
    padding-right:10px;
    margin:0px !important;
    border:none;
}


.rs-bsmodal{
    
    padding-top:15px;
    padding-bottom:15px;
}



.ls-bsmodal ul{
    margin-bottom:0px;
    padding-right:0px !important;
}






.ls-bsmodal li{
    list-style-type:none;
    margin:15px 10px 0 10px;
    padding:8px 10px;
    border-radius:2px;
}




.b-activi{
    
    color:#26292c !important;
    font-size:15px;
}



.n-activi{
    
    font-size:13px;
    color:#747678;
}




.ls-bsmodal li:hover{
    
    background:#f7f7f7;
    border-radius:2px;
}


.ms-modal-header button{
    
    width:30px;
    height:30px;
    padding-top:3px;
    font-size:20px;
    border:none;
    background:transparent;
    float:left;
    border-radius:2px;
}



.ms-modal-header button:hover{
    border-radius:2px;
    background:#26292c0d;
    color:#000;
}

.ms-modal-title{
    font-size:18px;
    color:#26292c !important;
    margin-top:7px;
}

.ms-cancel{
    
    font-size: 15px;
    color: #26292c !important;
    background: none;
    font-weight:100;
    border: 1px solid #cbcccd;
}

.ms-continue{
    font-weight:100;
    font-size:15px;
    border:none !important;
    color:#FFF;
    background: #61c786 !important;
    /*border: 1px solid #cbcccd;*/
}


.ms-modal-content{
    
    box-shadow: var(--pd-elevation-overlay);
    transition: transform .15s;
    border-radius:4px;
}

.ms-modal-dialog{
    transform: translate3d(0,-8.3%,0) !important;
}


.ls-bsmodal li a{
    
    text-decoration:none !important;
}


.ms-cancel:hover{
    
    border-color:#cbcccd !important;
}




#ms-ocsc2{
    
    display:none;
}

#ms-ocsc3{
    
    display:none;
}


.ms-modal-header2 button{
    
    width: 30px;
    height: 30px;
    padding-top: 3px !important;
    font-size: 20px;
    border: none !important;
    background: transparent !important;
    float: left;
    color:#000;
    border-radius: 2px;
}


.ms-modal-header2 button:hover{
    border-radius: 2px;
    background: #26292c0d !important;
    color: #000 !important;
    opacity:1 !important;
}

.ms-modal-title2{
    font-size:18px;
    color:#26292c !important;
    margin-top:7px;
}




.ms-modal-body2 label{
    
    display:block;
    margin-bottom:10px;
    font-size:15px;
    color:#26292c !important;
}


.ms-modal-body2 input[type=text]{
    
    background:#FFF;
    padding:4px 8px;
    border:1px solid #dbcccd !important;
    width:100%;
    margin-bottom:10px;
    border-radius:2px;
}



.ms-modal-dialog2{
    
    width:320px !important;
   
}




.ms-modal-body2 Select{
    
    background:#FFF;
    padding:4px 8px;
    border:1px solid #dbcccd !important;
    width:100%;
    border-radius:2px;
}



.ms-modal-body2 Select option:hover{
    
   
    background:#317ae2 !important;
}





.section-plus{
    
    margin:0 10px;
}

.client-sidemenu-sidemenuCollapseHeader-SidemenuCollapseHeader__text--P3Ly9{
    
    font-size:15px;
    color:#26292c;
}


.threedot{
    
    width:16px !important;
    height:16px;
    float:left;
    margin-top:5px;
    fill:#26292ca3;
}




.threedot-parent:hover{
    
    background:#26292c0d;
    border-radius:2px;
}


.threedot-parent:hover svg{
        
        fill:#26292c;
}



.threedot-parent{
    
    display:inline-flex;
    width:25px;
    height:25px;
    float:left;
    justify-content:center;
}



.ms-mydash{
    
    font-size:15px;
    color:#747678;
}



.ar-left{
    
    fill:#747678;
}


.ms-mydash1{
    
    padding-right:35px;
}




.threedot1{
    display:none;
    width:16px !important;
    height:16px;
    float:left;
    margin-top:5px;
    fill:#26292ca3;
    /*margin-left:33px !important;*/
}


.hoverdot:hover .threedot1{
    
    display:block;
}


.ms-mydash2{
    
    display: flex;
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}


.db-linesvg{
    
    display:none;
}



.hoverlinedb:hover .db-linesvg{
    
    display:block;
}



.hoverlinedb:hover .ms-mydash1{
    
  color:#26292c !important;
  text-decoration:underline !important;
}


.hoverlinedb:hover{
    
    background:#eee;
    color:#26292c !important;
    border-radius:2px;
}


.wind-svg{
    
    fill:#747678;
}


.goalslist{
    
    font-size:15px;
    color:#747678 !important;
}



.ms-revdir{
    
    flex-direction:row-reverse;
}



.elips{
    
    width:16px !important;
    height:16px;
}




#reportul12{
    
    display:flex;
    flex-direction:row-reverse;
}


.swer1:hover{
    
    background:none !important;
    fill:#721ea9;
}

.fsu1:hover{
    
    background:none !important;
}


.ms-myreports{
    
    margin:10px 0;
    padding-right:20px;
    
}


.ms-myreports a{
    
    color:#747678 !important;
    text-decoration:none;
    font-size:15px;
}


.ms-myreports .ar-left{
    
    vertical-align:middle;
}



.ms-myreports .threedot-parent{
    
    margin-left:20px;
    display:none;
}

.ms-myreports:hover .threedot-parent{
    
    display:block;
}


.report-font{
    
    font-size:15px;
}



.report-font .dragsvg svg{
    
    display:none;
}

.report-font:hover .dragsvg svg{
    
    display:block;
}


.report-font:hover{
    
    border-radius:2px;
    text-decoration:underline !important;
    background:#eee;
    color:#26292c !important;
}



.report-font span svg{
    
    fill:#747678 !important;
}


.sec-marg{
    
    margin:20px 0;
}


.dn-mstab{
    
    display:none;
}



.cn-modal-title{
    margin-top:5px;
    font-size:18px !important;
    color:#26292c;
}


.cn-close{
    
    margin-top: 3px !important;
    font-size: 25px;
    color: #26292c !important;
    border-radius:4px;
    font-weight: 100;
     padding: 3px 5px 0 !important;
}

.cn-close:hover{
    
   border-radius: 2px;
    color: #26292c !important;
    background: #26292c0d;
    opacity: 1;
   
}



.cn-modal-dialog{
    text-align:right;
    direction:rtl;
    width:337px !important;
 
    
}

.cn-modal-header{
    
    
    padding:10px !important;
}



.cn-modal-dialog label{
    display:block;
    font-size:15px;
    color:#747678;
    font-weight:100;
}


.cn-modal-dialog input{
    width:100%;
    border-radius:4px !important;
    border:1px solid #cbcccd !important;
    box-shadow: inset 0 1px 2px var(--pd-color-fill-light-rgba);
    height:34px;
    text-align:right;
    position:relative !important;
    padding-right:10px;
}

.cn-modal-dialog input:focus{
    
    border-color:#317ae2 !important;
    box-shadow:none !important;
    outline:None !important;
    
}


.cn-modal-dialog .input-group{
    
    display:block;
}



.orgsvg{
    
    width: 16px !important;
    height: 16px;
    position: absolute;
    right: 10px;
    left: auto;
    z-index: 1;
    bottom: 10px;
}




.inp-org{
    
    padding-right:30px !important;
}


/*.cn-label select{*/
    
/*    width: 100%;*/
/*    height: 34px;*/
/*    border: 1px solid #cdcccd;*/
/*    border-radius: 4px;*/
/*    text-align: right;*/
        
    
/*}*/

.dn-form{
    
    display:none;
}


/*.cn-phone select{*/
    
/*    width:50%;*/
/*    text-align:right;*/
/*    height:34px;*/
/*    border-radius:4px;*/
/*    border:1px solid #cdcccd;*/
/*}*/



/*.cn-addphone{*/
/*    font-weight:700;*/
/*    font-size:15px;*/
/*    margin-top:10px;*/
/*}*/

/*.cn-addphone a{*/
    
/*    color:#317ae2 !important;*/
/*}*/






/*.cn-email select{*/
    
/*    width:50%;*/
/*    text-align:right;*/
/*    height:34px;*/
/*    border-radius:4px;*/
/*    border:1px solid #cdcccd;*/
/*}*/


/*.cn-custom{*/
    
    
/*    background: #08a742;*/
/*    color: #fff;*/
/*    padding: 0 10px;*/
/*    border-radius: 4px;*/
/*    font-size: 11px;*/
/*    font-weight: 700;*/
/*}*/



/*.cn-hotlabel{*/
    
/*     background: #f94839;*/
/*    color: #fff;*/
/*    padding: 0 10px;*/
/*    border-radius: 4px;*/
/*    font-size: 11px;*/
/*    font-weight: 700;*/
    
/*}*/



/*.cn-warmlabel{*/
    
/*     background: #ffdf5c;*/
/*    color: #26292c;*/
/*    padding: 0 10px;*/
/*    border-radius: 4px;*/
/*    font-size: 11px;*/
/*    font-weight: 700;*/
    
/*}*/


/*.cn-coldlabel{*/
    
/*     background: #317ae2;*/
/*    color: #fff;*/
/*    padding: 0 10px;*/
/*    border-radius: 4px;*/
/*    font-size: 11px;*/
/*    font-weight: 700;*/
    
/*}*/

/*.label-deg{*/
/*    padding:7px 5px;*/
/*    margin:10px 0;*/
/*}*/



/*.label-deg:hover{*/
    
/*    background:#317ae2;*/
/*}*/

.fltnametitle{
    border: none;
    background-color: #f7f7f7;
    cursor: pointer;    float: right;    outline: none !important;
}

.fltnameco {
    background-color: #eee;
}

.fltnameco .pencil-icoflt{
   display:block !important;
}


.cn-labelselect{
    
    
    padding:33px 0 0 0;
}

.pencil-icoflt{
        width: 20px !important;
    height: 20px !important;
    float: right !important;
    cursor:pointer;display:none;
}

.fltnameco{
           width: max-content;
    border-radius: 3px;

    padding: 3px;
}

.fltnamecoadd{
    border: 1px solid #0086e5;
}

/*.cn-hform{*/
    
/*    border-radius:4px;*/
    
/*}*/


/*.label-ph{*/
    
/* font-size: 15px;*/
/*    color: #26292c !important;*/
    
/*}*/




/*.label-ph svg{*/
    
/*    width: 16px !important;*/
/*    height: 16px;*/
/*    vertical-align: middle;*/
/*    float: left;*/
/*    fill:#317ae2;*/
/*}*/




/*.label-ph:hover{*/
    
/*    color:#FFF !important;*/
/*}*/



/*.label-ph:hover svg{*/
    
/*    fill:#FFF !important;*/
/*}*/



/*.cn-job{*/
    
/*    font-size:15px;*/
/*    color:#26292c;*/
/*}*/



/*.label-deg:hover .cn-job{*/
    
/*    color:#FFF;*/
/*}*/

/*.fo-phone{*/
    
/*    margin-top:50px;*/
/*}*/





/*.ms-svgup{*/
    
/*    width:16px !important;*/
/*    height:16px;*/
/*    position:Absolute;*/
/*    left:10px;*/
/*    right:auto;*/
/*    z-index:2;*/
/*    top:35px;*/
/*}*/



/*.ms-svgdown{*/
    
/*    width:16px !important;*/
/*    height:16px;*/
/*    position:Absolute;*/
/*    left:10px;*/
/*    right:auto;*/
/*    z-index:2;*/
/*    top:35px;*/
/*}*/




/*.fo-phone .ms-svgdown{*/
    
/*    left: 18px;*/
/*    top: 10px;*/
/*    right: auto;*/
/*    position:absolute;*/
/*    z-index:2;*/
/*}*/

/*.cn-email .ms-svgdown{*/
    
/*     left: 18px;*/
/*    top: 10px;*/
/*    right: auto;*/
/*    position:absolute;*/
/*    z-index:2;*/
/*}*/




/*.ms-hafinput{*/
    
/*    width:100%;*/
/*    float:None;*/
/*    border-radius:4px;*/
/*}*/



/*.ms-hafinput input{*/
/*    float:none !important;*/
/*    background:#FFF !important;*/
/*    border-radius:4px !important;*/
/*}*/



/*.ms-hafinput .possvgrelpopup{*/
    
/*    z-index:20;*/
/*    left:15px;*/
/*}*/



.ogs-label{
    
    position:relative !important;
}


.ogs-label .togle-up{
    
    width:16px !important;
    height:16px !important;
    position:Absolute;
    left:10px;
    top:35px;
    right:auto;
    
}

.label-tik{
    fill:#317ae2;
    width:16px !important;
    height:16px;
    vertical-align:middle;
    float:left;
}



.mscf-labeldeg{
    cursor:pointer;
    padding:8px;
}

.mscf-labelmenu{
    background:#FFF !important;
    box-shadow: 0px 1px 8px #0000001a , 0px 3px 3px #0000000f , 0px 3px 4px #0000000d , 0px 0px 2px #00000029; 
    border:1px solid #cdcccd;
    border-radius:4px;
    margin-top:5px;
    padding:10px 0;
}


.ms-cuslab{
    
    background:#08a742;
    padding:0 10px;
    border-radius:2px;
}

.ms-cuslab a{
    
     color:#FFF;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}


.mscf-labeldeg:hover{
    
    background:#317ae2;
    color:#FFF !important;
    fill:#FFF !important;
}







.ms-hotlab{
    
    background:#f94839;
    padding:0 10px;
    border-radius:2px;
}

.ms-hotlab a{
    
     color:#FFF;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}



.ms-warmlab{
    
    background:#ffdf5c;
    padding:0 10px;
    border-radius:2px;
}

.ms-warmlab a{
    
     color:#FFF;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}




.ms-coldlab{
    
    background:#317ae2;
    padding:0 10px;
    border-radius:2px;
}

.ms-coldlab a{
    
     color:#FFF;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}




.none-lab:hover svg{
    
    fill:#FFF !important;
}


.ms-phone-left{
    
    padding-left:0px !important;
    position:relative !important;
}


.ms-phone-right{
    
    padding-right:0px !important;
}


.ogs-tel{
    
    margin-bottom:0px;
}

.ogs-tel .togle-up1{
    
    width:16px !important;
    height:16px !important;
    position:Absolute;
    left:10px;
    top:10px;
    z-index:2;
    right:auto;
    
}




.mscf-in3{
    
    border-radius:4px !important;
}



#tagha2{
    
    margin-top:35px;
}



.ms-um{
    
    font-size:15px;
    
}

.ms-um a{
    
    text-decoration:none !important;
    color:#26292c !important;
}


.ms-umhover:hover a{
    
    color:#FFF !important;
}



.ms-add-phone a{
    
   
    color:#317ae2 !important;
    font-size:15px;
    
}



.ms-add-phone{
    margin: 8px 0;
    padding: 0;
}






.ms-email-left{
    
    padding-left:0px !important;
    position:relative !important;
}


.ms-email-right{
    
    padding-right:0px !important;
}



.ogs-mail .togle-up2{
    
    width:16px !important;
    height:16px !important;
    position:Absolute;
    left:10px;
    top:10px;
    z-index:2;
    right:auto;
    
}




.mscf-in4{
    
    border-radius:4px !important;
}



#tagha3{
    
    margin-top:35px;
}



.ms-um{
    
    font-size:15px;
    
}

.ms-um a{
    
    text-decoration:none !important;
    color:#26292c !important;
}


.ms-umhover:hover a{
    
    color:#FFF !important;
}



.ms-add-mail a{
    
   
    color:#317ae2 !important;
    font-size:15px;
    
}



.ms-add-mail{
    margin: 8px 0;
    padding: 0;
}


.no-marg-tab .row{
    
    margin:0px !important;
    margin-bottom:15px !important;
}


.owner-possvgrelpopup{
    
    width: 16px !important;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 35px;
    right: auto;
}

.owner-input{
    
    position:relative !important;
}


.owner-possvgrelpopup2{
    
    width: 16px !important;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 15px;
    right:auto;
}


.owner-popuplist2innew{
    
    margin-top: 5px;
    background: #fff;
    border: 1px solid #cdcccd;
    border-radius: 4px;
    padding: 5px 0;
    position:relative !important;
    box-shadow: 0px 1px 8px #0000001a, 0px 3px 3px #0000000f, 0px 3px 4px #0000000d, 0px 0px 2px #00000029;
}



#mscfid7{
    
    background:#FFF !important;
}



.ms-indl a{
    
    font-size:15px;
    color:#26292c !important;
    text-decoration:none !important;
}


.ms-indl{
    cursor:pointer;
    padding:5px;
}

.ms-indl:hover a{
    
    color:#FFF !important;
}


.ms-indl:hover{
    
    background:#317ae2;
    
}

.ms-indl:hover .usertik{
    
    fill:#FFF !important;
}


#mscfid8{
    
    width:97% !important;
    margin:auto !important;
}



#mscfid10{
    
      width:97% !important;
    margin:auto !important;
    
}

.visi-possvgrelpopup{
    
    width: 16px !important;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 35px;
    right: auto;
}

.visi-input{
    
    
    position:relative !important;
}


.visi-possvgrelpopup2{
    
    width: 16px !important;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 15px;
    right:auto;
}


.visi-popuplist2innew{
    
    margin-top: 5px;
    background: #fff;
    border: 1px solid #cdcccd;
    border-radius: 4px;
    padding: 10px 0;
    position:relative !important;
    box-shadow: 0px 1px 8px #0000001a, 0px 3px 3px #0000000f, 0px 3px 4px #0000000d, 0px 0px 2px #00000029;
}



#mscfid9{
    
    background:#FFF !important;
}




/*.visi-posrelin{*/
    
/*    margin-top:20px !important;*/
/*}*/


.usertik{
    
    width: 16px !important;
    height: 16px;
    vertical-align: middle;
    float: left;
    margin-top: 3px;
    fill: #317ae2;
}


.ms-visi-indl{
    
    padding:10px 5px;
}


.ms-visi-indl i{
    
    color:#26292c;
}

.ms-visi-indl span{
    
    font-size:15px;
    color:#26292c !important;
}



.ms-visi-indl p{
    margin:5px 0 0 0 !important;
    color:#747678;
    font-size:13px;
    
}


.ms-visi-indl:hover{
    
    background:#317ae2;
    color:#FFF !important;
}


.ms-visi-indl:hover a{
    text-decoration:none !important;
    color:#FFF !important;
}



.ms-visi-indl:hover p{
   
    color:#FFF !important;
}



.ms-visi-indl:hover span{
   
    color:#FFF !important;
}



.ms-visi-indl:hover i{
   
    color:#FFF !important;
}


.sizecui5-icon--size-s {
        height: 20px;
    width: 20px !important;
}
.cui5-icon--color-warning {
    fill: var(--pd-color-icon-warning);
}


.cn-modal-content{
    border:none !important;
    border-radius:4px !important;
    box-shadow: 0px 8px 10px #0000001a , 0px 6px 30px #0000000f , 0px 16px 24px #0000000d , 0px 0px 2px #0000003d;
}

.cn-modal-footer{
    
    border-radius:4px;
}

.wrapcontr{
        background-color: #fff7d6;
        padding:10px;
}

.flrightf{
    float: right;
}



.nd-s1{
    text-align:center;
    font-size:27px;
    color:#26292c;
}




.nd-s2{
    text-align:center;
    font-size:18px;
    color:#26292c;
}


.nd-s2 a{
    
    color:#317ae2 !important;
    text-decoration:none !important;
}


.nodeal{
    
    display:flex;
    justify-content:center;
}


.nodeal-child{
    margin: 40% 0px 60% 0px;
}


.apexcharts-toolbar {
    z-index: 1 !important;
}


#chartsegmentjs .apexcharts-legend.apexcharts-align-center.position-bottom{
    display:none !important;
}

.apexcharts-tooltip{
    border-radius:0px !important;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    display:none !important;
}


.btn-disms{
    
    margin-right:20px;
}





.dropdown-menu li:hover a>svg{
    
    fill:#26292c !important;
}


.notifications-list .item a{
    
    padding-right:30px;
}


.mspro-modal-title{
    margin-top:5px;
    font-size:18px !important;
    color:#26292c;
    font-weight:700;
    
}

.mspro-modal-header{
    
    padding:10px !important;
    
}

.mspro-close{
    
    margin-top: 3px !important;
    font-size: 25px;
    color: #26292c !important;
    border-radius: 4px;
    font-weight: 100;
    padding: 3px 5px 0 !important;
}



.mspro-close:hover{
    
    border-radius: 2px;
    color: #26292c !important;
    background: #26292c0d;
    opacity: 1;

}



.mspro-modal-dialog{
    
    width: 337px !important;
    
}



.mspro-modal-body label{
    
    display: block;
    font-size: 15px;
    color: #747678;
    font-weight: 100;
}

.mspro-modal-dialog input:focus {
    border-color: #317ae2 !important;
    box-shadow: none !important;
    outline: None !important;
}

.mspro-modal-dialog input {
    
    width: 100%;
    border-radius: 4px !important;
    border: 1px solid #cbcccd !important;
    box-shadow: inset 0 1px 2px var(--pd-color-fill-light-rgba);
    height: 34px;
    text-align: right;
    position: relative !important;
    padding-right: 10px;
}



.mspro-modal-body{
    
    width:337px !important;
}


.mspro-modal-content{
    
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0px 8px 10px #0000001a, 0px 6px 30px #0000000f, 0px 16px 24px #0000000d, 0px 0px 2px #0000003d;
}

.mspro-modal-body .row {
    margin: 0px !important;
    margin-bottom: 15px !important;
}



.mspro-modal-body .select2-container--default .select2-selection--single .select2-selection__rendered{
    
    color:#747678;
    padding-right:10px;
    padding-top:2px;
}



.mspro-cat .select2-selection__arrow{
    
    top:4px !important;
}


.mspro-cat .select2-container--default.select2-selection--single{
    
    padding-top:2px;
}


.mspro-cat .select2-selection--single{
    
    height:34px !important;
}

.mspro-cat{
    
    display:none;
}


.unitsvg{
    
    width: 16px !important;
    height: 16px;
    vertical-align: middle;
    fill: #b9babb;
}



.mspro-possvgrelpopup{
    
    width:16px !important;
    height:16px;
    position: absolute;
    left: 10px;
    top: 35px;
    right: auto;
}



#mspro-visible{
    
    background:#FFF !important;
}

.ms-provis{
    
    position:relative !important;
}



.pro-ms-visi-indl{
    
    padding:10px 5px;
}


.pro-ms-visi-indl i{
    
    color:#26292c;
}

.pro-ms-visi-indl span{
    
    font-size:15px;
    color:#26292c !important;
}



.pro-ms-visi-indl p{
    margin:5px 0 0 0 !important;
    color:#747678;
    font-size:13px;
    
}


.pro-ms-visi-indl:hover{
    
    background:#317ae2;
    color:#FFF !important;
}


.pro-ms-visi-indl:hover a{
    text-decoration:none !important;
    color:#FFF !important;
}



.pro-ms-visi-indl:hover p{
   
    color:#FFF !important;
}



.pro-ms-visi-indl:hover span{
   
    color:#FFF !important;
}



.pro-ms-visi-indl:hover i{
   
    color:#FFF !important;
}




.pro-visi-popuplist2innew{
    
     margin-top: 5px;
    background: #fff;
    border: 1px solid #cdcccd;
    border-radius: 4px;
    padding: 10px 0;
    position:relative !important;
    box-shadow: 0px 1px 8px #0000001a, 0px 3px 3px #0000000f, 0px 3px 4px #0000000d, 0px 0px 2px #00000029;
}



.proup-left select{
    
    width: 100%;
    border-color: #cdcccd;
    border-radius: 4px;
    height: 34px;
}

.mspro-pright{
    
    padding-left:5px;
    padding-right:0px
}

.mspro-pleft{
    
    padding-left:0px;
    padding-right:5px;
}



.ms-warnbtn{
    
    display:none;
}


.company-title .fa-eye{
    
    padding-left:10px;
    float:left;
    color:#08a742;
}

.mscomp-modal-header{
    
 padding:10px !important;   
    
}
.mscomp-modal-header h4{
    
    font-size:18px !important;
    padding-top:5px;
    color:#26292c;
    font-weight:700;
}

.mscomp-close{
    
    margin-top: 3px !important;
    font-size: 25px;
    color: #26292c !important;
    border-radius: 4px;
    font-weight: 100;
    padding: 3px 5px 0 !important;
    
}




.mscomp-close:hover{
    
    border-radius: 2px;
    color: #26292c !important;
    background: #26292c0d;
    opacity: 1;
}


.mscomp-modal-dialog{
    
    width:337px !important;
}


.mscomp-modal-body label{
    
    display: block;
    font-size: 15px;
    color: #747678;
    font-weight: 100;
}

.mscomp-modal-body .row{
    
    margin:0px !important;
    margin-bottom:15px !important;
}

.mscomp-modal-body input{
    
    width: 100%;
    border-radius: 4px !important;
    border: 1px solid #cbcccd !important;
    box-shadow: inset 0 1px 2px var(--pd-color-fill-light-rgba);
    height: 34px;
    /*text-align: right;*/
    position: relative !important;
    padding-right: 10px;
}



.mscomp-modal-body input:focus{
    
    border-color: #317ae2 !important;
    box-shadow: none !important;
    outline: None !important;
    
}


.rotatecss{
    position: relative;
}

.rotatecss #chartfilterlist{
    transform: rotate(90deg);
    border: 1px solid #a0a0a0 !important;
    position: absolute;
    right: -65px;
    left: 65px;
    top: 100px;
    
}

.rtleftfilter{
        position: absolute;
    left: -45px;
    top: 45%;
    transform: rotate(270deg);
}

.fakeinput{
    min-width: 210px;
    cursor: pointer;
}

.arrayfakeinput{
        width: max-content;
    float: right;
    padding: 0px 5px;
    border: 1px solid #ddd;
    margin-left: 3px;
}

.svgiconfake{
    float: right;
    width: 15px !important;
    height: 20px;
    margin-left: 3px;
}

.suc-btn-ms{
    
    margin-left:7px;
}

#ms-ownput1{
    
    background:#FFF;
}


#ms-ownput3{
     width:97% !important;
    margin:auto !important;
}


#mvis-1{
    
    background:#FFF;
}


/*#contacts-div{*/
    
/*    display:none;*/
/*}*/


.msorg-table{
    border-collapse:separate;
    width:100%;
}

.msorg-table svg{
    
    width:16px !important;
    height:16px;
    vertical-align:middle;
}


.mc-jl{
    
    text-align:center;
    padding:0px 5px !important;
   
}


.msorg-th th{
     height:33px;
    padding-right:10px;
    border:1px solid #999fa7;
    border-collapse:collapse !important;
}


.msorg-tablebody td{
    padding-right:10px;
    height:33px;
    cursor:pointer;
    border:1px solid #e4e6e9;
}



.msorg-tablebody td:hover{
    
    border-color:#3498db !important;
}



.Dn-org{
    
    display:none;
}




.ms-inorg li a{
    
    font-size:14px !important;
    color:#656e7a !important;
}


.ms-inorg li svg{
    
    vertical-align: middle;
    margin-left: 7px;
    fill: #656e7a;
}


.ms-inorg{
    
    box-shadow:0px 0px 4px rgba(0,0,0,0.12),0px 3px 5px rgba(0,0,0,0.08);
}

.ms-inorg .panel-heading{
    
    padding:0px !important;
}

.nav-tabs>li.active svg{
    
    fill:#317ae2 !important;
}


.form-control:focus{
    
    border-color:#317ae2 !important;
    box-shadow:none !important;
}

.titlesd svg{
    
    width: 16px !important;
    height: 16px;
    float: left;
    fill: #999fa7;
    cursor:pointer;
}

.titlesd svg:hover{
    
    fill:#192435;
}

.jkmb .cancelbtn{
    
    border:1px solid #c8ccd2;
    
}



.orgdn{
    display:none !important;
}



.ctc-table{
    border-collapse:separate !important;
    width:100%;
}


.dn-Cont{
    
    display:none;
}


.compcl6 h1{
    
    font-size:25px !important;
    color:#317ae2;
}





.msnote svg{
    
    width: 16px !important;
    height: 16px;
    vertical-align: middle;
    fill: #656e7a;
}

.msshadowpanel{
    
    box-shadow:0px 0px 4px rgba(0,0,0,0.12),0px 3px 5px rgba(0,0,0,0.08);;
}

.bgwhitedd.mbt00{
    
    border:1px solid #e4e6e9;
    border-radius:4px;
}


.ms-scptab{
    
    background: #fff !important;
    border-bottom: 1px solid #dadde1;
    display: flex;
    justify-content: right;
}

.msnote a{
    
    font-size:14px !important;
    color:#656e7a;
}



.ms-scptab2{
   
    background: #fff !important;
    border-bottom: 1px solid #dadde1;
    display: flex;
    justify-content: right;
}

.po-mesa{
    
    padding:10px 15px;
}


.ho-label{
    
    font-size:13px;
    color:#2a3647b8;
}


.ho-data{
    
    color:#317ae2;
}


.ho-child{
    cursor:pointer;
    padding:10px 5px;
    border-radius:4px;
}


.ho-child:hover{
    
    background-color:#f6f7f8;
}


.ms-kend:hover{
    
    background:#fffcdc;
}


.ms-kend{
    cursor:pointer;
    margin-top:0px !important;
    border-radius:4px;
    padding:10px 5px 4px 5px !important;
}



.ms-dwlist-cont{
    
    height: auto !important;
    left: 13px !important;
    position: absolute !important; 
    top: 31px !important;
    background-color: #fff !important;
    z-index: 9 !important;
    right: auto !important;
}



.ms-db-header{
    
    background:#f6f7f8;
    display:flex;
    justify-content:space-between;
    height:56px;
}


.ms-db-header h3{
    
    margin:0px !important;
    border-bottom:0px !important;
}


.dbh-input{
    
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: content-box;
    color: #192435;
    display: inline-block;
    font: inherit;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    /*padding-left: var(--pd-spacing-50);*/
    padding-right: 10px;
    position: relative;
    resize: none;
    padding:4px;
    text-overflow: ellipsis;
    
    
}


.dbh-right{
    
    position:relative;
}


.dbh-right svg{
    
    width:16px !important;
    height:16px;
    fill:#192435;
    vertical-align:middle;
    position: absolute;
    right: auto;
    left: 15px;
    top: 6px;
    display:none;
}


.dbh-input:hover{
    
    background:#edeef0;
}

.dbh-right h3:hover .dbh-svg1{
    
    display:block;
}



.db-btn1{
    
    border: 1px solid #c8ccd2;
    background:#FFF;
    border-radius:4px;
    padding:6px 6px 4px 6px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);;
}


.db-btn1 svg{
    
    width:16px !important;
    height:16px;
    fill:#192435;
    vertical-align:middle;
}


.atcborder label{
    
    cursor:pointer;
}



.dc-header svg{
    
    width:24px !important;
    height:24px;
    fill:#192435;
    vertical-align:middle;
}

.dc-header-title{
    color:#192435 !important;
    font-size:16px;
    font-weight:700;
    
}

.dc-header-title:hover{
    
    text-decoration:underline !important;
}

.dc-header a{
    
    text-decoration:none;
}

.dc-header{
    
    border-bottom:1px solid #e4e6e9;
    padding:16px;
}


.dc-header-parent{
    
    padding-right:0px;
    padding-left:0px;
}


.dnsvg-dap{
    
    padding-left:0px;
    text-align:left;
}




.dc-header-parent{
    
    background:#FFF;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
    border-radius:2px;
}



.dash-dnsvg{
    display:none !important;
    padding:4px;
    border-radius:4px;
   
}

.dash-dnsvg-marg{
    
    margin-left:5px;
}


.dc-header:hover .dash-dnsvg{
    
    margin-top:0px !important;
    display:inline-block !important;
}


.dc-header-info{
    
    padding-right:0px;
    margin-top:10px;
    font-size:12px;
    color:#656e7a;
}




.dash-dnsvg:hover{
    
     background:rgba(42,54,71,0.05);
}


.dc-body1{
    
    text-align:center;    
    padding:16px;
}

.dc-body1 p{
    
    font-size:14px;
    margin-top:10px;
    color:#192435;
    
}


.dc-body1-btn1{
    
    background:#f6f7f8;
    border:1px solid #c8ccd2;
    box-shadow:0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
    border-radius:4px;
    padding:4px;
    margin-top:15px;
    
}



.dc-body1-btn1 span{
    
    padding:0 12px;
    font-weight:700;
}

.dcms-box{
    
    background:#FFF;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
    border-radius:2px;
}


.mtdb-box2{
    
    text-align:center;
    padding-bottom:10px;
   
}

.mtdb-box2 p{
    
    font-size:14px;
    color:#192435;
    margin-top:10px;
    text-align:center;
}

.dropdown.dropreport svg{
        width: 20px !important;
    height: 20px !important;
}


.dn-cms{
    
    display:none !important;
}

.mc-jl svg{
    
   width: 20px !important;
    height: 20px;
    fill: #192435;
    vertical-align: middle;
    cursor: pointer;
}


.mspro-dlti i{
    
    font-size:16px;
    color:#317ae2;
    margin-right:10px;
}



.mspro-dlti i:hover{
    
    color:red;
}



.mts-log{
    
    font-size:20px;
    color:#26292c !important;
    padding:6px 15px;
    -webkit-box-shadow: inset 0px 0px 0px 3px #26292c;
    box-shadow: inset 0px 0px 0px 3px #26292c;
}

.dbnnonem{
    display:none !important;
}




@media screen and (min-width:1919px) and (max-width:1920px){
    
    .fixedmove{
        
        width:94.8%;
    }
}




@media screen and (min-width:1799px) and (max-width:1800px){
    
    .fixedmove{
        
        width:94.4%;
    }
}



@media screen and (min-width:1599px) and (max-width:1600px){
    
    .fixedmove{
        
        width:93.8%;
    }
}




@media screen and (min-width:1308px) and (max-width:1310px){
    
    .fixedmove{
        
        width:92.4%;
    }
}




@media screen and (min-width:1151px) and (max-width:1152px){
    
    .fixedmove{
        
        width:91.4%;
    }
}

.rotatecssdeal #chartfilterlist {
    transform: rotate(90deg);
    border: 1px solid #a0a0a0 !important;
    position: absolute;
    right: -65px;
    left: 18px;
    top: 100px;
}


.rotatecssdealp #chartfilterlist {
    transform: rotate(90deg);
    border: 1px solid #a0a0a0 !important;
    position: absolute;
    right: -79px;
    left: 52px;
    top: 113px;
}




.akkbox2{
    
    color:#000000 !important
    
}


.col-md-3.custom-toolbar{
    
    display:none !important;
}

.cstablemdeal .datatable-tools .custom-toolbar{
    
    display:none !important;
}


.general-tab-title{
    margin: 15px 0 25px !important; 
    font-size:21px !important;
    color:#192435 !important;
}



.fileinput-new.thumbnail.thumb img{
    
    border-radius:50%;
    width:50px;
    height:50px;
}


.fileinput-new.thumbnail.thumb{
    
    border-radius:50%;

}


.ms-fileinput-new{
    
    display:flex;
    align-items:center;
    padding-right:180px;
}

.fileinput-new{
    
    font-size:14px;
    color:#317ae2;
    cursor:pointer;
}


.btn.default.btn-file{
    
    background:transparent !important;
    border:none !important;
    
    
}



.pro-img-info span{
    
    padding-right:10px;
    font-size:12px;
    color:#656e7a;
}


.wholeforms{
    
    padding-right:80px;
}


.wholeforms label{
    
    font-size:14px;
    color:#192435;
    font-weight:100;
    width: 100px;
    text-align: right;
}


.wholeforms .form-group{
    
    display:flex;
    align-items:center;
}

.wholeforms .form-group input{
    
    width:40%;
    border:1px solid #c8ccd2;
    border-radius:4px;
    box-shadow:rgba(42,54,71,0.08);
    color:#192435 !important;
    height:32px;
    transition: padding 75ms ease-in-out;
    padding:4px !important;
}


.mtprof-cls{
    
    background:#FFF !important;
}

.mtprof-cls .nav-tabs{
    
    background:#FFF !important;
}


.wholeforms textarea{
    
     
    width:40%;
    border:1px solid #c8ccd2;
    border-radius:4px;
    box-shadow:rgba(42,54,71,0.08);
    color:#192435 !important;
    height:150px;
    transition: padding 75ms ease-in-out;
    padding:4px !important;
}


.wholeforms .select2.select2-container.select2-container--default{
    
    width:40% !important;
}


.prfo-title{
    
    font-size:25px !important;
    color:#192435 !important;
    padding: 25px 5px !important;
}

.mtprof-cls .nav-tabs{
    
    border-bottom:1px solid #e4e6e9;
    height:50px;
}




.save-profileimg{
    
    padding-right:5px;
    text-decoration:none !important;
    color:#317ae2 !important;
}



.margiv-top-10{
    
    padding-right:180px;
}

.mtprof-cls .vForm1{
    
    margin-bottom:50px;
}



.yc-title{
    margin-top:10px;
    font-size:21px;
    color:#192435 !important;
    border:none !important;
}



.inside-comptab{
    
    padding:10px 25px 25px 10px;
    border-bottom:1px solid #e4e6e9;
}

.namecomp{
    font-size: 14px;
    color: #192435 !important;
    padding:25px;
}


.leave-comp{
    
    padding:25px;
    text-align:left;
    
}

.leave-comp a{
    
    color:#317ae2;
    font-weight:700;
    font-size:14px;
    text-decoration:none !important;
    
}


.mspass-form{
    
    padding:30px 0;
}
.mspass-form label{
    
    font-size: 14px;
    color: #192435;
    font-weight: 100;
    width: 100px;
    text-align: right;
}


.mspass-form .form-group{
    
    display:Flex;
    align-items:center;
}

.mspass-form .form-group input{
      width:40%;
    border:1px solid #c8ccd2;
    border-radius:4px;
    box-shadow:rgba(42,54,71,0.08);
    color:#192435 !important;
    height:32px;
    transition: padding 75ms ease-in-out;
    padding:4px !important;
    
}


.msdeallist-comp td{
    
    border:none !important;
    padding: 10px 25px !important;
}


.msdeallist-comp td a{
    
    font-size: 15px !important;
    color: #317ae2 !important;
}


.side-nav-saz ul li{
    
    display:block;
    width:100%;
}

.side-nav-saz ul li svg{
    
    width:100%;
    vertical-align:middle;
    height:24px;
    margin-bottom:5px;
}


.side-nav-saz ul li a{
    
    cursor:pointer !important;   
    text-align:center !important;
    font-size:14px !important;
}


.side-nav-saz ul li>.active:hover{
    
    background:#deeafa;
    border-radius:4px;
}


.side-nav-saz ul{
    
    background:#FFF !important;
}



.side-nav-saz{
    
    background:#FFF;
}


.mb-bfff{
    
    background:#FFF;
}

.mb-bfff .main-box-header{
    
    margin:20px 0; 
}




.modal-header .close{
    
    margin-top: 3px !important;
    font-size: 25px;
    color: #26292c !important;
    border-radius: 4px;
    font-weight: 100;
    padding: 3px 5px 0 !important;
}

.modal-header .close:hover{
    
    background: #26292c0d;
    opacity: 1;
}


.billmid{
    padding:0px;
    background:#FFF;
    border-radius:4px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
}


.bilcomp-title{
    
    margin:0px !important;
    padding:0px;
    font-size:25px;
    color:#192435;
}


.bilcomp-desc{
    
    margin:20px 0;
    font-size:14px;
    color:#656e7a;
}




.bilmid1{
    border-bottom: 1px solid rgb(225, 225, 225);
    padding:24px;
}


.css-1ip5bh{
    
    display:flex;
    justify-content:space-between;
}


.biltit1 span{
    
    font-size:11px;
    color:#656e7a;
}



.css-1ip5bh button{
    
    background: #fff;
    border: 1px solid #c8ccd2;
    border-radius: 4px;
    padding: 2px 30px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
}



.css-1ip5bh button span{
    
    color:#192435;
    font-size:12px;
}




.css-1eoy87d{
    
    display:flex;
    justify-content:space-between;
    margin-top: 20px;
}

.gre-price{
    
    font-size:16px;
    color:#0c923e;
       
}




.gray-price{
    
    font-size:16px;
    color:#999fa7;
}



.biltit2{
    
    font-size:16px;
    color:#192435;
    font-weight:700;
}


.css-y16z1j{
    
    display:flex;
    justify-content:space-between;
    margin-top:20px;
}


.long1{
    
    font-size:14px;
    color:#192435;
}

.long2{
    
    margin:0 8px;
    font-size:14px;
    color:#2a3647b8;
}

.long7{
    margin-right:8px;
    font-size:14px;
    color:#0c923e;
}

.long3{
    
    margin-left:4px;
      font-size:14px;
    color:#2a3647b8;
}


.long6{
    
    font-size:14px;
    color:#317ae2 !important;
}


.long-desc span{
    
    font-size:14px;
    color:#656e7a;
}



.long5{
    
    margin:0 8px;
    font-size:14px;
    color:#192435;
}




.css-s5xdrg{
    
    margin-top:20px;
}

.blue-test{
    
    background:#317ae2;
    color:#FFF;
    font-size:10px;
    border-radius:8px;
    padding:1px 6px;
}



.freespan{
    
    margin-left:10px;   
    font-size:14px;
    color:#656e7a;
}



.freespan b{
    
    margin-right:5px;
}



.ms-addon{
    
    display:flex;
    justify-content:space-between;
}


.addon-title{
    
    font-size:11px;
    color:#656e7a;
}




.ms-addon button{
    
    background: #fff;
    border: 1px solid #c8ccd2;
    border-radius: 4px;
    padding: 2px 30px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
}




.css-1cqetf1{
    
    margin-top:20px;
     font-size:16px;
    color:#192435;
    display:flex;
    justify-content:space-between;
}

.ms-addon2{
    
    display:flex;
    justify-content:space-between;
    margin-top:20px;
    font-size:14px;
    color:#192435;
    
}


.addonin2{
    
    color:#656e7a !important;
}


.bilmid2{
    
    padding: 24px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
    margin-top:15px;
    background-repeat: no-repeat;
    background-position: right top;
    background-image:url(/img/bgsvg.svg);
    margin-bottom:15px;
}

.morepd-title{
    
    font-size:21px;
    color:#192435;
}


.morepd-title2{
    
    font-size:11px;
    color:#656e7a;
}


.css-1pncuid {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 16px 0;
}


.css-idfvfs {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-vsx9f6 {
    margin-left:16px;
}

.css-4g8p8e {
    margin-left: 40px;
}



.css-932u01 {
    font-size: 16px;
    color:#192435;
    font-weight:bold;
}

.cui5-spacing--top-s {
    padding-top: 8px;
}

.css-2qga7i button{
    
    background: #fff;
    border: 1px solid #c8ccd2;
    border-radius: 4px;
    padding: 2px 20px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
    
}





.bilmid3{
    
    padding:24px;
    border-radius:4px;
    border:1px solid #e4e6e9;
    background:transparent;
    margin-top:15px;
    margin-bottom:15px;
}

.bilmid3 h3{
    
    margin:0px;
    border:0px !important;
    font-size:14px;
    color:#192435;
}


.bilmid3 p{
    
   font-size: 14px;
    color: #192435;
    margin: 25px 0px;
    line-height: 30px;
    
}


.bilmid3 a{
    
     font-size:14px;
    color:#317ae2;
    font-weight:bold;
}

.billeft1{
    
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
    padding:24px;
    
}



.billeft1 h3{
    
    margin:0px;
    border:0 !important;
    font-size:14px;
    color:#656e7a;
    
}


.spnname{
        margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}


.billeft1 p{
    
    font-size:14px;
    color:#192435;
    line-height: 20px;
    margin: 18px 0;
}




.billeft2{
    
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
    padding:24px;
    margin-top:15px;
    
}


.billeft2 h3{
    
    margin:0px;
    border:0 !important;
    font-size:16px;
    margin-bottom:15px;
    color:#656e7a;
    
}


.billeft2 p{
    
    font-size:14px;
    color:#192435;
    line-height: 20px;
    margin: 18px 0 25px 0;
}


.billeft2 a{
    
    font-size:14px;
    color:#FFF !important;
    background:#08a742;
    border-radius:4px;
    padding:4px 15px;
    text-decoration:none !important;
    box-shadow:0px 1px 3px rgba(0,0,0,0.07),0px 1px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.05);
}





.bil-input{
    
    width:100%;
    border-radius:4px;
    border:1px solid #c8ccd2 !important;
    padding:4px 8px;
    height:32px;
    
}


.bil-input:focus{
    
    border-color:#317ae2 !important;
}



.employ-title{
    
    font-size:25px;
    color:#192435 !important;
}

.employ-title2{
    
     font-size:14px;
     clear:both;
     border:0px !important;
    color:#192435 !important;
    
}


.user-beta span{
    border-bottom: 2px solid #317ae2;
    font-size:14px;
    padding-bottom:10px;
    color:#656e7a;
}

.user-beta{
    
    border-bottom: 1px solid #e4e6e9;
    padding-bottom: 15px;
    clear:both;
}

.stylish-box{
    
    border-radius:4px;
    background:#FFF;
    border:1px solid #e4e6e9;
    padding:24px;
}


.desc-employ{
    
font-size:14px;
color:#656e7a;
margin:20px 0 0 0;

}



.theme-whbl .main-box{
    
    border:none !important;
}


.main-box-body{
    
    padding:0px !important;
}

.employ-table thead>tr>th{
    
    border:0px !important;
    font-size:12px;
}

.employ-table tbody>tr>td{
    
    border:0px !important;
}




.employ-table thead>tr{
    
    background:#f6f7f8;
}


.employ-table tbody>tr{
    
    background:#FFF !important;
    cursor:pointer;
}


.employ-table tbody>tr:hover{
    
     background:#f6f7f8;
}


.useradd-plan{
    
    text-align:center;
    font-size:14px;
    color:#656e7a;
}


.useradd-plan a{
    
    color:#317ae2 !important;
    font-weight:700;
}



.user-list tbody td>img {
    position: relative;
    max-width: 50px;
    float: right;
     margin-right:0px !important; 
    border-radius: 18%;
    background-clip: padding-box;
}


.user-list tbody td .user-link{
    
    margin-left:0px !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
}


.edit-employ{
    
    width: 50px;
    text-align: center;
}

.edit-employ .table-link{
    
    margin:0px !important;
}

.fullhei{
    
    display:flex;
    min-height: calc(100vh - 87px);
}


.b-border .select2-selection__rendered{
    
    z-index:4;
}


.b-border .sz-pencil{
    
    z-index:5;
}


.coactivitypage{
    
    margin:20px 0;
}


.ms-btngrblue{
    
    margin-bottom:0px;
}


.need-marg{
    
    margin-top:35px;
}

.text-center-saz{
    text-align:center;
}

.ic-plu{
    
    width: 16px !important;
    height: 16px;
    vertical-align: middle;
    fill: #FFF;
}


.fc-event-inner.vfcolor{
    background-color: #08a742 !important;
}




.ms-Winreason{
    
    display:none;
}


.ms-winreason-title{
    
    margin:0px !important;
}


.msretit{
    
    display:flex;
    align-items:center;
}



.edmail svg{
    
    width:16px !important;
    height:16px !important;
    vertical-align:middle;
}


.edmail{
    
    
    height: 32px;
    margin-right: 10px;
    /* border-color: #ddd !important; */
    background: none !important;
    border: none;
    border: 1px solid #c8ccd2;
    border-radius: 4px;
}


.pay-reason{
    
    width: 100%;
    border: 2px solid #e7ebee;
    border-radius: 4px;
    font-size: 13px;
    padding: 10px 5px;
}

.a234{
    
    margin-left: 20px;
    border: 2px solid #e7ebee;
    height: 34px;
    vertical-align: middle;
    align-items: center;
    background:#FFF;
    border-radius: 4px;
    
}



.a234 a{
    
    margin:0 5px;
}

.endtimedeal{
    width: max-content;
    float: left;
    display: flex;
}

.endtimedeal svg{
    width: 20px !important;
    height: 20px !important;    margin-left: 5px;
}

.endtimedeal .titlert{
font-size: 14px;
}

.form-group .bordererror{
    border: 1px solid red !important;
}

.form-group .sderror{
        font-size: 13px !important;
    color: red !important;
    display: none ;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
}

.select2-dropdown.select2-dropdown--below .select2-search__field{
    display: none;
}

.nopad0index{
    padding:0px !important;
}

.mb0sd{
    margin-bottom:0px !important;
}

.btnaddimg input{
        background: transparent !important;
    border: 0px !important;
    color: #317ae2 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: normal;
}

.cntallview{
    float: right;
    margin-right: 8px;
    margin-top: 6px;
}

.newuserint label{
    display:none;
}

.newuserint {
       position: relative;
    float: left;
    min-width: 190px;
    margin-bottom: 0px !important;
    margin-left: 10px;
}

.frmselectdeal2 select{
        height: 30px !important;
}

#calendar .fc-event.fc-event-hori{
    background-color: transparent !important;
    border: none !important;
}

.fltrproduct{
    text-align:right;    margin-right: 50px;
}

.fltlproduct{
    text-align:left;    margin-left: 50px;
}

.ctwraper #content-wrapper .row.mtc15{
    margin-top:15px !important;
    margin-bottom:15px !important;
}

.mrglprt{
    margin-left: 40px;
}

.btnsd{
    border: none;
    background-color: transparent;
    width: max-content;
    float: right;
    margin: 0px 10px;
}

.btnsd svg{
    width: 20px !important;
    height: 20px !important;
}

.css-1rjursy{
    display:flex;
}
.fgshownone{
    display:none;
}
.btnsd{
    cursor:pointer;
}
#fglayout{
    margin-top:10px;
}

#sumdiscount{
    direction: ltr;
}

.nbtncontact6{
    margin-top:6px !important

}
.error_contact{
    color:#e50000 !important;
}
#cphoneroworganemail .error_contact_border{
    border-color:#e50000 !important;
    
}
#cphoneroworganemail input{
    width:100% !important;
}
#cphoneroworgan input{
    width:100% !important;
}

.rtleadpop #chartfilterlist {
    transform: rotate(90deg);
    border: 1px solid #a0a0a0 !important;
    position: absolute;
    right: -65px;
    left: 65px;
    top: 100px;
}

.topgod-bar{

    position:relative !important;
    text-align:center;
    margin:0px;
    /*display:flex;*/
    /*align-items:center;*/
    /*justify-content:center;*/
    width:100%;
    
}


.godbar1{
    
    background-color:#eff5fd;
    border-bottom:1px solid rgba(38,41,44,.12);
    text-align:center;
    margin:0px;
    font-size:15px !important;
    padding:12px 16px;
    height:46px;
    color:#26292c !important;
    display:flex;
    justify-content:center;
    align-items:Center;
}



.godbar2{
    
    background-color:#fef8d4;
    border-bottom:1px solid rgba(38,41,44,.12);
    text-align:center;
    margin:0px;
    padding:12px 16px;
    height:46px;
    font-size:15px !important;
    color:#26292c !important;
      display:flex;
    justify-content:center;
    align-items:Center;
}

.manage-godbar{
    
    font-size:14px;
    color:#317ae2 !important;
    font-weight:700;
   
}


.close-godbar{
    
    background:transparent !important;
    padding:0 4px;
    height:24px;
    min-width:24px;
    border:0px !important;
    border-radius:4px;
    position:absolute;
    right:10px;
    left:auto;
    top:10px;
    
}

.close-godbar:hover{
    
    background: rgba(38,41,44,.05) !important; 
}

.close-godbar:hover svg{
    
    fill:#404346;
}



.close-godbar svg {
    fill: #747678;
    vertical-align:middle;
    height: 16px !important;
    width: 16px !important;
}

.details_deals_namebox{
        margin: 8px 0px;
    padding: 14px 16px;
    background-color: #fff;
    border: 1px solid #e4e6e9;
    border-radius: 4px;
}
.details_deals_namebox .fieldName_top{
    
}
.details_deals_namebox .fieldName_top .actions {
    display: flex;
    float: left;
    padding-top:5px !important;
    justify-content:space-between;
    align-items:center;
    margin-top: 0;
    text-transform: none;
    position: absolute;
    top: 0px;
    left: 16px;
}
.cui5-button--variant-secondary:hover {
    background: #f6f7f8;
}
.details_deals_namebox .fieldName_top .actions .draggableHandle {
    float: left;
    cursor: move;
    margin: 2px 8px 0 0px;
}
.cui5-icon--size-s {
    height: 16px;
    width: 16px;
}
.cui5-icon--color-muted {
    fill: #999fa7;
}

 .details_deals_namebox .fieldName_top .item.customize .properties li {
    display: block;
    margin-top: 8px;
    color: #656e7a;
    font-size: 14px;
}
.details_deals_namebox .fieldName_top .item.customize .fieldName .icon {
    position: relative;
    top: 2px;
    margin-right: 8px;
}
.details_deals_namebox .fieldName_top .item.customize .fieldName .title {
    color: #192435;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    word-break: break-word;
}
.details_deals_namebox .fieldName_top .item.customize .fieldName .actions {
    display: inline-block;
    float: right;
    margin-top: 0;
    text-transform: none;
    position: absolute;
    top: 12px;
    right: 16px;
}
.details_deals_namebox .item.customize:hover:not(.hideActions) .actions .actionHidden {
    display: inline-block;
}
.details_deals_namebox .item.customize .fieldName .actions .action.actionHidden {
    display: none;
}

.details_deals_namebox .item.customize .fieldName .actions .action {
    float: right;
    margin-left: 4px;
}

.details_deals_namebox .fieldName_top .cui5-icon.cui5-icon--color-muted.cui5-icon--size-m{
    width:29px !important;
    height:29px !important;
}

.details_deals_namebox .fieldName_top .cui5-button--variant-secondary{
    height:24px !important;
}
.details_deals_namebox .fieldName_top:hover .cui5-button--variant-secondary {
    display: inline-block;
}

.details_deals_namebox .fieldName_top .fieldName .actions .action {
}

.details_deals_namebox .fieldName_top .cui5-button--variant-secondary{
    display: none;
    
}
.mb-1{
    margin-bottom:1em;
}
.deals_email_box{
    margin-top:0 !important;
}
.deals_day{
    font-size:14px;
    color:#192435 !important;
    height: 20px;
    margin-bottom: 6px;
}
.deals_day span{
        float: left;
}
.advance_deals_box_smart{
    background-color:#f6f7f8;
    margin: 12px 0 0 0;
    padding: 16px;
}
.adv_sm_title{
    display: flex;
    align-content: center;
    justify-content: space-between;
    
    
}
.adv_sm_content{
    padding-top: 12px;
}
.adv_sm_content p{
    margin-bottom:16px;
    color:#192435;
    font-size:14px !important;
}
.adv_sm_show_btn{
    padding: 0 4px;
    font-size:12px;
    height: 24px;
    min-width: 72px;
}
.adv_sm_show_btn:hover{
    cursor:pointer;
}
.adv_sm_pro_txt{
    background: #fff4c7;
    box-shadow: inset 0 0 0 1px #ffdf5c;
    color: #192435;
    margin-right:6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}
.deals_stm_check{
    color: #656e7a;
    font-size: 12px;
    display:flex;
    align-items:center;
}
.adv_sm_title .d-flex{
    display:flex;
}

.adv_sm_content_brn_a{
    background: #fff;
    color:#26292C !important;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #26292c;
    transition: background .12s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px #cbcccd, 0 1px 2px rgb(38 41 44 / 8%);
    padding: 4px 8px;
    vertical-align: top;
}

.adv_sm_content_btn_d{
    color:#26292C !important;
    padding-right:10px;
}
.adv_sm_content_all_btn{
    display:flex;
    align-items:center;
}
.adv_sm_show_btn {
    display:flex;
    align-items:center;
}
.adv_sm_content_btn_d:hover{
    text-decoration:none ;
}
.adv_sm_content_btn_a:hover{
    text-decoration:none ;
}

.iframerotate{
       position: absolute;
    left: -25px;
    top: 140px;
    transform: rotate(270deg);
}
/*#details_activities_top_all:hover ~ #activities_all_txt_box{*/
/*    display:flex !important;*/
/*}*/
#activities_all_txt_box{
    position: absolute;
    z-index:999;
    top:30px;
    width: 130px;
    height: 80px;
    display: none;
    background-color: #fff;
    box-shadow: 0 5px 15px #0000003d;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px;
    padding-top:13px;
    /*padding-bottom:16px;*/
    border-radius:5px;
}
.acbtnmm.fleft .activities_detail_top_show svg{
    margin-top:0 !important;
    margin-right:3px !important;
    width:16px !important;
    height:16px !important;
}
.activities_detail_top_show{
    display: flex;
    align-items: center;
    margin-top:6px !important;
    margin-left:10px;
}
#activities_all_txt_box .gr{
    color:#08a742;
    font-size:12px;
    /*font-weight:600;*/
}
#activities_all_txt_box .rd{
    color:#e84e40;
    font-size:12px;
    /*font-weight:600;*/
}
#activities_all_txt_box .gry{
    color:#686c6f;
    font-size:12px;
    /*font-weight:600;*/
}
.icon_sz_user_task{
    font-size:15px;
    padding-bottom:7px !important;
    /*color:#404346;*/
}
.contacts_all_tabel_details td a{
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
}
.h-auto{
 height:auto !Important;   
}
.hidepanel{
    display:none !important;
}
.grn_cal use{
    fill:#192435;
}
.active .grn_cal  use{
    fill:#317ae2;
}
.active .grn_cal{
    background-color:#eff5fd;
}
.btn_top_t_4{
    background:#fff;
    border: 1px solid #c8ccd2;
    border-radius:0;
    padding-left:17px;
    padding-right:17px;
    margin-right:2px;
}
.btn_top_t_4.active{
    background-color:#eff5fd !important;
    border: 1px solid #317ae2;
    box-shadow:none !important;
    
}
.btn_top_t_4.active svg use{
    fill: #317ae2;
    
}
.btn_top_t_4.active i{
    color: #317ae2;
    
}
.btn_top_t_4 i{
    color: #000;
    
}
.btn_top_t_4.b_l_a{
    border-radius: 4px 0 0 4px;
}
.btn_top_t_4.b_r_a{
    border-radius:0 4px 4px 0;
}

.contacts_all_tabel_details td a{
    text-decoration: none;
    color:#212121;
}
#labels_all_deals_top_box{
    position:absolute;
    width:230px;
    height:auto;
    /*display:none;*/
    background: #fff;
    z-index:9;
    border-radius: 4px;
    box-shadow:0px 0px 4px rgba(0,0,0,0.12),0px 3px 5px rgba(0,0,0,0.08);
}

#labels_all_deals_top svg use{
    fill:#2a3647b8;
}

#labels_all_deals_top svg use:hover{
    fill:#192435;
}
.lbl_choose{
    border-bottom:1px solid #a8a8a84f;
    padding:13px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    
}
.lbl_new{
    padding:12px 0 ;
    border-top:1px solid #a8a8a84f;
}
.lbl_new_txt{
    padding:9px 13px;
    color:#317ae2;
}
.lbl_new_txt svg use{
    fill:#317ae2;
}
.lbl_new_txt:hover{
    color:#fff;
    background:#317ae2;
    cursor:pointer;
}
.lbl_new_txt:hover svg use{
    fill:#fff;
}
.btn_top_t_4 .cui4-icon.cui4-icon--s.cuiicon1{
    width:17px !important;
    /*height:;*/
}
.btn_top_t_4.btn.btn_top_t_4.btn-sm.mr-1.fright.btncsp.b_r_a .fa.fa-bars{
    width:15px;
}
.lbl_choose svg{
    width:16px !important;
    height:16px;
    fill:#2a3647b8;
}
.lbl_content_all{
    max-height:200px;
    overflow-y:scroll;
}
.lbl_lbl_txt{
    padding:10px;
    
}
.lbl_lbl_txt:hover{
    background:#317ae2;
    
}
.lbl_lbl_txt span{
       border-radius: 3px;
    padding: 0 5px;
    font-size: 11px;
    float: unset;
}
.lbl_choose span{
    display:flex;
    align-items:center;
    justify-content:center;
}
#lbl_add_single_box{
    position:absolute;
    width:330px;
    height:auto;
    background: #fff;
    z-index:9;
    border-radius: 4px;
    box-shadow:0px 0px 4px rgba(0,0,0,0.12),0px 3px 5px rgba(0,0,0,0.08);
}
.add_lbl_txt_top {
    font-size:13px ;
}
.add_lbl_txt_content input{
    width:100%;
    font-size:16px;
    height:32px;
    border-width:1px;
    border-color:#e3e3e3;
    border-radius:4px;
}
.add_lbl_txt_content{
    padding:9px 15px;
}
.lbl_add_color input{
    height:25px;
    width:25px;

    
    
}
.lbl_add_color label{
    
}
.lbl_add_color{
    display:flex;
    align-items:center;
    margin-top:5px;
}
.add_lbl_txt_bottom{
    padding:9px 13px;
    border-top:1px solid #a8a8a84f;
}
.add_lbl_txt_bottom button{
    border-radius:5px;
    padding:5px 15px;
    border:1px solid #c5c5c5;
    background:#fff;
    margin-left:6px;
    font-size:15px;
}

.add_lbl_txt_bottom button.grn{
    background:#26b259;
    border-color:#26b259;
    color:#fff;
}
.add_lbl_txt_bottom button.grn:hover{
    background:#22bc5a;
    border-color:#22bc5a;
    
}

.lbl_add_color input:checked:before{
    content:"\f00c";
    font-family: FontAwesome;
    position:absolute;
    font-size:18px;
    z-index:11;
    top:25%;
    right:11%;
}
.lbl_add_color .lbl_col{
    width:27px;
    height:27px;
    position:relative;
    margin-left:5px;
}
.rtleftfilterdealm{
	position: absolute;
    left: 1px;
    top: 45%;
    transform: rotate(270deg);
}

.checjstageic{
    float: left;
    color: #26a0fc;
}

.btndeal{
    border: 1px solid #ddd;
    padding: 4px 15px;
    font-size: 13px;
    width: 100px;
    text-align: center;
    float: right;
    cursor:pointer;
        color: #000 !important;
    text-decoration: none !important;

}


.btright{
        border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #317ae20a;
    color: #317ae2 !important;
    border: 1px solid #317ae2;



}

.btleft{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}



.btright2{
        border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    



}

.btleft2{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #317ae20a;
    color: #317ae2 !important;
    
        border: 1px solid #317ae2;

}


.mb10label label{
    /*margin-bottom:5px !important;*/
}
.ticket_stl_i{
    width: 230px;
    height: max-content;
    position: absolute;
    z-index: 10;
    background: #fff;
    left: -98px;
    top: 36px;
    display: none;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 12%), 0px 3px 5px rgb(0 0 0 / 21%);
    padding: 17px 15px;
    border-radius: 4px;
    border-radius: 4px;
}

.closebtndealalbel{
    border-radius: 5px;
    padding: 4px 15px;
    border: 1px solid #c5c5c5;
    background: #fff;
    margin-left: 6px;
    font-size: 15px;
    float: right;
}

.matop10{
    margin-top:10px;
}

.newcompanycontact{
    width: max-content;
    font-size: 10px;
    float: left;
    background-color: #00b8ff;
    border-radius: 6px;
    padding: 1px 5px;
    color: #fff;
    position: absolute;
    left: 7px;
    cursor: pointer;
    top: 10px;
    display: none;
    z-index: 999;
}


.rotatecssdealts #chartfilterlist {
    transform: rotate(90deg);
    border: 1px solid #a0a0a0 !important;
    position: absolute;
    right: -70px;
    left: 61px;
    top: 105px;
}

.iframerotateday{
    position: absolute;
    left: 14px;
    top: 140px;
    transform: rotate(270deg);
}

.tblresponse #DataTables_Table_0_length{
 display:none !important;   
}

.priceclr{
    direction: rtl !important;
    color: #626262;
}

.ctwraper #content-wrapper .rowinv{
        font-size: 15px;
    border: 1px solid #ddd;
}

.ctwraper #content-wrapper .rowinv div{
        padding: 10px;
        text-align:center ;
}

.cfdinv{
    margin-top:10px !important;
}

.brinv{
    border-right: 1px solid #ddd;
}

#dashidcontainer .grid-stack-item-content:hover .abs-opt {
    display: flex !important;
    width: 25%;
}

.droptrashdash{
        padding: 5px 40px !important;
}

.dnonemute{
    display:none !important;
}

.mhdashboard{
    min-height:600px;
}


#dashidcontainer .grid-stack-item-content{
    overflow-y: hidden !important;
}

.packname{
    
    font-size: 21px;
    border-bottom: 2px solid #8d8d8d;
    width: max-content;
    margin: auto;
    padding: 5px 20px;
    margin-bottom: 50px;
    margin-top: 10px;

}


.packchart{
    direction:ltr;
}

.spackt{
    text-align: center;
    font-size: 19px;
    margin-top: 9%;
}

.boxpack{
        padding: 10px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
    box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);margin-bottom: 15px;
}

.packchart *{
    font-family:iransans !important
}

.ctwraper #content-wrapper .row.boxco {
    margin-bottom:20px !important;
    margin-top:10px !important;
}

.btnhistory{
    float: left;
    margin-top: 37px;
    background-color: #08a742;
    color: #fff !important;
    padding: 5px 13px;
    border-radius: 5px;
    text-decoration: none !important;
}

.frsttbl{
    width:80% !important
}

.sectbl{
    width:20% !important
}

.wtable100{
    width:100%;
}

.wtable100 tr{
    margin-bottom:10px;   
}

.boxpack{
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}

.packnamepage{
    font-size: 21px;
    border-bottom: 2px solid #8d8d8d;
    width: max-content;
    margin: auto;
    padding: 5px 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.prcstyle{
    color: green;
    padding-top: 30px !important;
    font-size: 20px;
    padding-bottom: 0px !important;
}

.activepack{
        background-color: #00f9af;
}

.sizeimgchk{
    width:100px;
    height:105px;
}

.inputdis{
        width: 75%;
    border: 1px solid #afaeae;
    border-radius: 5px;
    padding: 5px;
}

.inputdisbtn{
    background-color: #317ae2;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #317ae2;
    width: max-content;
    float: left;
}

.rjcspoly div.wi20jjj:first-child{
    -webkit-clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%) !important;
    clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%) !important;
}


.rjcspoly div.wi20jjj:last-child{
        -webkit-clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0) !important;
    clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0) !important;
}

.rjcspoly{
    display: inline-flex !important;
}

.ofrowdeal{
    overflow-x: scroll;
}

.rjcspoly .wi20jjj {
    width: 300px !important;
}



.timeline-view table tr{
    
    /*float:none !important;*/
    display:table;
    
}

.timeline-view table tr td.timeline-action{
    
    text-align:center;
    padding:15px;
}



.timeline-view table tr td.timeline-details{
    
    float:none !important;
}



.timeline-details p{
    
    margin-bottom:40px;
}



.timeline-details p label{
    
    margin:0 20px;
}


.timeline-details p b{
    
    margin-right:20px;
}

.timeline-view table tr td.timeline-details{
    
    padding:15px;
}




.timelinetb .timeline-details img{
    
    margin-right:0px !important;
}


.timeline-view table tr td span{
    
    margin-right:0px;
    margin-left:20px;
}




.parent-pag .text-right{
    
    text-align:center;
    margin:30px 0 !important;
}

.parent-pag .text-right ul{
    
    margin-right:0px !important;
}


.newcls-name{
    
    text-align:Center;
    margin:0 0 20px 0 !important;
}



.tan-height input{
    
    height:28px;
}


.tan-height span{
    
    padding:5px 12px;
    height:28px !important;
}

.tan-height2 input{
    
    height:28px;
    width:100%;
}

.tan-height2 {
    
    padding-left:0px !important;
}

.ctwraper #content-wrapper .row.btmleftmargin{
    margin-bottom:10px !important;
}

.alertptext{
    color: red;
    margin-bottom: 13px;
    display: block;
    text-align: center;
}

.titlelbl{
        text-align: center;
    font-size: 21px;
    margin: 24px 0px;
}

.rswlbl{
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.table.cstableback thead td{
    border:1px solid #ddd !important;
}


@keyframes fixproperty {
  0%   {bottom: -100px}
  /*25%  {bottom: -75px}*/
  /*50%  {bottom: -50px}*/
  /*75%  {bottom: -25px}*/
  100% {bottom: 0px}
}

.anim{
   /*animation: fixproperty 0.5s;*/
   /* animation-iteration-count: 1;*/
}





.printbtntask{
    text-decoration: none !important;
    float: left;
    border: 1px solid #ddd;
    padding: 5px 15px;
    color: #000;
    border-radius: 6px;
    margin-bottom: 10px;cursor:pointer ;
}

.reportpagination a{
    cursor:pointer;
}

#pagination{
    text-align: center;
}

#paginationtable{
    text-align: center;
}


.totalms{
    position: absolute;
    top: -4px;
    background-color: red;
    border-radius: 50%;
    color: #fff;
    width: 21px;
    height: 21px;
    right: 2px;
    font-size: 12px;
}

.enddatehead span{
        margin-right: 10px;
}

.enddatehead {
     direction: rtl;
    display: flex;
    justify-content: flex-end;
}

.enddatehead {
    margin:0px 10px;
}
.btskist{
        padding: 10px 10px !important;
    border-bottom: 1px solid #ddd;
    
}

.svgtaskdealred{
        float: left;
}


.svgtaskdealred svg{
        width: 17px !important;
    height: 15px !important;
    transform: rotate(90deg);
}


.svgtaskdealgreen{
        float: left;
}


.svgtaskdealgreen svg{
        width: 17px !important;
    height: 15px !important;
    transform: rotate(90deg);
}


.svgasknone{
        float: left;
}


.svgasknone svg{
        width: 17px !important;
    height: 15px !important;
    transform: rotate(90deg);
}

.listulsd{
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.listulsd a{
    text-decoration:none !important;
    color:#000 !important;
}


.listulsd .btskist{
    border:none !important;
}

.listulsd li{
    border-bottom:1px solid #ddd !important;margin-bottom: 10px;
}

#listtaskhead{
    display: block;
    height: 535px;
    overflow-y: scroll;
}

.cui5-button--variant-primary {
    background: #2d8647;
    color:#fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.cui5-button--variant-primary svg{
    fill: #fff;
    vertical-align: middle;
    margin-left: 5px;
}

.css-1ggdjmgnew{
    display: flex;
    justify-content: space-between;
}

.btaddinfo{
    background: none;
    border: none;
}

.btaddinfo *{
    vertical-align: middle;
    margin-right:4px;
}

.cuitabs{
    display: flex;
    margin: 25px auto 20px;
    border-bottom: 1px solid #ddd;
}

.cuitabs .cui5-tabs__tab{
    margin-left:10px !important;
    cursor:pointer;
    padding: 2px 10px;
    padding-bottom: 7px;
}

.cuitabs .cui5active{
    color:#2b74da;
    border-bottom:1px solid #2b74da;
}

.workright{
        border-left: 1px solid #ddd;
}

.wrkul{
        padding: 0px 16px !important;
    list-style: none;
}

.wrklif{
   padding: 8px 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor:pointer;
}

.wrklif-active{
    background-color: #2b74da;
    color:#fff;
}

.tlnew{
        font-size: 13px;
    color: #7c7c7c;
}

.wmtlt{
    background-color: #ececed;
    border-radius: 10px;
    padding: 2px 9px;
    width: max-content;
}

.box-work{
    box-shadow: 0px 1px 3px #cdcdcd;
    border-radius: 6px;
    padding: 15px 10px;
    margin-bottom: 15px;
}

.css-bd7cga {
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    height: 70px;
    width: 100px;
    bottom: -8px;
    left: 30px;
}

.css-mcquc4 {
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    width: 90px;
    top: 50px;
    right: 20px;
}

.css-ulx7iy {
    display: flex;
    position: relative;
    flex: 0 1 auto;
    overflow: hidden;
}

.wboxtitle{
        border-top: 1px solid #ddd;
    margin-top: 0px;
    padding-top: 9px;
}


.ms-modal-dialogwf{
    width: 512px !important;
}

.css-wmf{
    width: 100%;
    background: #f5f5f6;
    margin: 0px 0px 16px;
    padding: 16px;
    border-radius:5px;
}

.css-1408f10 {
    padding-right: 0px;
}

.css-zjik7 {
    display: flex;
}

.css-7o0ejl {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 24px;
}

.css-2h5aeo {
    width: 2px;
    background-color: transparent;
    height: 20px;
}

.css-1xr9tpb {
    border-radius: 50%;
    border: 2px solid rgb(8, 167, 66);
    background-color: rgb(8, 167, 66);
}

.css-7kc5g6 {
    width: 2px;
    background-color: rgb(8, 167, 66);
    -webkit-box-flex: 1;
    flex-grow: 1;
}


.css-nkqaac {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-top: 0px;
    margin-bottom: 8px;
}

.cui5-spacing {
    display: block;
}

.css-xna0qo {
    display: flex;
    flex-direction: column;
    max-width: 430px;
}

.css-expnfl {
    border: none;
    background-color: inherit;
    padding: 16px;
    text-align: right;
}

.css-1j8f6sb {
    font-weight: 700;
    margin: 0px;
}

.css-k5anf7 {
    padding: 16px 0px;
    margin: 0px 16px;
    border-top: 1px solid rgba(38, 41, 44, 0.12);
}

.css-1fttcpj {
    display: flex;
    flex-direction: column;
}

.css-16nqi4g {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 8px 0px;
}


.cui5-select {
    display: inline-flex;
    font: var(--pd-font-body-font);
    max-width: 100%;
}

.css-xq3rf4 {
    color: var(--pd-color-text-negative);
    margin-top: 4px;
    font-size: var(--pd-font-body-s-font-size);
}

.cui5-spacing {
    display: block;
}

.cui5-message {
    background-color: #eff6ff;
    border-color: #72adff;
    border-radius: 5px;
    color: #21232c;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .2s,opacity .2s;
    width: 100%;
}

.cui5-message--visible {
    border-style: solid;
    border-width: 1px;
    max-height: 999px;
    opacity: 1;
}

.cui5-message__container {
    align-items: flex-start;
    display: flex;
    gap: var(--pd-spacing-100);
    padding: var(--pd-spacing-150) var(--pd-spacing-200);
}

.cui5-message__content {
    flex-grow: 1;
    padding-bottom: var(--pd-spacing-25);
    padding-top: var(--pd-spacing-25);
}

.mgtr{
    margin-top:10px;
}

.infg{
    padding: 10px;
}

.cui5-message__container *{
    margin-left:5px;
} 

.aqw{
    background-color: transparent;
    box-shadow: unset !important;
    margin-left: 0px !important;
    padding: 0px !important;
}

.css-1vs2n5s {
    width: 2px;
    background-color: rgb(8, 167, 66);
    height: 28px;
}

.css-1yq2b4k {
    border-radius: 50%;
    border: 2px solid rgb(8, 167, 66);
    background-color: transparent;
}

.css-13dmex7 {
    width: 2px;
    background-color: transparent;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.cui5-icon--color-primary-inverted {
    fill: #fff;
}

.mgta{
    margin:0px;
}

.cdfq{
    box-shadow: 0px 0px 4px #bfb8b8;
}

.wf100{
    box-shadow: 0px 0px 4px #bfb8b8;
    width: 100%;
}

.qwedsvg{
    fill: #0d68c5;
}

.css-15w5uhf {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    border-bottom: 1px solid #ececed;
    box-sizing: border-box;
    transition: padding 0.2s ease-in 0s;
}

.css-1ojoit5 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.css-1yxw7vy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.vdwchild {
    margin-right:5px;
}

.vdwchild *{
    margin-bottom:0px !important;
}

.css-88kteb {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0px;
}

.css-1jvdvmh {
    display: flex;
    max-width: 550px;
    -webkit-box-align: center;
    align-items: center;
    min-width: 0px;
        margin-bottom: 0px;
}

.css-1h52dri {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dfgqrot{
    transform: rotate(180deg);
        vertical-align: middle;
}

.cui5-switch__toggle {
    background-color: #d7d7d9;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    margin: 2px 0;
    position: relative;
    transition: background-color 75ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px;
}


.cui5-switch__toggle:after {
    background-color: #d7d7d9;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    transition: left 75ms ease-in-out,right 75ms ease-in-out;
    width: 12px;
}


.cui5-switch__toggle:after {
    background-color: #fdfdfd;
}

.tgd *{
        vertical-align: middle;
}

.padwfg{
        padding: 5px 6px;
}

.btnasdsc{
    background-color: transparent;
    border: none;
    margin-bottom: 5px;
}

.qwleft{
    margin-left:5px;
}

.efghi{
    line-height: 20px;
}

.css-1nf7xr{
    display: flex;
    text-align: center;
    flex-direction: column;
    width: max-content;
    margin: auto;
    margin-top: 75px;
}

.tlt1{
    font-size: 19px;
    color:#21242cb8;
}

.tlt1btn{
    width: max-content;
    margin: auto;
    margin-top: 12px;
    font-size: 20px;
    padding: 0px 30px 2px;
    font-weight: bold;
}

.css-p0xv8u {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    overflow-y: auto;
    padding: 24px;
}

.css-1mwjira {
    display: flex;
    flex: 0 0 425px;
    flex-direction: column;
    padding: 0px;
    background-color: #f1f1f1;
    border-left: 1px solid #ececed;
    box-sizing: border-box;
    transition: transform 0.3s ease 0s;
    transform: translateX(0px);
}

.css-1dabe76 {
    padding-bottom: 20px;
}

.css-1k02kem {
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    flex-direction: row;
    height: 24px;
}

.css-1zf953 {
    min-height: 24px;
    min-width: 24px;
    height: 24px;
    width: 24px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 1px solid #21242c3d;
    box-sizing: border-box;
    color: #565961;
    background-color: #fff;
    border-radius: 5px;
    margin-left: 5px;
}

.cui5-spacing {
    /*display: block;*/
}

.css-1t16fk2 {
    color: #21232c;
    font-weight: 600;
    font-size: 14px;
}

.css-ugpaz1 {
    display: flex;
    padding: 10px 20px;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    border: none;
    background-color: inherit;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #21232c;
}

.css-s5xdrg2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.lwfbtm{
    margin-bottom:10px;
}

.nfboxstyle{
        background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.workflinput input{
        width: 100%;
}

.workflinput {
        width: 100%;
}

.css-1oaeivz {
    margin-left: 8px;
}

.wfdisnone{
    display:none;
}

.css-yzh7ty {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    flex: 1 1 0%;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 16px 24px;
    box-sizing: border-box;border-top: 1px solid #dbdbdb;
}

.clsclose{
    margin-left:10px;
    background-color:#fff;
    color:#000;
}

.wfadd{
    color: #fff !important;
    text-decoration: none !important;
}

.sqd-scrollbox{
    height: 380px;
}

.sqd-workspace{
    height: 500px;
}

.sqd-workspace svg{
    height: 500px;
}

.rowfilter{
    margin-bottom:10px;
}

.addbtncnd{
    width: max-content;
    padding: 4px 20px;
}


.typecondition{
    margin-bottom: 10px;
    text-align: right;
    padding: 0px 8px;
    display:flex;
}


.fandbtn{
        padding: 0px 14px 3px;
    box-shadow: none !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.torbtn{
        padding: 0px 14px 3px;
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}



.tabwork{
    display:none;
}

.showworktab{
    display:block;
}

.txtleftwork{
    text-align: left;
}

.bsrt{
    
    border-radius: 4px;
    background-color: #f5f5f6;
    border: 1px solid #d7d7d9;
    padding: 15px;
    margin-bottom:10px;
}

.cpad0col{
    padding:0px !important;
}

.cpadisnone{
    display:none;
}

.workmute svg{
    fill:#93949a;
}

.workmute *{
    color:#93949a;
}

.widsvgcalender{
    width: 24px !important;
    height: 24px !important;
    margin-left: 10px;
}

.spnffont{
    font-size: 16px;
    margin-top: 5px;
    display: block;
    margin-bottom: 10px;
}

.tagvf{
    vertical-align: sub;
    margin-left: 5px;
}

.dcbt{
        padding: 6px 7px 5px;
}

.dhgflx{
        display: flex;
    float: left;
    margin: 5px 5px;
    align-items: center;

}

.css-8irbms.dhgflx span{
    margin-right:10px
}

.svgeditw{
    
}

.fdwork{
       padding: 8px 6px 0px 2px; 
}

.fdwork svg{
    fill:#21232c;
}

.fdworkbtn{
       padding: 8px 6px 2px 6px;
    margin-right: 5px;
}

.workmute a{
        text-decoration: none;

}

.datede1{
    direction: ltr;
}

.ctwraper #content-wrapper .row.bsrt{
    margin-bottom:10px !important;
} 



.leftmodallistitem-active{
    
    background:#eff6ff !important;
}


.leftmodallistitem-active i{
    
    display:block !important; 
}

.leftmodallistitem-active p{
    
    color:#0d68c5 !important;
}


#myModalgoal .ls-bsmodal{
    
    border-right:1px solid #e5e5e5 !important;
}



#myModalgoal .rs-bsmodal{
    
    border-left:0 !important;
    
}


#myModalgoal .ls-bsmodal .leftmodallistitem{
    
    display:flex;
    align-items:center;
    justify-content:space-between;
}



#myModalgoal .ls-bsmodal .leftmodallistitem i{
    
    color:#0d68c5;
    vertical-align:middle;
    font-size:18px;
    display:none;
}


#myModalgoal .ls-bsmodal .b-activi{
    
    font-weight:600;
}




.mymodalchildall .modal-body{
    
    padding:25px;
}

.mymodalchildall .modal-footer{
    padding:15px !important;
    background-color:#f5f5f6 !important;
}



.mymodalchildall .modal-header{
    padding:15px !important;
    background-color:#f5f5f6 !important;
}



.flex-modal-selects{
    
    display:flex;
    align-items:Center;
    justify-content:center;
    flex-direction:column;
}

.flex-modal-selects .col-lg-10{
    
    display:flex;
    align-items:Center;
    flex-wrap: wrap;
}


.flex-modal-selects .mozmon-class{
    
    margin-bottom:15px;
}



.flex-modal-selects .col-lg-10 span{
    
    font-size:14px;
    font-weight:600;
    color:#21232c;
}

.flex-modal-selects .col-lg-10 select{
    
    background:#FFF !important;
    height:35px;
    border:1px solid rgba(33,35,44,0.24) !important;
    box-shadow:inset 0 1px 2px rgba(33,35,44,0.08);
    border-radius:4px;
}


.flex-modal-selects .col-lg-10 input[type=text]{
    
     background:#FFF !important;
    border:1px solid rgba(33,35,44,0.24) !important;
    box-shadow:inset 0 1px 2px rgba(33,35,44,0.08);
    border-radius:4px;
    height:35px;
    margin:0 !important;
}



.mozmon-radio .col-lg-2{
    
    display:flex;
    align-items:Center;
}

.mozmon-radio .col-lg-2 input{
    
    width:17px;
    height:17px;
    margin:0 10px 0 0;
}



.flex-modal-selects .col-lg-10 input[type=number]{
    
     background:#FFF !important;
    border:1px solid rgba(33,35,44,0.24) !important;
    box-shadow:inset 0 1px 2px rgba(33,35,44,0.08);
    border-radius:4px;
    width:60%;
    height:35px;
    padding:5px;
    margin:0 !important;
}



.pos-rel{
    
    position:relative;
}





.posrel-icon i{
    
    margin-right:5px;
    
}




.jc-flex-end-modal input{
    background:#FFF !important;
    border:1px solid rgba(33,35,44,0.24) !important;
    box-shadow:inset 0 1px 2px rgba(33,35,44,0.08);
    border-radius:4px;
    margin:0 !important;
    width:17px;
    height:17px;
}





.jc-flex-end-modal span{
    
    margin-right:10px;
}

.last-step{
    
    float:right;
}




.dash-time-input{
    
    font-size:25px !important;
}



.dash-time-input-parent{
    
    text-align:center;
}

.imgenlogo{
    width: 40% !important;
    height: 100% !important;
}

.stagedynamic div:first-child{
        -webkit-clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);
}
.stagedynamic div:last-child{
    -webkit-clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0);
    clip-path: polygon(100% 0,100% 100%,2px 100%,8px 50%,2px 0);
}

.stagedynamic{
    display: flex !important; 
}


.stagedynamic .wi20jj{
    width: 100% !important; 
}

.readonlycs[readonly] {
    background-color: #fff !important;
    opacity: 1;
    cursor: pointer;
}


.svgreportsd_goal{
    width: 16px !important;
    height: 16px !important;
    position: Absolute;
    left: 13px;
    top: 9px;
    cursor: pointer;
}

.arrowgh:before{
    content: '';
    border-radius: 100%;
    width: 10px;
    height: 10px;
    border: solid 2px #e5e5e5;
    background-color: #ffffff;
    position: absolute;
    left: 10px;
    top: 12px;
    z-index: 1;
}

.arrowgh:after{
    content: '';
    width: 1px;
    background: #e5e5e5;
    top: 0px;
    bottom: -45px;
    position: absolute;
    display: flex;
    left: 15px;
}

.msdclass{
    margin-top:10px;
}


.clsdisable * {
    color: #c5c5c5 !important;
}

.ctwraper #content-wrapper .row.rwin_goal.msdclass{
    margin-top:10px !important;
}

.discolor{
        background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;

}

.heiperiod{
        display: block;
    max-height: 230px;
    overflow-y: scroll;
}

.rowfgdis{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.rowfgdis svg{
    
    margin-left: 5px;

}


.vertext{
    vertical-align: sub;
}


.btndsctask{
    
        background-color: #08a742;
    color: #fff;
    border: none !important;
    padding: 4px 6px 2px;
    border-radius: 5px;
    font-size: 11px;
        margin-bottom: 10px;
    
}


.dscnonetask{
    display:none !important;
}

.w-100sd{
    width:100%;
}

.setallinput{
    margin-right:5px;
    cursor:pointer;
}

.leftmodallistitem{
    cursor:pointer;
}

#goalul12 {
    display: flex;
    flex-direction: row-reverse;
}


.tsiconlist{
    vertical-align: middle !important;
}


.svabs_contact {
    height: 16px !important;
    width: 16px !important;
    top: 36px !important;
    position: absolute !important;
    right: 10px !important;
    z-index: 99;
}

.padrighticon{
    padding-right:30px !important;
}

.pagesitecss{
        margin: 20px 0px !important;
    text-align: center !important;
}




/*sazi css for form in portal*/
/*sazi css for form in portal*/
/*sazi css for form in portal*/

.row-fd-column-kkz{
    
    flex-direction:column;
}


.side-nav-col12-kkz{
    
    margin-bottom:15px;
}

.side-nav-col12-kkz li{
    
    display:inline-block !important;
    width:auto !important;
}



.col-parent-iframe-kkz{
    
    padding:0 !important;
}


.col-parent-iframe-kkz iframe{
    
    border:0 !important;
}

/*sazi css for form in portal*/
/*sazi css for form in portal*/
/*sazi css for form in portal*/


.dscmodal{
        position: absolute;
    background-color: #fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 7%), 0px 1px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 5%);
    padding: 15px;
    display:none;
        z-index: 999999;
}

.posrelwrk{
    position:relative;
}


.mlds{
    margin-top: 5px;
    text-align: left;
}


.sdvertical-middle{
    vertical-align: middle;
}


.possvgrelpopupwrk{
    width: 18px !important;
    height: 18px;
    fill: #404346;
    position: absolute;
    top: 21px;
    right: 21px;
}

.lbl_choosewrk{
     border-bottom:1px solid #a8a8a84f;
    padding:13px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.inptwrk{
        padding-right: 30px;
}

.dklfcolor{
    color: #fff;
    padding: 0px 9px;
    font-size: 12px;
    border-radius: 6px;
    margin: 0px 5px;
}


.spntext{
    display: contents;
    font-size: 12px;
}

.cdfval{
    display: flex;
    background-color: #f1f1f1;
    cursor: pointer;
    margin: 5px 0px;
}

.csdlbl input{
    vertical-align: sub;
}

.hideacf{
    display:block !important;
}