body {
    overflow-y: scroll;
}

::selection {
    background-color: #00a6da;
    color: #fff;
}


/* Define the base styles for the element */
.ripple-effect {
    position: relative;
    overflow: hidden;
}

/* Define the styles for the ripple animation */
@keyframes ripple-animation {
    0% {
        transform: scale(0) translate(-50%,-50%);
        opacity: 0.3;
    }

    100% {
        transform: scale(2) translate(-50%,-50%);
        opacity: 0;
    }
}

.tagsChips {
    color: var(--primary);
    border-radius: 5px;
    border: 1px solid var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px;
    font-size: 14px;
    cursor: pointer;
}

.TirleEveAndHoi {
    color: var(--main);
    font-size: 18px;
}


.tagsChipsHolder {
    gap: 12px;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

    .tagsChipsHolder:empty {
        display: none;
    }

    .tagsChipsHolder.limit .tagsChips:not(:nth-child(-n+4)) {
        display: none !important;
    }

.ChipsTimesAreNear {
    background: var(--tag-bgColor);
    padding: 8px 15px;
    border-radius: 50px;
    text-align: start;
    display: flex;
    align-items: baseline;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    justify-content: space-between;
}

.ChipsTimesAreNearDate {
    font-size: 12px;
}

/* Define the styles for the ripple pseudo-element */
.ripple-effect:focus::before {
    animation: ripple-animation 3s ease-in-out infinite !important;
}

.ripple-effect:active::before {
    animation: ripple-animation 1s linear ease-in-out;
}

.ripple-effect::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    background-color: var(--primary);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
}

/* Apply the ripple effect when the element is focused */
.ripple-effect:focus::before {
    opacity: 1;
}


select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="29" height="29" fill="%23495057" class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 15l-4.243-4.243 1.415-1.414L12 12.172l2.828-2.829 1.415 1.414z"></path></g></svg>');
    background-repeat: no-repeat, repeat;
}

.zoom-in-zoom-out {
    font-size: 20px;
    font-weight: bold;
    animation: zoom-in-zoom-out 2s ease-out infinite;
    border: 1px solid !important;
    border-radius: 5px;
    width: auto !important;
    padding: 0px 15px;
    color: #fff !important;
}

.underline {
    position: relative;
    color: #000;
    cursor: pointer;
}

    .underline::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 2px;
        background-color: #000;
        transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

@media (hover: hover) and (pointer: fine) {
    .underline:hover::before {
        left: 0;
        right: auto;
        width: 100%;
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    25% {
    }

    50% {
        transform: scale(1.05, 1.05);
        /*opacity: 0.8;*/
    }

    100% {
        transform: scale(1, 1);
    }
}

.sidenar-wrapper-holder {
    transition: max-width .5s ease;
}

#FreeInventory {
    position: absolute;
    top: 50%;
    transform: translate(-5vw, -50%);
    white-space: nowrap;
}

.BrightFrame1 {
    border-radius: 5px;
    border: 2px solid #e0e0e0;
    padding: 5px;
}

.MenuTabCell a, .mainTilePage, input .HeaderPanelItem, .UpgradeAccount, .EventHolder, .timeLineTitle, .TC_TitleSpan, .CampaignContent, .ContentPageName, .cellLbl, .ltrLeft, .button, .tippy-content, .common-font, .toggle-switch-label, .MuiAutocomplete-tag, .Tour, .winHolderAlert {
    font-family: var(--systemFont);
}

.HeaderPanelItem {
    color: var(--secondary);
}

.form-label--form {
    margin-bottom: 5px;
    margin-top: 10px;
}

.main-table--sendmsg {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, 1);
    background: #fff;
}

img {
    border: 0;
}

.UpgradeAccount.with-navbar {
    height: 30px;
}

.main-table-hidden-cell {
    height: 0px !important;
    width: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    overflow: hidden !important;
    display: inline-flex !important;
}

.main-table-hidden-cell-empty:empty {
    display: none !important;
}

.divider-y--navbar {
    width: 1px;
    height: 45px;
    display: flex;
    position: absolute;
    top: -4px;
    background: var(--default);
    opacity: 0.2;
    left: 0;
    transform: translateY(0);
}

.main-table--sendmsg td, .main-table--sendmsg th {
    font-size: 14px;
    display: table-cell;
    padding: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    letter-spacing: 0.01071em;
    vertical-align: inherit;
}

.main-table--sendmsg TC_HeaderSplitter {
    padding: 0;
}

.navbar-divider-x {
    width: 100%;
    left: 0;
    top: 100%;
    background: #e5e5e5;
    position: absolute;
    height: 1px;
}

.side-menu-btn--sidebar {
    background: var(--side-editor);
    fill: #fff;
    margin-right: 2px;
    margin-left: 2px;
    width: 40px;
    display: flex;
}

.top-menu-btn--navbar {
    fill: var(--primary);
    margin-right: 2px;
    margin-left: 2px;
}

.big-header {
    font-size: 2.5rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.responsive-menu-exit {
    max-width: 50px;
}

.responsive-menu-holder {
    position: fixed;
    top: 0;
    width: 240px;
    background: #FFF;
    min-height: 100vh;
    z-index: 99;
    display: flex;
    flex-direction: column;
    direction: rtl;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .responsive-menu-holder .MenuTabCell, .MenuTabSelected {
        width: 100%;
    }

.max-sidebar {
    max-width: 245px;
}

.HeaderPanel {
    height: 46px;
    background-color: var(--top-navbar);
    padding: 5px;
    position: absolute;
    width: 100%;
    top: 0;
}

.HeaderMenuTabs {
    position: absolute;
    top: 46px;
    width: 100%;
}

.SystemItemsCell {
    position: relative;
    vertical-align: bottom;
    display: table-cell;
    width: 245px;
    min-width: 213px;
}

    .SystemItemsCell:after {
        content: "";
        position: absolute;
        left: 0;
        height: 51px;
        width: 1px;
        background: #b9b9bd6b;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.MenuTabCell, .MenuTabCellSelected {
    vertical-align: bottom;
    display: inline-block;
    white-space: nowrap;
}

.nav-item-wrapper {
    position: relative;
    display: flex;
    padding-right: .5rem;
    padding-left: .5rem;
}

.menuTabContent--open {
    visibility: visible !important;
    opacity: 1 !important;
}

span.MenuTabCell:hover .content-holder, span.MenuTabCellSelected:hover .content-holder, .SystemMenuTab:hover + .content-holder {
    visibility: visible;
    opacity: 1;
    transition-delay: .6s;
    clip-path: circle(100%);
}


.Clients_Icon:before {
    content: "\f4fe";
}

.SocialMarketing_Icon:before {
    content: "\f815";
}

.SMS_Icon:before {
    content: "\f3cd";
}

.Digcourse_Icon:before {
    content: "\f108";
}

.Reports_Icon:before {
    content: "\f017";
}

.money:before {
    content: "\f53d";
}

.Domains {
    align-items: center;
}

    .Domains:before {
        content: '';
        height: 22px;
        width: 22px;
        background: no-repeat;
        background-position: center center;
    }

.Messages_Icon:before {
    content: "\f0e0";
}



.MenuTab a:before, .MenuTabSelected a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
}

.on-scroll-navbar .MenuTab, .on-scroll-navbar .MenuTabSelected {
    background: transparent !important;
}

.MenuTab, .MenuTabSelected a {
    border-radius: 5px 5px 0px 0px;
    transition: 0.1s all ease;
}

    .MenuTab a, .MenuTabSelected a {
        text-decoration: none;
        border: none;
        line-height: 41px;
        text-align: center;
        min-height: 42px;
        display: flex !important;
        gap: 10px;
    }


        .MenuTabSelected a::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 50%;
            top: 100%;
            background: var(--main);
            opacity: 1;
            border-radius: 5px;
            transform: translateX(-50%);
            transition: all .4s ease;
        }

.MenuTabSelected svg {
    fill: var(--primary) !important;
}

.nav-item-wrapper:hover > .MenuTab a {
    background: #fff;
    color: var(--primary);
    min-height: 47px;
    line-height: 47px;
}

.MenuTab a {
    color: var(--secondary-text);
}

.MenuTabRow {
    position: relative;
    max-width: 100vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .MenuTabRow span {
        display: list-item;
        text-align: -webkit-match-parent;
        font-size: 16px;
    }

.HeaderPanel {
    z-index: 51;
}

.top-navbar-tabs-holder {
    width: 100%;
    z-index: 50;
    box-shadow: -254px -12px 14px 6px rgb(41 85 115 / 21%);
    border-bottom: 1px solid rgba(225,226,230,.5);
    background: var(--top-navbar);
    height: 46px;
}

.MenuTabTopNavigation {
    width: 100%;
}

.HolderTableStatis {
    width: 100%;
    display: flex;
}
/* Master START */
.iconsMaster {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}

.cdtr-cover-dialog {
    min-width: 100vw;
    height: 100vh;
    top: 0;
    background: #00000036;
    z-index: -10;
    position: fixed;
}

._events:after {
    content: attr(data-eventsCount) !important;
    display: inline-block;
    background: red;
    height: 15px;
    position: absolute;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin-top: -7px;
    padding: 0 2px;
    min-width: 10px;
}

.eventsCount {
    background: red;
    height: 15px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 3px;
    min-width: 10px;
}

.FreeInventory {
    display: inline-block;
    font-weight: bold;
}
/* Master END */

.winAdvertisingOptionsHolder {
    background: #ffffff;
    width: 710px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
/* INFORMATION SITE START */

.msgWha::after, .flagTherapy::after {
    content: attr(data-msgWhaCount);
    background: var(--secondary);
    font-size: 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 0.5px 1.5px;
    border-radius: 10px;
    min-width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 24px;
    margin-top: -1px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.5;
}

.icoVirSmsMas {
    margin: 10px !important;
    width: 29px !important;
    height: 29px !important;
    cursor: pointer !important;
    float: left !important;
    display: block !important;
    direction: ltr !important;
    position: relative !important;
    margin-bottom: 0 !important;
    margin-top: 4px !important;
}

.msgWhaEmpty, .flagTherapyEmpty {
    margin-right: 0;
}

.holderVirtualNumLine {
    display: inline;
    color: #fff;
    height: 35px;
    text-decoration: none;
    margin: 0 25px;
}



    .holderVirtualNumLine .NOW, .holderVirtualNumLine .ALL {
        margin: auto;
    }

.MenuTabRow .nav-item-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 50%;
    top: 100%;
    background: var(--primary);
    opacity: 0;
    border-radius: 5px;
    transform: translateX(-50%);
    transition: all .4s ease;
}

.MenuTabRow .nav-item-wrapper:hover:after,
.MenuTabRow .nav-item-wrapper:focus:after {
    opacity: .6;
}

.UpgradeAccount {
    line-height: 24px;
    color: var(--upgrade-btn-bgColor);
    padding: 3px 15px;
    cursor: pointer;
    max-width: max-content;
    min-width: 150px;
    transition: transform .2s ease-in-out;
}

.HeaderRightSide {
    width: 100%;
}



.UpgradeAccount:hover {
}

.UpgradeAccount.with-navbar {
    position: relative;
}



.HeaderDiv {
    height: 45px;
    margin-bottom: 95px;
}

.UpgradeAccountHolderMenue {
    background: rebeccapurple;
    position: absolute;
    z-index: 300;
    overflow: hidden;
    top: 33px;
    /*right: 5%;*/
    display: none;
    background: #FFF;
    box-shadow: 0px 0px 14px 6px rgb(41 85 115 / 21%);
    white-space: nowrap;
    transition: 500ms;
    transform: translateX(0%);
}

.fade-up-animation {
    animation: fade-from-above .2s ease-in-out;
}

.no-selection {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.UpgradeAccountHolderMenue.open {
    display: block;
    animation: fade-from-above .2s ease-in-out;
}

@keyframes fade-from-above {
    from {
        margin-top: -10px;
        opacity: 0;
    }
}

.UpgradeAccountHolderMenue a {
    color: var(--default);
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

.UpgradeAccountMenue li:empty {
    display: none;
}

.UpgradeAccountMenue li {
    list-style-type: none;
}

.UpgradeAccountHolderMenue a:hover {
    background: #f5f3f3;
    color: var(--main)
}

.UpgradeAccountMenue {
    margin: 0 10px;
    padding: 0;
}

.information {
    position: absolute;
    max-width: 300px;
    background: white;
    top: 48px;
    z-index: 10000;
    box-shadow: 0px 0px 7px 0px;
    color: #888888;
    font-size: 14px;
    line-height: 25px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: 150ms;
    -o-transition: 150ms;
    -webkit-transition: 150ms;
    transition: 150ms;
}

    .information::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 12px 7px;
        border-color: transparent transparent #DFDFDF transparent;
        position: absolute;
        top: -12px;
        right: 16px;
    }

    .information::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 12px 7px;
        border-color: transparent transparent #FFF transparent;
        position: absolute;
        top: -9px;
        right: 16px;
    }

.informationLinsGroup {
    padding: 10px 0px;
    color: #484848;
}

.informationLins {
    padding: 5px 28px 5px 28px;
    -moz-transition: 75ms;
    -o-transition: 75ms;
    -webkit-transition: 75ms;
    transition: 75ms;
}

    .informationLins span, .informationLins a {
        text-overflow: ellipsis;
        overflow: hidden;
        /*display: inline-block;*/
        white-space: nowrap;
        max-width: 244px;
    }

    .informationLins a {
        color: inherit;
        text-decoration: none;
        width: 100%;
        display: inline-block;
    }

    .informationLins:hover {
        background: #e4e4e4;
        color: var(--primary-text)
    }

.informationSep {
    border-bottom: 1px solid #eaeaea;
    width: calc(100% - 30px);
    margin: auto;
}
/* INFORMATION SITE END */



/*#region Shadows */
.Alsobutton {
    display: inline-block;
    width: 50px;
    text-align: center;
    padding: 0px 10px;
    background: #efefef;
    text-decoration: none;
    border: solid 1px #e8e8e8;
    border-radius: 5px;
    color: #787878;
    font-size: 14px;
}

.waiting2 {
    position: absolute;
    z-index: 3000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff url('../images/waiting2.gif') no-repeat center center;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.findinlistfilter {
    width: 300px;
    height: 40px;
    margin-top: -40px;
}

.helpcontent {
    width: 100%;
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}

.helpfavcy {
    display: none;
    width: 150px;
    padding: 10px 2px;
    position: absolute;
    min-height: 50px;
    max-height: 200px;
    background: white;
    border: solid 3px #a4e9ff;
    top: 0px;
    font-size: 14px;
    font-style: italic;
    border-radius: 10px;
}

.Alsobuttonsel {
    color: black;
    border-color: #afd7fb;
    border-width: 2px;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #ababab 50%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ababab), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #efefef 0%,#ababab 50%,#efefef 100%);
    background: -o-linear-gradient(top, #efefef 0%,#ababab 50%,#efefef 100%);
    background: -ms-linear-gradient(top, #efefef 0%,#ababab 50%,#efefef 100%);
    background: linear-gradient(to bottom, #efefef 0%,#ababab 50%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ababab',GradientType=0 );
}

.helpbutton {
    width: 24px;
    height: 24px;
    background: url('../images/helpicon.png') no-repeat;
    cursor: pointer;
    background-size: 20px;
}

.ProgressSelected {
    color: #0269b1;
    color: #0090D3;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

.ProgressUnselected {
    color: gray;
    color: #0090D3;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

.LinkButton:hover, .buttonGreen:hover, .loginButton:hover, .loginButton2016:hover {
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.CyanButton {
    width: 90%;
    margin: auto;
    background: #0cb9c9;
    text-align: center;
    color: #fffefe;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px;
    display: inline-block;
}

    .CyanButton:hover {
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    }

.bannerRow a > img:hover {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
}

[user-tag--manager] {
    border-radius: 10px;
    padding: 1px 6px;
}

li a > img:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.SimpleSearchIcon {
    border: 1px solid #ced4da
}

.FirstTierShadow {
    -webkit-box-shadow: 0px 7px 18px 5px rgba(123, 123, 123, 0.8);
    -moz-box-shadow: 0px 7px 18px 5px rgba(123, 123, 123, 0.8);
    box-shadow: 0px 7px 18px 5px rgba(123, 123, 123, 0.8);
}

.HelpShadow {
    -webkit-box-shadow: 3px 2px 3px 1px rgba(123, 123, 123, 0.8);
    -moz-box-shadow: 3px 2px 3px 1px rgba(123, 123, 123, 0.8);
    box-shadow: 3px 2px 3px 1px rgba(123, 123, 123, 0.8);
}

/*#endregion */
.Tour {
    cursor: pointer;
    width: 40px;
    height: 40px;
    color: #fff;
    position: fixed;
    top: 98%;
    left: 5%;
    border-radius: 100%;
    font-size: 2rem;
    padding: 2px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    transform: translate(-100%,-100%);
    background: #3d4756;
    padding: 4px;
    text-align: center;
}

body {
    font-family: Arial;
    color: #696969;
    margin: 0px auto;
}

    body:not(.iframeMaster) {
        background: var(--bgColor);
    }

*:focus {
    outline: none;
}

.sidebar-logo {
    width: 123px;
    filter: drop-shadow(0 0 0.15rem #00000026);
}

.LoginPageLogo {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #cccccc;
    font-size: 20px;
}

.FV_RowText {
    max-width: 150px;
    color: #ababab;
}


div.pageDiv {
    /*width: 1018px;*/
    width: 100%;
    margin: auto auto auto auto;
    height: 100%;
    /*background: #ffffff;*/
    text-align: center;
    vertical-align: top;
    min-height: 100vh;
    background: var(--bgColor);
}

.FormViewAddTabClass {
    width: 15px;
    text-align: center;
    padding: 0px 3px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    color: white;
    padding: 0px 10px;
}

table.devider {
    /*width: 1018px;*/
    width: 100%;
    /*height: 700px;*/
    position: relative;
}

    table.devider.defaultPage {
        min-height: 900px;
    }

.textboxname {
    color: #1071b5;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

td.banner {
    vertical-align: bottom;
    /*background-color: #4b99cf;*/
    /*background-position: center top;*/
    /*background-image: url('../images/HeaderBack.gif');*/
    /*background-repeat: no-repeat;*/
    background: #0090D3;
    height: 110px;
    width: 100%;
}

td.right {
    /*width: 215px;*/
    z-index: 9;
    position: relative;
    /*display: inline-block;*/
    /* display: -moz-inline-grid;*/
}

td.bannerHome {
    vertical-align: bottom;
    /*background-color: #4b99cf;*/
    background: #0090D3;
    /*background-position: center top;
    background-image: url('../images/HeaderBackHome.gif');
    background-repeat: no-repeat;*/
    height: 110px;
    /*width: 1018px;*/
    width: 100%;
}



td.right {
    /*background-image: url("../images/RightBorder.gif");*/
    /*background-repeat: repeat-y;*/
    vertical-align: top;
    /*background-color: #f2f2f2;*/
    background-color: #f2f3f5;
    display: inline-block;
}


td.main {
    vertical-align: top;
    background-color: #ffffff;
}

.Defaultmain {
    vertical-align: top;
    background-color: #ffffff;
    width: 100%;
}

div.main {
    table-layout: fixed;
    width: 100%;
    vertical-align: top;
    display: table;
    margin-bottom: 20px;
}

td.footer {
    background-color: #ffffff;
    height: 20px;
}

.rightCell {
    color: #dfdada;
    font-size: 14px;
    vertical-align: middle;
    line-height: 25px;
    padding-right: 10px;
    width: 97%;
    margin: auto;
    transition: 100ms;
    min-height: 30px;
}

.rightCellSelected {
    color: var(--side-editor-txt);
    background: var(--side-editor-txt-inner-selected);
    vertical-align: middle;
    padding-right: 10px;
    width: 97%;
    margin: auto;
    border-radius: var(--side-editor-slected-radius);
}

.UngainControlDiv a {
    color: var(--primary) !important;
}

.landingCounter {
    float: right;
}

.my-account-menu-open {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade-from-above .2s ease-in-out;
}

.rightCell:hover {
    background: var(--side-editor-txt-inner-selected);
}


.SiteExpires {
    background-color: #ff5719;
    position: fixed;
    width: 100%;
    bottom: 0;
    color: #fff;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 999999;
    direction: rtl;
}

.rightCell:hover .RightArrow,
.rightCellSelected:hover .RightArrow {
    transform: scale(1.1);
}

.FormViewDataTable td {
    padding: 10px 0px;
}


.rightCellHeader {
    color: var(--side-editor-txt);
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    overflow: hidden;
    font-family: Arial;
    font-size: 16px;
    width: 100%;
    margin: auto;
}

.RightListPlaceHolder .rightCellHeader:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}

#mytableholder {
    width: 100%;
    margin: auto;
}

.Advertisement {
    z-index: 1;
    position: relative;
    color: #fff;
    padding: 10px;
    width: 190px;
}

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

a.right {
    color: var(--side-editor-txt);
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    display: block;
}

a.rightSelected {
    color: var(--side-editor-txt);
    font-size: 14px;
    text-decoration: none;
    width: 100%;
}

.RightArrow,
.RightText {
    line-height: 25px;
}

.RightArrow {
    width: 30px;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
}

.height-fit-content {
    height: intrinsic !important; /* Safari/WebKit uses a non-standard name */
    height: -moz-max-content !important; /* Firefox/Gecko */
    height: -webkit-max-content !important; /* Chrome */
}

.SendMSGLogoDiv {
    height: 92px;
    position: relative;
    cursor: pointer;
    transition: .5s;
}

    .SendMSGLogoDiv:hover {
        transform: scale(1.1);
    }

.RightText {
    width: 100%;
    display: inline-block;
    opacity: .7;
}

    .RightText:after,
    .RightArrow:after {
        content: '';
        clear: both;
    }

.rightCellHeader img {
    width: 110px !important;
}

td.bannerCell,
td.bannerCellSelected {
    padding: 0;
    display: block;
    height: 41px;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
}

td.bannerCell {
    z-index: -1;
    color: #4e4e4e;
    border-radius: 5px 5px 0px 0px;
    background: rgb(0,178,207);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwYjJjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZDllNGU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2FkMWQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0,178,207,1) 5%, rgba(217,228,230,1) 6%, rgba(252,252,252,1) 7%, rgba(231,231,231,1) 50%, rgba(217,217,217,1) 51%, rgba(202,209,212,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(0,178,207,1)), color-stop(6%,rgba(217,228,230,1)), color-stop(7%,rgba(252,252,252,1)), color-stop(50%,rgba(231,231,231,1)), color-stop(51%,rgba(217,217,217,1)), color-stop(100%,rgba(202,209,212,1)));
    background: -webkit-linear-gradient(top, rgba(0,178,207,1) 5%,rgba(217,228,230,1) 6%,rgba(252,252,252,1) 7%,rgba(231,231,231,1) 50%,rgba(217,217,217,1) 51%,rgba(202,209,212,1) 100%);
    background: -o-linear-gradient(top, rgba(0,178,207,1) 5%,rgba(217,228,230,1) 6%,rgba(252,252,252,1) 7%,rgba(231,231,231,1) 50%,rgba(217,217,217,1) 51%,rgba(202,209,212,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,178,207,1) 5%,rgba(217,228,230,1) 6%,rgba(252,252,252,1) 7%,rgba(231,231,231,1) 50%,rgba(217,217,217,1) 51%,rgba(202,209,212,1) 100%);
    background: linear-gradient(to bottom, rgba(0,178,207,1) 5%,rgba(217,228,230,1) 6%,rgba(252,252,252,1) 7%,rgba(231,231,231,1) 50%,rgba(217,217,217,1) 51%,rgba(202,209,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2cf', endColorstr='#cad1d4',GradientType=0 );
    transition: 200ms ease-in-out;
}

    td.bannerCell > a, td.bannerCellSelected > a {
        position: relative;
    }

        td.bannerCell > a:before, td.bannerCellSelected > a:before, td.bannerCell > a:after, td.bannerCellSelected > a:after {
            content: '';
            opacity: 0;
        }

    td.bannerCell:hover > a:after, td.bannerCellSelected:hover > a:after {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #EAEAEA;
        /* margin-top: -10px; */
        position: absolute;
        z-index: 1;
        margin-top: 41px;
        left: 50%;
        bottom: 0;
        transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        -webkit-transition-delay: 250ms;
        opacity: 1;
    }

    td.bannerCell:hover > a:before, td.bannerCellSelected:hover > a:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        /* margin-top: -10px; */
        position: absolute;
        z-index: 2;
        margin-top: 41px;
        left: 50%;
        transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        -webkit-transition-delay: 250ms;
        opacity: 1;
    }

.firstQuestion {
    margin-top: -10px;
    width: 200px;
    padding: 5px;
    border: 1px solid #cecece;
    position: fixed;
    border-radius: 10px;
    z-index: 200;
}

.content-holder {
    left: 0;
    background: #fff;
    position: absolute;
    width: 100%;
    min-height: 200px;
    color: #000;
    z-index: 200;
    box-shadow: 0px 1px 2px rgba(128,138,157,0.12),0px 8px 32px rgba(128,138,157,0.24);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-radius: 4px;
    transition: all ease-in-out 0.3s;
    white-space: normal;
    clip-path: circle(6% at 50% -15%);
}

.floatMenuThisTab {
    width: calc(100% - 40px);
    display: inline-flex;
    color: #9dcd07;
    text-decoration: none;
    margin: 20px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.floatMenuListPage {
    list-style-type: none;
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
}

.close-tab-content {
    visibility: hidden !important;
    opacity: 0 !important;
}

.floatMenuListPage::after {
    content: '';
    float: none;
    clear: both;
}

.floatMenuListPage li:first-child {
    color: var(--primary);
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
}

.floatMenuListPage li a {
    text-decoration: none;
    color: var(--primary-text);
    font-size: 14px;
}

.floatMenuListPage li:not(:first-child) {
    padding: 4px;
}

.opened-tab--carousel {
    background-color: var(--side-editor-txt-selected);
}

.floatMenuListPage li:hover:not(:first-child) {
    cursor: pointer;
    background-color: rgb(248, 250, 253);
    border-radius: 5px;
}

td.bannerCell:hover .content-holder, td.bannerCellSelected:hover .content-holder, .SystemBanner:hover + .content-holder {
    visibility: visible;
    opacity: 1;
}

td.bannerCellSelected,
.bannerCell:hover {
    /*width: 131px;*/
    /*padding: 0px 5px;*/
    /*color: blue;*/
    /*background-image: url('../images/topMenuSelect.gif');*/
    /*background-position: center top;*/
    /*background-repeat: no-repeat;*/
    color: var(--primary);
    /*background: url('../images/New_SelTab_Back.png');*/
    /*background-repeat: repeat-x;*/
    /*border-radius: 10px 10px 0px 0px;*/
    background: rgba(0,178,207,1);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwYjJjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZTRlNGU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0,178,207,1) 5%, rgba(228,228,228,1) 8%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(0,178,207,1)), color-stop(8%,rgba(228,228,228,1)), color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(0,178,207,1) 5%,rgba(228,228,228,1) 8%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(0,178,207,1) 5%,rgba(228,228,228,1) 8%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,178,207,1) 5%,rgba(228,228,228,1) 8%,rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(0,178,207,1) 5%,rgba(228,228,228,1) 8%,rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2cf', endColorstr='#fefefe',GradientType=0 );
}

.loginButton {
    border: none;
    height: 45px;
    width: 245px;
    background-color: #ee9800;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    margin: 20px 44px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flexbox;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


input.loginTextbox {
    background-color: Transparent;
    border: none;
    width: 100%;
    font-size: 18px;
    border: 1px solid var(--disable-dark);
    border-radius: 5px;
    padding-left: 7px;
    padding-right: 7px;
    height: 37px;
}

.RememberCheck {
    vertical-align: middle;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 5px;
    color: #696969;
}

    .RememberCheck span {
        margin-right: -3px;
        margin-left: 5px;
    }

.Login2016_underBtn {
    font-size: 14px;
    color: var(--primary);
    text-decoration: none;
}

.loginDeniedHolder, .loginExplaindHolder {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.loginDeniedHolder {
    color: #ff0000;
}

.loginExplaindHolder {
    color: var(--secondary-hover);
}

.loginLeft {
    /*    width: 315px;
    margin-right: 15px;
    margin-top: 12px;
    margin-left: 0;*/
    margin: auto;
    width: 520px;
    /*position: fixed;*/
    right: 0;
    top: 50%;
    /*transform: translate(-12vw,-50%);*/
    background: var(--default-bg);
    padding: 58px;
    border-radius: 8px;
}

.LoginTable {
    margin: auto auto auto auto;
    width: 100%;
}

.LinkButton:not(.button) {
    border: none;
    color: #ffffff;
    text-decoration: none;
    background-color: #4396CF;
    padding: 4px 10px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.bannerTopNavigation {
    display: table;
    width: 100%;
}

a.banner,
a.bannerSelected {
    text-decoration: none;
    border: none;
    height: 100%;
    /*display: table;*/
    line-height: 41px;
    text-align: center;
    width: 100%;
}

td a.banner,
td a.bannerSelected {
    /*display: block;*/
    /*לא להפעיל בלי לדבר עם דודי, משפיע מעוד על TABLECONTROL*/
}

a.bannerSelected {
    color: var(--primary);
}

a.bannerSelectedInline {
    text-decoration: none;
    border: none;
    height: 100%;
    display: inline-block;
    line-height: 41px;
    color: var(--primary);
}

.banner {
    /*color: #ffffff;*/
    color: #4e4e4e;
}

.ListPageDrawerMenu.transition {
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -webkit-transition: 200ms;
    transition: 200ms;
    transition-delay: .2s;
}


.ListPageDrawerMenu {
    display: block;
    overflow: hidden;
}

.tabDrawerMenu.transition {
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.tabDrawerMenu {
    width: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.rightCellHeader .ContentPageName {
    width: 100%;
    font-size: 16px;
}



.RightArrowRot {
    transform: rotate(-90deg);
}

.ListPageDrawerMenuSelected {
    height: 0px !important;
}

.TabsIcon {
    vertical-align: middle;
}

.TablePrevButton {
    color: var(--primary);
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.TableNextButton {
    color: var(--primary);
    text-decoration: none;
    border: none;
    cursor: pointer;
}

a.bannerSelected3 {
    text-decoration: none;
    border: none;
    color: White;
}

a.bannerSelected2 {
    color: #1071b5;
    text-decoration: none;
    border: none;
    font-size: 13px;
}

.bannerSelectedFancy {
    color: #1071b5;
    text-decoration: none;
    border: none;
}

.titleSpan {
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

#MainTableCell > div {
    border: 1px solid #DCDCDC;
    border-radius: 0px 0px 3px 3px;
}


.CenteredButton {
    text-align: center;
}

.CenteredTD {
    text-align: center;
}

.TableHeaderFiller {
    color: #ffffff;
    font-family: Arial;
    height: 33px;
    direction: inherit;
    background: #4e4e4e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNGU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(78,78,78,1) 5%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,210,210,1)), color-stop(5%,rgba(78,78,78,1)));
    background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(78,78,78,1) 5%);
    background: -o-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(78,78,78,1) 5%);
    background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(78,78,78,1) 5%);
    background: linear-gradient(to bottom, rgba(210,210,210,1) 0%,rgba(78,78,78,1) 5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#4e4e4e',GradientType=0 );
}

.resHeader a {
    color: #ffffff;
    text-decoration: none;
    font-family: Arial;
}

.whatsup-holder--table a {
    position: relative;
    top: 5px;
}

a.resTH {
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    text-decoration: none;
}


img[src="images/money-check-alt-solid.svg"] {
    height: 20px;
    filter: invert(0.35);
}

li a > img {
    border-radius: 0 !important;
}

.buttomRow {
    height: 29px;
}

.FwdBwd {
    width: 500px;
    height: 39px;
    background-image: url("../images/foundBack.gif");
    background-repeat: repeat-x;
    margin: auto auto auto auto;
}

.displayCalBox {
    position: absolute;
    height: 400px;
    overflow: scroll;
    border: solid 1px #000000;
    left: 100px;
    top: 200px;
    width: 300px;
    display: none;
    background: #6a95f2;
    margin: auto auto auto auto;
}

.tblUserCats {
    margin: auto auto auto auto;
}

td.textbox {
}

.textbox select {
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
}

td.textbox2 {
    padding-bottom: 5px;
    height: 25px;
    width: 200px;
}

input.textbox {
    height: 30px;
}

select.textbox {
    background-color: Transparent;
    border: none;
    /* width: 178px; */
    width: 100%;
    font-size: 12px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
}

td.selectBox {
    background-repeat: no-repeat;
    vertical-align: top;
    height: 25px;
    width: 260px;
}

select.selectBoxRem {
    border: none;
    width: 188px;
    font-size: 12px;
    cursor: default;
}


div.selectOver {
    background: #555555;
}

.tblUserCats {
    margin: auto auto auto auto;
}

.incomingCallsHid {
    display: none;
}

.incomingCalls {
    margin-top: 60px;
    height: 300px;
    overflow: auto;
}

.callImage {
    margin-top: 10px;
    width: 24px;
    height: 24px;
}

td.LogOut {
    height: 71px;
    width: 51px;
    vertical-align: top;
    cursor: pointer;
}

td.Help {
    height: 71px;
    width: 51px;
    background-image: url("../images/TopHelpOver.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

td.OnThisPage {
    height: 71px;
    width: 51px;
    background-image: url("../images/TopOnThisPageOver.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

td.percentBar {
    height: 21px;
    background-image: url("../images/sendBarBack.gif");
    background-repeat: repeat-x;
    color: #ffffff;
}

td.faderRight {
    background-repeat: repeat-y;
    width: 5px;
    background-position: left;
}

td.faderLeft {
    background-repeat: repeat-y;
    width: 5px;
}

td.LoginInfoCell {
    color: #adadad;
    padding: 10px 15px 10px 15px;
    font-family: Arial;
    font-size: 14px;
}

td.numTotal {
    color: #ffffff;
    text-align: left;
    vertical-align: middle;
    padding-bottom: 4px;
}

span.info {
    text-decoration: underline;
    color: #1071b5;
    cursor: pointer;
}

tr.EnterTH {
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    height: 32px;
    color: #ffffff;
    font-family: Arial;
    height: 33px;
    direction: inherit;
    cursor: pointer;
}

td.EnterTableRight {
    background-repeat: repeat-y;
    text-align: center;
}

.ForMoreInformation {
    color: #ffffff;
    font-size: 30px;
    font-family: Alef, Tahoma;
    display: block;
    text-decoration: none;
}

.advanceSearch {
    display: flex;
    flex-wrap: wrap;
}

.EnterTableTop, .EnterTableTopSelected {
    padding: 5px 10px;
    background-color: var(--bgColor);
    position: relative;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
    color: black;
    cursor: pointer;
    display: block;
}

.EnterTableTopSelected {
    /*font-weight: bold;*/
    background-color: var(--secondary);
    color: white;
    position: relative;
}

td.EnterTableTopSelected, .EnterTableTopSelected {
    /*  cursor: auto;
    display: table-cell;
    vertical-align: middle;*/
}

    td.EnterTableTopSelected .button {
        background: var(--primary) !important;
        color: #fff !important;
    }

td.EnterTableTop div, .EnterTableTop div {
    cursor: pointer;
}

EnterTableTop {
    color: var(--default);
}

.PageBottomRow {
    background-image: url('../images/PageBottom.gif');
    background-repeat: repeat-x;
    height: 5px;
}

.PageBottomRow1 {
    background-image: url('../images/PageBottom1.gif');
    background-repeat: repeat-x;
    height: 14px;
    background-position: top;
}

td.ManCatsBannerCell {
    height: 60px;
    text-align: center;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    background-image: url('../images/SearchHeaderBack.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.tbaleCell {
    color: #595959;
    font-family: Arial;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
}

div.AdminDiv {
    color: #1071b5;
}

    div.AdminDiv span {
        color: #595959;
        font-size: 14px;
    }

    div.AdminDiv a {
        color: #1071b5;
        text-decoration: none;
        border: none;
    }

.PageClass {
    width: 800px;
    padding: 20px;
    margin: auto;
}

.FacebookIcon {
    display: inline-block;
    background: url('../images/facebook_Icon.png') 0 0 no-repeat;
    height: 17px;
    width: 17px;
}

.iframeBody {
    background-color: #ffffff;
}

.PageHolderclass {
    width: 850px;
    margin: auto;
    text-align: center;
}

.searchdiv {
    height: 362px;
    width: 0px;
    /*overflow: hidden;*/
    position: fixed;
    z-index: 201;
    top: 120px;
    padding: 0px;
    background: #FFFFFF;
}

.SearchDivOpen {
    width: 308px;
}

.callDiv {
    height: 362px;
    width: 0px;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    top: 120px;
    margin-top: 45px;
}

.ContactDiv {
    margin-top: 55px;
}

.buttonOpenClass {
    width: 34px;
    height: 47px;
    cursor: pointer;
    background: url(../images/FaqIcon.png) #ffffff no-repeat center center;
    position: absolute;
    top: 0px;
}

.savebuttonClass {
    display: block;
    background-image: url('../images/buttonBack.gif');
    height: 20px;
    width: 68px;
    color: White;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

.setingsHolderLink {
    height: auto;
}

.searchHolder {
    font-family: Arial;
    width: 100%;
    height: 355px;
}

.searchplaceholder {
    height: 100%;
    width: 100%;
}

.searchlineplaceholder {
    float: right;
    width: 100%;
}

.searchresultsplaceholder {
    float: right;
    width: 100%;
    height: calc(100% - 30px);
}

.searchnores {
    position: absolute;
    width: 100%;
    color: #cf0000;
    font-size: 14px;
    line-height: 20px;
}

.searchnores2 {
    width: 100%;
    color: #cf0000;
    font-size: 14px;
    line-height: 15px;
}

.searchbuttonClass {
    display: block;
    background: url('../images/buttonFaqSearch.gif') center center no-repeat;
    height: 30px;
    width: 42px;
    /*color:White;
font-size:13px;
text-decoration:none;
font-weight:bold;
margin-top:10px;
text-align:center;*/
}

.searchlabelclass {
    font-size: 14px;
    color: #868686;
    line-height: 30px;
}

.searchtextboxholderclass {
    width: 165px;
    height: 26px;
    background: url('../images/textboxFaqSearch.gif') center center no-repeat;
    padding: 2px 5px;
    border: none;
    margin: 0px 9px;
}

.searchtextboxclass {
    width: 165px;
    height: 23px;
    background-color: transparent;
    border: none;
    line-height: 23px;
}

.FaqScrollerHolder {
    width: 100%;
    height: 305px;
}

.FaqHolderClass {
    width: 100%;
    margin-top: 10px;
}

    .FaqHolderClass .FaqPlaceHolderClass {
        clear: both;
    }

    .FaqHolderClass .FaqOpenQuestionClass, .FaqHolderClass .FaqCloseQuestionClass {
        width: 245px;
        color: #0269b1;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        display: block;
        text-decoration: underline;
        min-height: 20px;
        overflow: hidden;
    }

    .FaqHolderClass .FaqShortDesc {
        color: #6e7389;
        font-size: 14px;
        width: 232px;
        border-bottom: solid 2px #cf0000;
        padding-bottom: 5px;
        margin-bottom: 5px;
        padding-right: 15px;
        overflow: hidden;
        min-height: 30px;
    }

    .FaqHolderClass .FaqAnswerClass {
        width: 100%;
        color: #6e7389;
        font-size: 14px;
        height: 33px;
        overflow: hidden;
        margin-top: 2px;
        float: right;
    }

    .FaqHolderClass .FaqAnswerClass2 {
        width: 245px;
        color: #6e7389;
        font-size: 14px;
        border-bottom: dashed 1px #cecece;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .FaqHolderClass .FaqOpenAnswerClass {
        width: 100px;
        color: #291704;
        font-size: 12px;
        text-decoration: underline;
        padding-top: 5px;
        cursor: pointer;
        height: 0px;
        overflow: hidden;
    }

    .FaqHolderClass .FaqCloseAnswerClass {
        width: 40px;
        color: #1985b3;
        font-size: 12px;
        text-decoration: underline;
        padding-top: 5px;
        cursor: pointer;
        height: 0px;
        overflow: hidden;
    }

    .FaqHolderClass .FaqSeperator {
    }

    .FaqHolderClass .NumberMenuClass {
        width: 100%;
    }

.faqiframclass {
    border: none;
}

.classstop {
    font-size: 14px;
    font-weight: normal;
    color: #5c5c5c;
    font-weight: bold;
}

.classstoplink {
    font-size: 14px;
    color: #3e71c0;
}

.choosetext {
    display: block;
    font-weight: bold;
    color: var(--primary);
}

.TextBoxWatermarkClass {
    border: none;
    background-color: transparent;
    margin-top: 3px;
    font-size: 14px;
    color: #868686;
}

.LongMTCell {
    height: 7px;
    font-size: 1px;
    background-image: url('../images/longTopCell.gif');
    background-repeat: repeat-x;
}

.createformtdclass {
    padding: 20px;
}

.cleartextboxClass {
    width: 20px;
    cursor: pointer;
}

.ColorlabelClass {
    width: 140px;
    display: block;
    font-size: 14px;
}

.longMBCell {
    height: 7px;
    background-image: url(../images/longBottomCell.gif);
    background-repeat: repeat-x;
    font-size: 1px;
}

.bottomCellFull {
    background: #4e4e4e;
    height: 25px;
    border-radius: 0 0 5px 5px;
}

td.textboxJoinform {
    border: 1px solid #C7C7C7;
    border-radius: 4px;
}

input.textboxJoinform {
    background-color: Transparent;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    width: 100px;
    font-size: 12px;
}

.showformclass {
    width: 820px;
    direction: rtl;
    text-align: right;
}

.lefttoptable {
    /*height: 41px;*/
}

.righttoptable {
    /*height: 41px;*/
}

.centertoptable {
    background: url('../images/TableTopBack.gif') repeat-x;
    width: 800px;
    /*height: 41px;*/
}

.TopTitleLabelClass {
    font-size: 16px;
    font-weight: bold;
    color: White;
    line-height: 33px;
    width: 180px;
    cursor: pointer;
    /*margin-top: 4px;*/
    text-align: center;
}

.MidlecenterTable {
    width: 801px;
    width: 810px;
    overflow: auto;
}

.form1class {
    padding: 20px;
    width: 759px;
}

.Form1PlaceHolder {
    width: 740px;
    padding: 10px;
}

.RowbaseClass {
    color: #0b64a1;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.formdisplaycodeclass {
    text-decoration: underline;
    float: right;
    margin-left: 30px;
    font-weight: bold;
}

.Refreshclass {
    background: url('../images/icons/Sync.png') no-repeat top;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: -24px;
}

.formstyletitle {
    background: url('../images/icons/Modify.png') no-repeat top right;
    padding-right: 22px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.usseralertclass {
    color: Red;
    font-size: 12px;
    font-weight: bold;
}

.AddButtonRightclass {
    height: 37px;
}

.AddButtonLeftclass {
    height: 27px;
}

.TC_AddNewSection {
    display: flex;
    align-items: flex-start;
}

.AddButtonClass {
    padding: 0.75rem 1.75rem;
    display: flex;
    gap: 10px;
}

    .AddButtonClass:after {
        content: ' + ';
        /*font-size: 26px;*/
        vertical-align: middle;
    }

.alertboxclass {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background: url('../images/dark1.png');
    display: none;
}

.msgboxclass {
    background: url('../images/msgbox.png') no-repeat;
    width: 451px;
    height: 110px;
    margin: auto;
    margin-top: 60px;
    padding: 20px;
    color: #0269b1;
    direction: rtl;
    text-align: right;
}

.msgboxclass2 {
    background: url('../images/msgbox.png') no-repeat;
    width: 300px;
    height: 110px;
    margin: auto;
    margin-top: 60px;
    padding: 20px;
    color: #0269b1;
    direction: rtl;
    text-align: right;
}

.setvisfalseclass {
    float: left;
    margin-top: -10px;
    margin-left: -10px;
}

.delfromnlholder {
    width: 500px;
    margin: auto;
    margin-top: 10px;
}

th.tableSplitter {
    /*background: url('../images/tableTopLine.gif') no-repeat 50%;*/
    background: url('../images/th_Sep.png');
    background-repeat: no-repeat;
    background-position: top;
    cursor: e-resize;
}

.cellLbl {
    /*white-space:nowrap;*/
    text-align: center;
}

.bindDataClass {
    background: NONE;
    border: NONE;
    background-color: transparent;
}

.holderdivclass1 {
    display: block;
    width: 100%;
    height: 100vh;
    background: #0000005e;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

.hidedivclass {
    position: fixed;
    width: 340px;
    background: #fff;
    height: 0px;
    overflow: hidden;
    border-radius: 5px;
    z-index: 20;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
}

.holderdivclass {
    position: relative;
}

.closehiddendivclass {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.buttonDel {
    background: url('../images/buttonorange.gif') no-repeat;
    height: 22px;
    width: 109px;
    text-align: center;
    padding-top: 5px;
    line-height: 17px;
    color: White;
    font-weight: bold;
    margin: auto;
    margin-top: 10px;
    cursor: pointer;
}

.formholder {
    padding: 4px;
    height: 108px;
}

.radioholderclass {
    width: 300px;
    padding-top: 6px;
}

.CostPlaceHoderClass {
    display: inline-block;
    width: 235px;
}

.CostsTopSectionCalss {
    background-image: url('../Images/PriceSectionTopBG.png');
    background-repeat: no-repeat;
    background-position: right top;
    width: 226px;
    height: 165px;
    text-align: center;
    padding-top: 14px;
}

.CostTitleLabelClass {
    font-size: 24px;
    color: #636363;
    display: block;
    margin-bottom: 25px;
}

.CostNumOfMemberLabelClass {
    font-size: 30px;
    color: #136791;
    display: block;
    width: 220px;
    height: 30px;
}

.CostNumOfMemberSpanclass {
    font-size: 24px;
}

.CostNumOfMemberDivclass {
    display: inline-block;
    font-size: 18px;
    color: #636363;
}

.CostShekelSignClass {
    font-size: 18px;
    color: #136791;
    width: 220px;
    height: 30px;
    margin-top: 25px;
    display: block;
}

.CostsCenterSectionCalss {
    background-image: url('../Images/PriceSectionCenterBG.png');
    background-repeat: repeat-y;
    background-position: right;
    width: 226px;
    display: block;
}

.CostsBottomSectionCalss {
    background-image: url('../Images/PriceSectionBottomBG.png');
    background-repeat: no-repeat;
    background-position: bottom;
    width: 226px;
    padding-bottom: 12px;
}

.CostPlaceHoderBlue {
    height: 179px;
    position: absolute;
}

.CostBlueTop {
    background-image: url('../Images/PlanOverBlueTop.png');
    background-repeat: no-repeat;
    height: 10px;
    width: 226px;
}

.CostBlueBack {
    background-image: url('../Images/PlanOverBlueBack.png');
    width: 226px;
    background-repeat: repeat-y;
    height: 169px;
}

.CostBluebottom {
    background-image: url('../Images/PlanOverBluebottom.png');
    background-repeat: no-repeat;
    height: 10px;
    width: 226px;
}

.CostPlaceHoderGrey {
    height: 179px;
    position: absolute;
}

.CostGreyTop {
    background-image: url('../Images/PlanOverGreyTop.png');
    background-repeat: no-repeat;
    height: 10px;
    width: 226px;
}

.CostGreyBack {
    background-image: url('../Images/PlanOverGreyBack.png');
    width: 226px;
    background-repeat: repeat-y;
    height: 169px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.CostGreybottom {
    background-image: url('../Images/PlanOverGreybottom.png');
    background-repeat: no-repeat;
    height: 10px;
    width: 226px;
}

.backToPersonClass {
    display: block;
    height: 40px;
    width: 40px;
    margin-top: 10px;
}

.searchtableclass {
    position: absolute;
    top: 30px;
}

.searchtableclass2 {
    position: absolute;
    top: 5px;
}

.hideshowdivclassTd {
    position: relative;
    width: 18px;
}

.hideshowdivclass {
    display: none;
    background-color: transparent;
    position: absolute;
    z-index: 70;
    width: 433px;
    top: 0;
}

.hideshowdivclassTop {
    float: right;
    width: 100%;
    padding-top: 12px;
    background: url('../images/subscriberDetailWindowTop.png') top left no-repeat;
}

.hideshowdivclassBottom {
    float: right;
    width: 100%;
    padding-bottom: 12px;
    background: url('../images/subscriberDetailWindowBottom.png') bottom left no-repeat;
}

.hideshowdivclassMiddle {
    /* float: right; */
    /*width: 392px;*/
    width: calc(100% - 10px);
    /* min-height: 230px; */
    /* padding: 0px 20px 0px 21px; */
    /* background: url('../images/subscriberDetailWindowMiddle.gif') top left repeat-y; */
    padding: 5px;
    border: 1px solid #AFAFAF;
    border-radius: 3px;
    background: #ffffff;
}

.hideShowDivCategoryHolderActive {
    background: #4E4E4E;
    /*float: right;
    width: 357px;*/
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.hideShowDivCategoryHolderInActive {
    /*float: right;*/
    /*width: 357px;*/
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    font-weight: bold;
    color: #494949;
    cursor: pointer;
    background: rgb(232,232,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(207,207,207,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(207,207,207,1)));
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(207,207,207,1) 100%);
    background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(207,207,207,1) 100%);
    background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(207,207,207,1) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(207,207,207,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cfcfcf',GradientType=0 );
}

    .hideShowDivCategoryHolderInActive:after {
        content: '>';
        font-weight: bold;
        position: absolute;
        left: 20px;
        font-size: 25px;
    }

.hideShowDivCategoryHolderInActive2 {
    width: 670px;
    height: 25px;
    line-height: 27px;
    font-size: 16px;
    font-weight: bold;
    color: #494949;
    cursor: pointer;
}

.hideShowDivCategoryHolderActive2 {
    width: 670px;
    height: 25px;
    line-height: 27px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.hideshowdivcategorycontentholderOpen {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.hideshowdivcategorycontentholderClose {
    float: right;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.hideshowdivholder {
    float: none;
    width: 100%;
    min-height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #575757;
    background-color: #f2f2f2;
    border-bottom: 1px solid #b7b7b7;
    display: flex;
}

.headershowdiv {
    width: 50%;
    height: 20px;
    display: table;
}

.valueshowdiv {
    min-height: 20px;
}

.ajax__calendar_container {
    z-index: 1000;
}

.attachfileholder {
    width: 100%;
}

.UplouadButtonHolderClass {
    width: 100px;
}

.attachfileclass {
    width: 20px;
    cursor: pointer;
    height: 14px;
}

.attachfilelinkclass {
    display: block;
    float: right;
    text-decoration: none;
    color: #5a71b5;
}

.attachedfilesclass {
    float: right;
    width: 800px;
    margin-right: 20px;
    font-size: 14px;
    color: #5a71b5;
    line-height: 20px;
    direction: ltr;
}

/*#region Admin Page Class */

.AdminMainAreaHolder {
    float: none;
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
}

.SystemBannerBaloon {
    position: absolute;
    background: #ffffff;
    padding: 2px 5px;
    opacity: 0;
    top: -35px;
    border-radius: 3px;
    right: 50%;
    transform: translateX(50%);
    transition: 200ms ease;
    white-space: nowrap;
}

.SystemBanner:hover .SystemBannerBaloon {
    opacity: 1;
}

    .SystemBanner:hover .SystemBannerBaloon:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #ffffff transparent transparent transparent;
        line-height: 0px;
        _border-color: #ffffff #000000 #000000 #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        position: absolute;
        bottom: -10px;
        left: calc(50% - 4.5px);
    }

/*#endregion */

/*#region manageTables Page */



.ManageTablesAddFieldsStepsHolder {
    position: relative;
    top: -30px;
    color: #777777;
}

.ManageTablesAddFieldsStepsArrowUp {
    position: absolute;
    top: -5px;
}

.manageTableslongRTCell {
    width: 7px;
    height: 7px;
}

.manageTableslongLTCell {
    width: 7px;
    height: 7px;
}

.manageTableslongRightCell {
    font-size: 1px;
    background-repeat: repeat-y;
}
/*#endregion */

/*#region editUser Page */

.editUserTopButton {
    color: #6b6b6b;
    display: block;
    width: 400px;
}

.editUserTopButtonImg {
    border: none;
    vertical-align: middle;
}

.editUserTopAlertSpan {
    display: inline-block;
    vertical-align: middle;
}
/*#endregion */

/* Status Edit User Start*/
.circleButtonStatus {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    vertical-align: middle;
}

.circleButtonStatusNoActive {
    border: 1px solid #c35f5f;
    background: #ff7a7a;
}

.circleButtonStatusActive {
    border: 1px solid #99b542;
    background: #97c700;
}

.niniNavBar {
    margin: auto;
    width: 90%;
    min-height: 22px;
    line-height: 22px;
    border-radius: 5px;
    border-bottom: 1px solid #cfcfcf;
    background: rgba(245,245,245,1);
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ebebeb', GradientType=0 );
    /*text-align: right;*/
    margin-bottom: 12px;
}

.niniNavHolder {
    display: table-cell;
}

.niniNav {
    height: 27px;
    display: table-cell;
    border-left: 1px solid #c9c9c9;
    cursor: pointer;
    color: #858585;
    font-size: 15px;
}

    .niniNav input {
        cursor: pointer;
    }

    .niniNav > div {
        padding: 3px 22px !important;
    }

    .niniNav input {
        background: initial;
        color: inherit;
        border: 0;
        width: 100%;
        height: 100%;
        padding: 3px 22px !important;
    }



    .niniNav.select {
        background: var(--primary);
        color: #fff;
        position: relative;
    }

        .niniNav.select::after {
            display: inline-block;
            content: '';
            width: calc(100% + 2px);
            position: absolute;
            left: 50%;
            top: calc(50% + 14px);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 20px 0 20px;
            border-color: var(--primary) transparent transparent transparent;
            transform: translate(-50%, -50%);
        }

        .niniNav.select::before {
            display: inline-block;
            content: '';
            border-bottom: 1px solid #a4a2a2;
            width: calc(100% + 2px);
            position: absolute;
            bottom: -1px;
            right: -1px;
        }

.niniNavHolder:first-child .niniNav.select::before {
    width: calc(100% - 2px);
}

.UserStatusBar {
    width: calc(100% - 116px);
    border-bottom: 1px solid #d3d3d3;
    white-space: nowrap;
}

.UserStatus {
    margin: 6px 30px;
}

.manageErrorUsersBottomText {
    width: 400px;
    margin: auto;
    text-align: center;
    color: #aaaaaa;
    direction: rtl;
}



.blueButtonRight {
    padding-right: 7px;
    margin: 0px 2px;
}

.blueButtonLeft {
    float: none;
    padding-left: 7px;
}

.blueButtonCenter {
    float: none;
    text-align: center;
}

.bottomTableHolder {
    margin: auto;
}

/*#endregion */

/*#region editNewslettertpl Page */

.pointingHand {
    float: none;
    width: 17px;
    height: 19px;
    margin: 0px 5px;
}

.editNewslettertplBottomTable {
    display: inline-block;
    margin: 5px 0px;
}

/*#endregion */

/*#region PurchaseSms Page */

.PurchaseSmsInvoiceDetails {
    font-weight: bold;
    text-decoration: underline;
}

/*#endregion */

/*#region info popup scroller */

.mcs_containerPopUpInfoClass {
    position: relative;
    width: 433px;
    max-height: 550px;
    z-index: 1;
    overflow-x: auto;
    padding: 5px;
    border: 1px solid #AFAFAF;
    border-radius: 3px;
    background: #ffffff;
}

::-webkit-scrollbar {
    width: 0.7em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}






.mcs_containerPopUpInfoClass .customScrollBox {
    overflow: hidden;
    /*width: 395px;*/
    height: 300px;
    /*max-height: 300px;*/
    width: 100%;
}

    .mcs_containerPopUpInfoClass .customScrollBox .container {
        /*position: absolute;*/
        /*width: 400px;*/
        width: 100%;
    }

    .mcs_containerPopUpInfoClass .customScrollBox .content {
        /*clear: both;*/
        /*width: 400px;*/
        width: 100%;
    }

.mcs_containerPopUpInfoClass .dragger_container {
    position: absolute;
    width: 9px;
    height: 280px;
    height: 270px;
    top: 10px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: s-resize;
}

.mcs_containerPopUpInfoClass .dragger {
    position: absolute;
    text-align: center;
    line-height: 60px;
    color: #666;
    overflow: hidden;
    cursor: pointer;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: url('../Images/subscriberDetailScroller.gif');
    background-position: center center;
    background-repeat: no-repeat;
    width: 9px;
    height: 142px;
}

.mcs_containerPopUpInfoClass .dragger_pressed {
    position: absolute;
    text-align: center;
    line-height: 60px;
    color: #666;
    overflow: hidden;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: s-resize;
    background-image: url('../Images/subscriberDetailScroller.gif');
    background-position: center center;
    background-repeat: no-repeat;
    width: 9px;
    height: 142px;
}

.mcs_containerPopUpInfoClass .scrollUpBtn, .mcs_containerPopUpInfoClass .scrollDownBtn {
    position: absolute;
    display: inline-block;
    width: 9px;
    height: 9px;
    text-decoration: none;
    filter: alpha(opacity=20);
    -moz-opacity: 0.20;
    -khtml-opacity: 0.20;
    opacity: 0.20;
}

.mcs_containerPopUpInfoClass .scrollUpBtn {
    top: 16px;
    top: 0px;
    background: url('../images/faqScrollArrowUp.gif') top center no-repeat;
}

.mcs_containerPopUpInfoClass .scrollDownBtn {
    bottom: 12px;
    bottom: 0px;
    background: url('../images/faqScrollArrowDown.gif') bottom center no-repeat;
}

.mcs_containerPopUpInfoClass .scrollUpBtn:hover, #mcs_container .scrollDownBtn:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
}

/* info popup scroller end */

/* ================================ TableControl PopUpInfo End ================================ */
/* ================================ EditSafeTemplate Popup Start ================================ */

.EditSafeTextHolderTop {
    float: right;
    width: 900px;
    /*padding-top:28px;*/
    background: url('../images/safeTemplateFrameTop.png') top right no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -230px;
    z-index: 10000;
    cursor: move;
}

.EditSafeCloseX {
    float: left;
    width: 12px;
    height: 20px;
    margin-top: 8px;
    margin-left: 18px;
    background: url('../images/editSafeClose.gif') top left no-repeat;
    cursor: pointer;
}

.EditSafeTextHolderBottom {
    float: right;
    width: 900px;
    padding-bottom: 13px;
    background: url('../images/safeTemplateFrameBottom.png') bottom right no-repeat;
}

.EditSafeTextHolderMiddle {
    float: right;
    width: 880px;
    height: 440px;
    min-height: 20px;
    background: url('../images/safeTemplateFrameMiddle.png') top right repeat-y;
    padding: 10px;
}

.EditSafeTextContent {
    float: right;
    width: 100%;
}

/* EditSafe popup scroller start */

.mcs_containerPopUpEditSafeClass {
    position: relative;
    width: 850px;
    height: 400px;
    height: 290px;
    z-index: 200;
    overflow: hidden;
}

    .mcs_containerPopUpEditSafeClass .customScrollBox {
        overflow: hidden;
        width: 850px;
        height: 300px;
        height: 290px;
    }

        .mcs_containerPopUpEditSafeClass .customScrollBox .container {
            position: absolute;
            width: 850px;
        }

        .mcs_containerPopUpEditSafeClass .customScrollBox .content {
            clear: both;
            width: 850px;
        }

    .mcs_containerPopUpEditSafeClass .dragger_container {
        position: absolute;
        width: 9px;
        height: 280px;
        height: 270px;
        top: 10px;
        cursor: pointer;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: s-resize;
        /*background-image:url('../Images/faqScrollerHolder.gif');
      background-position:center center;
      background-repeat:repeat-y;*/
    }

    .mcs_containerPopUpEditSafeClass .dragger {
        position: absolute;
        text-align: center;
        line-height: 60px;
        color: #666;
        overflow: hidden;
        cursor: pointer;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-image: url('../Images/subscriberDetailScroller.gif');
        background-position: center center;
        background-repeat: no-repeat;
        width: 9px;
        height: 142px;
    }

    .mcs_containerPopUpEditSafeClass .dragger_pressed {
        position: absolute;
        text-align: center;
        line-height: 60px;
        color: #666;
        overflow: hidden;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: s-resize;
        background-image: url('../Images/subscriberDetailScroller.gif');
        background-position: center center;
        background-repeat: no-repeat;
        width: 9px;
        height: 142px;
    }

    .mcs_containerPopUpEditSafeClass .scrollUpBtn, .mcs_containerPopUpEditSafeClass .scrollDownBtn {
        position: absolute;
        display: inline-block;
        width: 9px;
        height: 9px;
        text-decoration: none;
        filter: alpha(opacity=20);
        -moz-opacity: 0.20;
        -khtml-opacity: 0.20;
        opacity: 0.20;
    }

    .mcs_containerPopUpEditSafeClass .scrollUpBtn {
        top: 16px;
        top: 0px;
        background: url('../images/faqScrollArrowUp.gif') top center no-repeat;
    }

    .mcs_containerPopUpEditSafeClass .scrollDownBtn {
        bottom: 12px;
        bottom: 0px;
        background: url('../images/faqScrollArrowDown.gif') bottom center no-repeat;
    }

    .mcs_containerPopUpEditSafeClass .scrollUpBtn:hover, #mcs_container .scrollDownBtn:hover {
        filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        opacity: 0.60;
    }

/* EditSafe popup scroller end */

.EditSafeBottomButtons {
    float: right;
    width: 200px;
    padding: 20px 240px 0px 240px;
    border-top: 1px solid #B7B7B7;
}

.BlueButtonWhiteFont {
    color: White;
    cursor: pointer;
}

.BlueButtonMargin {
    margin: 0px 20px;
}

.EditSafeTextDiv {
    float: right;
    width: 830px;
    height: 38px;
    background: url('../images/editSafeTextArea.gif') top right no-repeat;
    margin-bottom: 10px;
}

    .EditSafeTextDiv textarea {
        float: right;
        width: 810px;
        height: 18px;
        margin: 10px;
        background-color: transparent;
        border: none;
    }

.EditSafeDarkBG {
    float: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: black;
    filter: alpha(opacity=20);
    -moz-opacity: 0.20;
    -khtml-opacity: 0.20;
    opacity: 0.20;
}

/* ================================ EditSafeTemplate Popup End ================================ */
.viimage {
    background: url('../images/accept2.png') center right no-repeat;
    width: 20px;
    height: 40px;
    float: right;
}

.vinoimage {
    width: 20px;
    height: 40px;
    float: right;
}

.commentclass {
    width: 100%;
    font-size: 14px;
    padding: 20px 0px;
    display: block;
}

.LoginInfoLeft {
    background: url('../images/TopLoginInfoLeft.png') no-repeat left top;
    padding-left: 8px;
    padding-right: 4px;
    height: 71px;
}

.LoginInfoRight {
    background: url('../images/TopLoginInfoRight.png') no-repeat right top;
    padding-right: 8px;
    height: 71px;
    margin-right: -3px;
}

.LoginInfoCenter {
    background: url('../images/TopLoginInfocenter.png') repeat-x right top;
    height: 71px;
}

.serviceusertext {
    width: 340px;
    line-height: 24px;
    margin: 4px 10px;
}

.serviceusertext2 {
    display: inline-block;
}

.searchaddHolder {
    /*width: 800px;*/
}

.SaveSearchgroup {
    /*    font-size: 14px;
    color: #a3acc3;
    cursor: pointer;
    text-decoration: underline;*/
}

    .SaveSearchgroup:hover {
        /*color: #1071b5;*/
    }

.SaveSearchgroupsep {
    font-size: 14px;
    margin: 0px 2px;
}

.Savenewgroup {
    /* width: 700px;*/
    height: 0px;
    overflow: hidden;
    margin-top: 20px;
}

.SavenewgroupName {
    /*    font-size: 14px;
    line-height: 20px;*/
}

.Saveaddtogroup {
    /*width: 700px;*/
    height: 0px;
    overflow: hidden;
}

.Savenewgroup, .Saveaddtogroup {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.smartedit {
    border: none;
    height: 20px;
    width: 20px;
}

.tempImgclass {
    width: 100%;
    height: 100%;
    position: relative;
}

.templatepreview {
    /*top: 0px;
    position: absolute;*/
    width: 24px;
    height: 24px;
    /*background: #ffffff url('../images/preview.png') no-repeat center center;*/
    background: url('../images/Search_Table_Icon.png') no-repeat center center;
    cursor: pointer;
    /*z-index: 20;*/
    /*border: solid 1px black;*/
}

.editnewsAdvholder {
    position: relative;
    margin: 0px 10px;
}

.editnewsAdvholderhid {
    position: absolute;
    z-index: 1000;
    overflow: hidden;
    top: 22px;
    height: 0px;
}

.editnewsAdvheader {
    display: block;
    width: 100%;
    color: #0269b1;
    font-weight: bold;
    font-size: 14px;
}

.EditNewsAdvTD {
    padding: 10px;
}

.classborderblue {
    border: solid 1px #8aceee;
    padding: 15px;
}

.editnewsimg {
    cursor: pointer;
    width: 24px;
}

.editnewsimgdiv {
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.tableFram {
    overflow: hidden;
    width: 700px;
    height: 0px;
    display: block;
    position: relative;
}

.addAdditionaltablebtn {
    float: right;
    margin-right: 20px;
}

.iframeClass {
    border: none;
    background-color: transparent;
}

.cleartable {
    position: absolute;
    top: 10px;
    z-index: 20;
    cursor: pointer;
}

.framopen {
    position: absolute;
    z-index: 70;
    top: 20px;
    height: 0px;
    overflow: hidden;
    width: 760px;
}


.EntrancePopUpHolder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url('../images/dark1.png') top left repeat;
}

.EntrancePopUpBoxPlace {
    float: none;
    width: 680px;
    margin: auto;
}

.EntrancePopupCloseButton {
    position: absolute;
    float: left;
    left: -14px;
    top: -12px;
    float: right;
    width: 35px;
    height: 35px;
    background: url('../images/EntrancePopupCloseButton.png') top left no-repeat;
    cursor: pointer;
}

.EntrancePopUpBoxTop {
    position: relative;
    float: right;
    margin-top: 25%;
    width: 680px;
    padding-top: 28px;
    background: url('../images/EntrancePopupTop.png') top left no-repeat;
}

.EntrancePopUpBoxBottom {
    float: right;
    width: 680px;
    padding-bottom: 42px;
    background: url('../images/EntrancePopupBottom.png') bottom left no-repeat;
}

.EntrancePopUpBoxMiddle {
    float: right;
    width: 660px;
    padding-right: 20px;
    min-height: 370px;
    background: url('../images/EntrancePopupMiddle.png') top left repeat-y;
}

.EntranceCheckBoxHolder {
    vertical-align: top;
    position: absolute;
    bottom: 44px;
    width: 90%;
    margin: 0px 5%;
}

.EntrancePopUpText {
    margin: 0px 30px;
}

.EntranceCheckBoxImg {
    vertical-align: middle;
}

.ContentNetworkNotActiveTD {
    text-align: center;
    vertical-align: bottom;
    background: url('../images/dark1.png') center center repeat;
}

.ContentNetworkNotActiveDiv {
    background: #D7D7D7;
    color: #990000;
    font-weight: bold;
}

.CKTableHolder {
    width: 100%;
    height: 745px;
}

.editorHolder {
    overflow: auto;
    width: 860px;
}

.EnlargedCKTable {
}

    .EnlargedCKTable.Enlarge800px {
        width: 860px !important;
    }

    .EnlargedCKTable.Enlarge500px {
        width: 500px !important;
        overflow: hidden;
    }

    .EnlargedCKTable.Enlarge860px {
        width: 860px !important;
    }

    .EnlargedCKTable.Enlarge1000px {
        position: absolute;
        width: 1000px !important;
        z-index: 2000;
    }

    .EnlargedCKTable.Enlarge100percent {
        position: absolute;
        width: 100% !important;
        left: 0;
        z-index: 2000;
    }

        .EnlargedCKTable.Enlarge100percent.New {
            /*position: absolute;*/
            width: 100% !important;
            left: -110px;
            right: -110px;
            z-index: 2000;
        }

/*#region ck mobile */

.CkMobileCopyBtnHolder {
    float: right;
    width: 10%;
    margin: 10px 45%;
    text-align: center;
}

.CkMobileCopyBtn {
    cursor: pointer;
}

.CkMobileTableHolder {
    position: relative;
    float: right;
    width: 100%;
    /*background: url('../images/SmartPhoneFrame.png') bottom right no-repeat;*/
    /*height:745px;*/
    /*padding-bottom: 150px;*/
}

.CkMobileWidth {
    width: 500px;
    /*padding-right: 23px;*/
}

    .CkMobileWidth .cke_contents {
        /*width: 100px;*/
        margin: auto;
        /*margin-top: 100px;*/
    }

    .CkMobileWidth .cke_inner {
        background-color: transparent !important;
    }

    .CkMobileWidth .cke_reset {
        /*border-color: transparent !important;*/
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.ckMobileFrame {
    position: absolute;
    float: right;
    width: 500px;
    height: 960px;
    bottom: 0;
    right: 0;
    background: url('../images/SmartPhoneFrame.png') top center no-repeat;
    background-size: cover;
}

/*#endregion */

.buttonGreen {
    height: 22px;
    width: 109px;
    text-align: center;
    padding-top: 5px;
    line-height: 17px;
    font-weight: bold;
    margin: auto;
    display: block;
    border: none;
    color: #ffffff;
    text-decoration: none;
    background-color: #4396CF;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.buttonGray {
    background: url('../images/buttongray.gif') no-repeat;
}

.buttonBlue {
    background: #025995;
    height: 22px;
    width: 109px;
    text-align: center;
    border-radius: 5px;
    padding-top: 5px;
    line-height: 17px;
    color: White;
    font-weight: bold;
    margin: auto;
    cursor: pointer;
    display: block;
    text-decoration: NONE;
    background: rgb(100,174,239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(100,174,239,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,42,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,174,239,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,42,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(100,174,239,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,42,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(100,174,239,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,42,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(100,174,239,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,42,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(100,174,239,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,42,216,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64aeef', endColorstr='#1e2ad8',GradientType=0 ); /* IE6-9 */
}

.cke_source {
    direction: ltr;
}

.msgshowonclick {
    width: 800px;
    position: absolute;
    text-align: justify;
    direction: ltr;
    z-index: 20;
}

.FullPageOpacityCover {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background: url('../images/dark1.png');*/
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    display: none;
    z-index: 1000;
}

.CloseAndSave {
    display: none;
    position: relative;
    z-index: 2000;
    cursor: pointer;
}

    .CloseAndSave img {
        vertical-align: middle;
    }


.CloseNoSave {
    display: none;
    position: relative;
    z-index: 2000;
    cursor: pointer;
}

    .CloseNoSave img {
        vertical-align: middle;
    }

.landingColor {
    width: 24px !important;
    /*height: 2px !important;*/
    margin: 0 !important;
    padding: 0 !important;
}

.textbox.landingColor {
    position: absolute;
    bottom: 0px;
}

.editLandingPagesUProgress {
    height: 100%;
    width: 100%;
    position: fixed;
    vertical-align: middle;
    text-align: center;
    background-color: #ffffff;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.Save {
    display: none;
    position: relative;
    z-index: 2000;
    /*z-index:1090;*/
    cursor: pointer;
}

    .Save img {
        vertical-align: middle;
    }

.WhiteFont {
    color: #ffffff;
}

/* ######################### EditUser Start ######################### */

.editUserButtonHolder {
    float: right;
    width: 90%;
    /*height: 30px;*/
    line-height: 30px;
    font-size: 22px;
    margin-bottom: 5px;
    color: #0269b1;
    background: white;
    border: 1px solid #0269b1;
    margin: 0% 5% 1% 5%;
    border-radius: 5px;
    box-shadow: 0px 1px 1px;
    cursor: pointer;
}

    .editUserButtonHolder:hover, .editUserButtonHolder.active {
        background: #0269b1;
        color: white;
    }

.editUserTableHolder {
    float: right;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

    .editUserTableHolder.first {
        height: auto;
    }

/* ######################### EditUser End ######################### */

/* ######################### Add Start ####################### */
.suffixTable {
    border: 1px solid #d4d2d3;
    border-radius: 20px;
    padding: 10px;
}

.suffixTableHaed {
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top, #7db9e8 0%, #1e5799 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7db9e8 0%,#1e5799 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );*/ /* IE6-9 */
}

.BtnOrange {
    background: #ff9a35; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9a35 0%, #ff7f04 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a35), color-stop(99%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9a35 0%,#ff7f04 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9a35 0%,#ff7f04 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9a35 0%,#ff7f04 99%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9a35 0%,#ff7f04 99%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a35', endColorstr='#ff7f04',GradientType=0 );*/ /* IE6-9 */
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    box-shadow: 0px 1px 13px 0px;
}

.BtnGreen {
    background: #819e84; /* Old browsers */
    background: -moz-linear-gradient(top, #819e84 0%, #009318 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819e84), color-stop(100%,#009318)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #819e84 0%,#009318 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #819e84 0%,#009318 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #819e84 0%,#009318 100%); /* IE10+ */
    background: linear-gradient(to bottom, #819e84 0%,#009318 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#819e84', endColorstr='#009318',GradientType=0 );*/ /* IE6-9 */
    padding: 7px;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 0px 1px 13px 0px;
    color: #ffffff;
    display: block;
    cursor: pointer;
}
/* ######################### Add End ######################### */
/* ######################### FacebookMsg Start ######################### */

.AppIdHolder {
}

.AppIdCheckLbl {
    font-size: 12px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: super;
    display: inline-block;
}

.AppIdRepaterHolder {
    float: right;
    margin-top: 10px;
    width: 100%;
}

.FbPagesTitleLbl {
    float: right;
    margin-bottom: 5px;
    width: 100%;
    font-size: 12px;
    text-decoration: underline;
}

/* ######################### FacebookMsg End ######################### */
/* ######################### editLandingPagesNew Start ######################### */

.balloonTip {
    box-shadow: none !important;
    border: 1px solid #c1c1c1 !important;
    background: #eeeeee !important; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #dcdcdc 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dcdcdc)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dcdcdc 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#dcdcdc 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#dcdcdc 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#dcdcdc 100%) !important; /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dcdcdc',GradientType=0 ) !important;*/ /* IE6-9 */
    opacity: 1 !important;
}

.hideElement {
    display: none;
}

.CkCenterPlaceHolder {
    text-align: center;
    width: 100%;
}

.CkPlaceHolder {
    /*float: left;*/
    display: inline-block;
    text-align: center;
}

    .CkPlaceHolder .EnlargedCKTable {
        width: 860px;
        text-align: center !important;
    }

    .CkPlaceHolder .cke_1 {
        display: inline-block !important;
    }

    .CkPlaceHolder .cke_2 {
        float: none !important;
        margin: auto !important;
    }

.CkCenterPlaceHolder.Enlarge100percent {
    position: absolute;
    left: 0;
}

    .CkCenterPlaceHolder.Enlarge100percent .CkPlaceHolder {
        width: 100% !important;
        margin-bottom: 500px;
    }

.CkTopBarTabsHolder {
    position: relative;
    z-index: 10000;
    /*z-index:1000;*/
    width: 96%;
    display: inline-block;
    padding: 0px 1%;
    height: 32px;
    text-align: center;
}

.CkTopTab {
    display: inline-block;
    position: relative;
    width: 116px;
    /*height: 32px;*/
    -webkit-border-radius: 15px 15px 0px 0px;
    border: 1px solid #699fc4;
    border-bottom: none;
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    background: #fcfcfc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMwYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #c1c0c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#c1c0c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#c1c0c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#c1c0c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#c1c0c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#c1c0c0 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c1c0c0',GradientType=0 );*/ /* IE6-8 */
    cursor: pointer;
}

    .CkTopTab.active,
    .CkTopTab:hover {
        background: #4e9ed3; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlOWVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU4OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #4e9ed3 0%, #005897 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e9ed3), color-stop(100%,#005897)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4e9ed3 0%,#005897 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4e9ed3 0%,#005897 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4e9ed3 0%,#005897 100%); /* IE10+ */
        background: linear-gradient(to bottom, #4e9ed3 0%,#005897 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e9ed3', endColorstr='#005897',GradientType=0 );*/ /* IE6-8 */
    }

/*#region rtl-ltr */

/*.CkTopTab.Mobile {
        
    }
        
        .CkTopTab.Mobile:hover,
        .CkTopTab.Mobile.active {
            
        }*/

/*#endregion */

.CkTabIcon {
    float: left;
    width: 100%;
    height: 31px;
}

    .CkTabIcon.ComputerTab {
        background: url('../images/editLandingPagesNew/CompTabIcon.png') top center no-repeat;
    }

    .CkTabIcon.MobileTab {
        background: url('../images/editLandingPagesNew/MobileTabIcon.png') top center no-repeat;
    }

    .CkTopTab:hover > .CkTabIcon,
    .CkTabIcon:hover,
    .active .CkTabIcon {
        background-position: bottom center;
    }

.CkTopTab.Mobile:hover > .CkTabMenu {
    display: block;
}

.CkTabMenu {
    position: absolute;
    display: none;
    top: 30px;
    background: #f5f5f5;
    border: 1px solid #055f9e;
    padding: 5px;
    z-index: 9999;
}

.CkTabMenuText {
    float: left;
    min-width: 180px;
    color: #777777;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    overflow: hidden;
}

    .CkTabMenuText:hover {
        color: #1868a1;
    }

    .CkTabMenuText.MobileCopy {
        background-image: url('../images/editLandingPagesNew/CopyToMobileIcon.png');
        background-repeat: no-repeat;
    }

    .CkTabMenuText.MobileBlank {
        background-image: url('../images/editLandingPagesNew/BlankMobileIcon.png');
        background-repeat: no-repeat;
    }

.CkTopBarHolder {
    position: relative;
    z-index: 9999;
    /*z-index:inherit;*/
    /*float: left;*/
    width: 96%;
    display: inline-block;
    padding: 10px 1%;
    height: 20px;
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    background: #eeeeee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background: -moz-linear-gradient(top, #eeeeee 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#dcdcdc 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dcdcdc',GradientType=0 );*/ /* IE6-8 */
}

.EnlargePageIcon {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.CkTopSaveBtnHolder {
    position: relative;
    display: inline-block;
    width: 20%;
    min-width: 110px;
    height: 21px;
}

.CkTopBtn {
    /*float: left;*/
    position: relative;
    display: inline-block;
    padding: 0px 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: auto;
    height: 21px;
    line-height: 21px;
    text-decoration: none;
    font-size: 14px;
    margin: 0px 1px;
    cursor: pointer;
    min-width: 30px;
    text-align: center;
    /*overflow: hidden;*/
    margin-bottom: 5px;
}

    .CkTopBtn.Grey {
        color: #777777;
        border: 1px solid #c1c1c1;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
        background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%,#eeeeee 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 );*/ /* IE6-8 */
    }

    .CkTopBtn.Green {
        overflow: hidden;
        color: white;
        background: #b3e01c; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2IzZTAxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OThmMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
        background: -moz-linear-gradient(top, #b3e01c 1%, #598f09 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b3e01c), color-stop(100%,#598f09)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #b3e01c 1%,#598f09 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #b3e01c 1%,#598f09 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #b3e01c 1%,#598f09 100%); /* IE10+ */
        background: linear-gradient(to bottom, #b3e01c 1%,#598f09 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e01c', endColorstr='#598f09',GradientType=0 );*/ /* IE6-8 */
    }

    .CkTopBtn.Save {
        position: absolute;
        width: 90%;
        min-width: 100px;
    }

        .CkTopBtn.Save:hover {
            height: auto;
        }

    .CkTopBtn .SaveText {
        width: 75%;
    }

.CkBtnWindowHolder {
    float: left;
    display: none;
    position: absolute;
    top: 23px;
    min-width: 30px;
    min-height: 50px;
    background: white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #959595;
    cursor: default;
    padding: 5px;
    z-index: 9999;
    line-height: normal;
}

.CkTopBtnIcon,
.CkTopBtnIcon a {
    display: inline-block;
    width: 100%;
    height: 21px;
    color: #777777;
    background-repeat: no-repeat;
    background-position: center top;
    text-decoration: none;
}

    .CkTopBtnIcon:hover,
    .CkTopBtnIcon a:hover,
    .CkTopBtnIcon.active {
        color: #7db603;
        background-position: center bottom;
    }

    .CkTopBtnIcon.AddForm {
        background-image: url(../images/editLandingPagesNew/AddFormBtnIcon.png);
    }

    .CkTopBtnIcon.AddTag {
        background-image: url(../images/editLandingPagesNew/AddTagBtnIcon.png);
    }

    .CkTopBtnIcon.AddFile {
        background-image: url(../images/editLandingPagesNew/AddFileBtnIcon.png);
    }

    .CkTopBtnIcon.AddColor {
        background-image: url(../images/editLandingPagesNew/ColorBtnIcon.png);
    }

    .CkTopBtnIcon.AddHtml {
        background-image: url(../images/editLandingPagesNew/HtmlBtnIcon.png);
    }

    .CkTopBtnIcon.AddFacebook {
        background-image: url(../images/editLandingPagesNew/FacebookBtnIcon.png);
    }

    .CkTopBtnIcon.AddFacebookLike {
        background-image: url(../images/editLandingPagesNew/FacebookLikeBtnIcon.png);
    }

    .CkTopBtnIcon.AddYouTube {
        background-image: url(../images/editLandingPagesNew/YouTubeBtnIcon.png);
    }

    .CkTopBtnIcon.AddYouTube {
        background-image: url(../images/editLandingPagesNew/YouTubeBtnIcon.png);
    }

    .CkTopBtnIcon.AddBgImg {
        width: 30px;
        background-image: url(../images/editLandingPagesNew/ImgBgBtnIcon.png);
    }

    .CkTopBtnIcon.SendTestSMS {
        width: 30px;
        background-image: url(../images/editLandingPagesNew/SendSMSBtnIcon.png);
    }

    .CkTopBtnIcon.CreateCallLink {
        width: 30px;
        background-image: url(../images/editLandingPagesNew/PhoneBtnIcon.png);
    }

    .CkTopBtnIcon.ShowPreview {
        overflow: hidden;
        background-image: url(../images/editLandingPagesNew/SearchBtnIcon.png);
    }

.CkTopBtn.ShowPreview.Computer {
    min-width: 15%;
}

.CkTopBtnIcon.ShowPreview.Computer {
    width: 80%;
    min-width: 22px;
}

.CkTopBtn.ShowPreview.Mobile {
    min-width: 0px;
}

.CkTopBtnIcon.ShowPreview.Mobile {
    width: 0px;
}

.editLandingFullPageHolder {
    float: left;
    display: none;
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    overflow: auto;
}

    .editLandingFullPageHolder .CkTopBarHolder {
        width: 98%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-border-radius: 0px;
    }

.smsNoBalanceDiv {
    float: left;
}

    .smsNoBalanceDiv span,
    .smsNoBalanceDiv a,
    .smsHaveBalanceDiv span,
    .smsHaveBalanceDiv a {
        white-space: nowrap;
    }

.SendTestSMSTBox {
    width: 100px;
    height: 15px;
    border: 1px solid #abadb3;
    text-align: center;
    margin: 10px;
}

.editLandingTestBtn {
    color: white;
    text-decoration: none;
}

.SmsFrameHolder {
    float: left;
    min-width: 130px;
    border: 1px solid #8aceee;
}

.CkBgImgClear {
    cursor: pointer;
}

.CkImgBG {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #777777;
    margin: 5px;
    cursor: pointer;
    background: #dedede;
    overflow: hidden;
}

    .CkImgBG img {
        min-height: 70px;
        max-width: 70px;
    }

    .CkImgBG:hover,
    .CkImgBG.active {
        box-shadow: black 0px 0px 4px 0px;
    }

    .CkImgBG:active {
        box-shadow: none;
    }

.AddBgImg + .CkBtnWindowHolder {
    width: 220px;
}

.BgImgHolder {
    float: left;
    width: 100%;
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px solid #777777;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.BgImgOptionsHolder {
    float: left;
    width: 100%;
    height: 30px;
    position: relative;
}

.BgImgOptionDDHolder {
    float: left;
    width: 100%;
    height: 30px;
    overflow: hidden;
    border: 1px solid #c1c1c1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: white;
}

    .BgImgOptionDDHolder:hover {
        height: auto;
        -webkit-box-shadow: inset 1px 0px 7px -3px #000000;
        box-shadow: inset 1px 0px 7px -3px #000000;
    }

.BgImgOption {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

    .BgImgOption:hover {
        color: #7db603;
        cursor: pointer;
    }

    .BgImgOption.OptionRepeat {
        background: url('../images/editLandingPagesNew/BackgroundOption.png') center left no-repeat;
    }

    .BgImgOption.OptionStretch {
        background: url('../images/editLandingPagesNew/BackgroundOption.png') center left no-repeat;
    }

    .BgImgOption.OptionCover {
        background: url('../images/editLandingPagesNew/BackgroundOption.png') center left no-repeat;
    }

    .BgImgOption.OptionCenter {
        background: url('../images/editLandingPagesNew/BackgroundOption.png') center left no-repeat;
    }

.UploadBgImgBtn {
    float: left;
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 2px 0px;
    color: #777777;
    border: 1px solid #c1c1c1;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 );
    cursor: pointer;
}

    .UploadBgImgBtn:hover {
        color: #7db603;
    }

.styledScroller::-webkit-scrollbar {
    width: 7px;
    height: 3px;
}

.styledScroller::-webkit-scrollbar-track {
    width: 6px;
    background: #fff;
}

.styledScroller::-webkit-scrollbar-thumb {
    background: #777777;
}

.styledScroller::-webkit-scrollbar-corner {
    background-color: transparent;
}

.SaveAsDiv {
    float: left;
    height: 162px;
    width: 332px;
    position: fixed;
    vertical-align: middle;
    text-align: center;
    z-index: 70000;
    direction: ltr;
}

.BackgroundBlueButton {
    background: #4396CF;
    color: #fff;
    cursor: pointer;
    display: inline;
    padding: 10px 15px;
    border-radius: 5px;
    border: 0px;
    margin: 20px;
    text-decoration: none;
    font-size: 16px;
}

    .BackgroundBlueButton:hover {
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    }

.BackgroundMesseg {
    color: #1e5799;
    cursor: default;
    display: inline;
    padding: 20px;
    margin: 20px;
    text-decoration: none;
}

.tablelink {
    color: #a3a3a3;
    text-decoration: none;
    display: block;
}

    .tablelink:hover {
        color: #1071c2;
        text-decoration: underline;
    }

.RightListPlaceHolder {
    visibility: hidden;
}

    .RightListPlaceHolder.Open {
        visibility: visible;
    }

.CreditPlaceHolder {
    color: #595959;
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px 0px;
    bottom: 0;
}

.creaditorPopUp {
    padding: 30px 10px;
    display: table;
    margin: auto;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 2px 9px 5px rgba(76, 76, 76, 0.89);
}

.successText {
    color: #40bd9e;
}

.creaditorPopUp .redTitle {
    margin: auto;
    display: table;
    margin-top: 0px;
    margin-bottom: 20px;
    color: red;
    font-size: 17px;
}

.errorText {
    color: red;
}

.EditPageLangItem {
    width: 25%;
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #1071b5;
    margin: 10px auto 10px auto;
    height: 50px;
    overflow: hidden;
}


.EditPageLangMainArea {
    text-align: center;
    clear: both;
    float: right;
    width: calc(100% - 20px);
    direction: ltr;
}

.EditPageLangItemTextBox {
    width: calc(96% - 22px);
    padding: 2%;
}

.EditPageLangMainArea:after,
.EditPageLangItem:after {
    content: '';
    clear: both;
}



.eventsPlaceHolder {
    width: 95%;
    background: #ffffff;
    margin: auto;
}

.SmsStatusReportHolder {
    width: 500px;
    margin: auto;
}

.smsreportrowclass {
    min-height: 25px;
}

.smsreportcolumnclass {
    display: inline-block;
    width: 160px;
}

.smsDealsDiv {
    margin: auto;
    width: 98%;
}

.Notice {
    margin-bottom: 80px;
}

.sms-virtual-number-info {
    display: inline-block;
    width: 175px;
    height: 187px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}

.sms-virtual-number-info-text {
    color: #020202;
    font-size: 12px;
    margin: 5px;
    line-height: 19.5px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.smsDealsDivContent {
    margin: auto;
    display: table;
    width: 100%;
    max-width: 800px;
}

.underlineOrange {
    height: 1px;
    width: 95%;
    display: table;
    margin: auto;
    background: #fab55b;
    z-index: 999;
    position: relative;
    margin-top: -2px;
}

.smsdealHolder {
    width: 264px;
    color: #2d2d2d;
    text-align: center;
    min-height: 230px;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
    background: #e1e1e1;
}

.smsdealHolderBundle {
    -webkit-box-shadow: 0px 0px 15px -5px #000;
    -moz-box-shadow: 0px 0px 15px -5px #000;
    box-shadow: 0px 0px 15px -5px #000;
    width: 300px;
    margin: 14px;
    margin-top: -38px;
    margin-bottom: 0px;
}

.titleBundle {
    font-size: 30px;
    font-weight: bold;
    background: #f88d03;
    height: 33px;
    line-height: 33px;
    color: #fff;
}

.ajax-upload-dragdrop {
    border: 2px dotted #a5a5c7;
    color: #dadce3;
    padding: 10px 10px 0 10px;
    vertical-align: middle;
    width: 400px;
}

    .ajax-upload-dragdrop span {
        display: block;
        line-height: 34px;
    }

.editacountupload .ajax-upload-dragdrop {
    width: 190px !important;
}

    .editacountupload .ajax-upload-dragdrop span {
        margin-right: 15px;
    }

.dealnameclass {
    color: #4e4e4e;
    font-size: 24px;
    height: 49px;
    line-height: 49px;
    color: #fff;
    background: #4e4e4e;
}

.HolderSMSPackageQuantity {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 15px;
}

.SMSPackageQuantity {
    font-size: 48px;
    color: #fff;
    float: right;
}

.SMSPackageQuantityBig {
    font-size: 54.5px;
    color: #fff;
}

.SMSPackageQuantityCenter {
    margin: auto;
    display: table;
}

.SMSPackageQuantityUntil {
    float: right;
    margin: 8px;
}

.blueLite {
    background: var(--primary);
}

.DarkOrange {
    background: #f88d03;
}

.smsnumclass {
    height: 111px;
    line-height: 35px;
    width: 100%;
    color: #cdcdcd;
    font-size: 18px;
}

.smsdealtext {
    display: inline-block;
    width: 140px;
}

.SMS_PriceListTitles {
    background: #4e4e4e;
    color: #fff;
    margin-bottom: 10px;
    padding: 3px;
}

    .SMS_PriceListTitles.Mix {
        padding: 13px;
    }

.DealPriceclass {
    display: inline-block;
    font-size: 15px;
    color: #edf2f0;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    border-bottom: solid 1px #a4b3bc;
    font-weight: bold;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.smscolumnclass {
    width: 50px;
    height: 30px;
    margin: 5px 0px 5px 0px !important;
    cursor: pointer;
    text-align: center !important;
}

    .smscolumnclass .select {
        background: var(--primary);
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        color: #fff;
    }

    .smscolumnclass.Long {
        max-width: 45px;
    }

        .smscolumnclass.Long .select {
            background: #f88d03;
            display: inline-block;
            padding: 10px;
            padding-top: 7px;
            padding-bottom: 7px;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            margin-right: -8px;
        }

.smscolumnclassbundle {
    width: 200px;
}

.smscolumnboldclass {
    width: 70px;
    display: inline-block;
    font-weight: bold;
}

.smscolumnboldclasstitle {
    width: 53px;
    display: table;
    text-align: center !important;
    margin: 5px 5px 5px 5px !important;
    line-height: 16px;
}

    .smscolumnboldclasstitle.Long {
        margin: 5px 0px 5px 18px !important;
    }

.smstablerowholder {
    min-height: 30px;
    border-bottom: 1px solid #616161;
}

    .smstablerowholder.Mix {
        margin-left: 3px;
        margin-right: 3px;
    }

    .smstablerowholder:hover {
        background: #898989;
    }

.altsmstablerowholder {
    color: #c8f2e1;
    cursor: pointer;
}

    .altsmstablerowholder:hover {
        background: #687d8c;
        cursor: pointer;
    }

.smsselrowholder {
    width: 100%;
}

.smsselrowdel {
    cursor: pointer;
    display: inline-block;
    color: red;
    background: #fff;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 20px;
}

.smsselrownum {
    display: inline-block;
    margin: 10px;
}

.sumPurchaseSmsHolder {
    position: absolute;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.sumPurchaseSms {
    position: fixed;
    background: white;
    padding: 20px;
    border-radius: 5px;
    z-index: -1;
}

.btns {
    display: inline-flex;
    margin: 20px;
}

.SumTitle {
    width: 100%;
    margin-top: 50px;
    color: var(--primary);
    font-size: 24px;
}

.smsseltableholder, .smsseltableholderExme {
    width: 100%;
    background: var(--primary);
    margin-top: 5px;
    font-size: 18px;
    font-family: Arial;
    color: #fff;
}

.smsseltableholderExme {
    display: none;
}

.purchsmssummeryholder {
    width: 90%;
    background: #eaeaea;
    border-radius: 9px;
    height: 30px;
    padding: 10px 5%;
}

.smsselrownumheader {
    height: 30px;
    margin: 10px 10px;
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
}

.smsselrownumtitle {
    color: white;
    font-weight: bold;
}

.smspurchaseregstatusholder {
    width: 100%;
    border: solid 1px var(--primary);
    padding: 19px 71px;
    border-radius: 10px;
    margin: 5px;
    position: relative;
}

.icon70_1 {
    width: 50px;
    height: 50px;
    color: black;
    font-family: alef;
    font-size: 16px;
    border: solid 1px var(--primary);
    padding: 4px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border-radius: 50px;
    position: absolute;
    top: 20px;
}

.icon70_2 {
    width: 20px;
    height: 20px;
    color: black;
    font-family: alef;
    font-size: 12px;
    border: solid 3px #6ca7d2;
    padding: 4px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
}

.purchessmssubtitle {
    width: 95%;
    margin: auto;
    border-bottom: 1px solid #4f4f4f;
}

.purchessmscomment {
    width: 600px;
    margin: auto;
}

#mysummeryfinnal {
    width: 600px;
    margin: auto;
}

.purchassmsRegulations {
    height: 200px;
    width: 500px;
    overflow: auto;
    vertical-align: top;
    font-size: 11px;
    margin: auto;
    padding: 50px;
    border: solid 3px #6ca7d2;
    border-radius: 5px;
}
/* ######################### PurchaseSms End ######################### */

/* ######################### seriesMessages End ######################### */
.SeriesMessagesholder {
    width: 100%;
    position: relative;
}

.CopySeriesMsgHolderclass {
    margin-top: 15px;
}

.copMsgHolder {
    position: fixed;
    width: 750px;
    border-radius: 10px;
    height: 443px;
    background-color: white;
    top: 50%;
    margin-top: -230px;
    padding: 7px;
    background: #e7e7e7;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.86);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.86);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.86);
}

    .copMsgHolder ::-webkit-scrollbar {
        width: 6px;
        background: #d3d3d3;
    }



    .copMsgHolder ::-webkit-scrollbar-thumb {
        background-color: #767676;
        border: none;
    }

.msgtitleclass {
    font-weight: bold;
    margin: 5px 0px;
}

.fixbutton {
    padding: 5px;
    border-radius: 5px;
    margin: 10px;
    min-width: 100px;
}
/* ######################### seriesMessages End ######################### */

.ajax-file-upload-statusbar {
    border: 1px solid #0ba1b5;
    margin-top: 10px;
    margin: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
}

.ajax-file-upload-filename {
    width: 100%;
    height: auto;
    color: #807579;
}

.ajax-file-upload-progress {
    margin: 0 10px 5px 10px;
    position: relative;
    width: 250px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
}

.ajax-file-upload-bar {
    background-color: #0ba1b5;
    width: 0;
    height: 20px;
    border-radius: 3px;
    color: #fff;
}

.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
}

.ajax-file-upload-red {
    -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
    -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
    box-shadow: inset 0 39px 0 -24px #e67a73;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
}

.ajax-file-upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
}

.ajax-file-upload {
    display: inline-block;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    height: 30px;
    display: block;
    background: #fff;
    border: 1px solid var(--primary);
    color: #888;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 6px 10px 4px 10px;
    color: #fff;
    background: var(--primary);
    border: 0;
    -moz-box-shadow: 0 2px 0 0 var(--primary);
    -webkit-box-shadow: 0 2px 0 0 var(--primary);
    box-shadow: 0 2px 0 0 var(--primary);
    vertical-align: middle;
    cursor: pointer;
}

.ajax-upload-dragdrop {
    border: 2px dotted #a5a5c7;
    color: var(--primary-text);
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    width: 400px;
}

    .ajax-upload-dragdrop.state-hover {
        border: 2px solid #a5a5c7;
    }

.ajax-file-upload-error {
    color: red;
    width: 100%;
}

.ajax-upload-dragdrop span {
    display: block;
    line-height: 34px;
}

.editacountupload .ajax-upload-dragdrop {
    width: 190px !important;
}

    .editacountupload .ajax-upload-dragdrop span {
    }

.attachfileholder .ajax-file-upload {
    background: url('../images/editicons/attach.png') no-repeat;
    border: none;
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`*/
.Alsobutton {
    display: inline-block;
    width: 50px;
    text-align: center;
    padding: 0px 10px;
    background: #efefef;
    text-decoration: none;
    border: solid 1px #e8e8e8;
    border-radius: 5px;
    color: #787878;
    font-size: 14px;
}

.Alsobuttonsel {
    color: black;
    border-color: #afd7fb;
    border-width: 2px;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #ababab 50%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ababab), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%,#ababab 50%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%,#ababab 50%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%,#ababab 50%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efefef 0%,#ababab 50%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ababab',GradientType=0 ); /* IE6-9 */
}

.helpbutton {
    width: 24px;
    height: 24px;
    background: url('../images/helpicon.png') no-repeat;
    cursor: pointer;
    background-size: 20px;
}

.Help1class {
    margin-top: -40px;
}

.helpfavcy {
    display: none;
    width: 150px;
    padding: 10px 2px;
    position: absolute;
    min-height: 50px;
    max-height: 200px;
    background: white;
    border: solid 3px #a4e9ff;
    top: 0px;
    font-size: 14px;
    font-style: italic;
    border-radius: 10px;
}

.helpcontent {
    width: 100%;
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}

.helpclose {
    background: url('../images/icons/deny.png') no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -12px;
    cursor: pointer;
}


.Help1class ::-webkit-scrollbar {
    width: 6px;
}

.Help1class ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #a4e9ff;
    border-radius: 6px;
}

.Help1class ::-webkit-scrollbar-thumb {
    background-color: #afd7fb;
    /*outline: 1px solid slategrey;*/
    border: none;
    border-radius: 6px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`*/
.FancytitleSpan {
    width: 100%;
    background-color: #313131;
    /*height: 19px;*/
    color: #64b9c5;
    font-size: 18px;
    padding: 8px 0px;
    text-align: center;
}

.seriestoptableclass {
    width: 748px;
    background-color: #4e4e4e;
    height: 35px;
    color: #ededed;
    font-size: 14px;
    line-height: 35px;
    border: solid 1px #8d8d8d;
}

.seriestoptabletitle1 {
    float: right;
    width: 200px;
    border-left: solid 1px #686868;
}

.seriestoptabletitle2 {
    float: right;
    width: 171px;
    border-left: solid 1px #686868;
}

.seriestoptabletitle3 {
    float: right;
    width: 93px;
    border-left: solid 1px #686868;
    line-height: 15px;
}

.seriestoptabletitle4 {
    float: right;
    width: 90px;
    border-left: solid 1px #686868;
}

.seriestoptabletitle5 {
    float: right;
    width: 165px;
}

.seriescopyrow1 {
    float: right;
    width: 160px;
    overflow: hidden;
    height: 30px;
}

.seriescopyrow2 {
    float: right;
    width: 153px;
    overflow: hidden;
    height: 30px;
}

.seriescopyrow2fix {
    width: 173px;
}

.seriescopyrow3 {
    text-align: center;
    width: 93px;
    height: 30px;
}

.seriescopyrow4 {
    text-align: center;
    width: 90px;
    height: 30px;
}

.seriescopyrow5 {
    float: right;
    width: 178px;
    height: 30px;
}

.seriesmsgforcopyholder {
    width: 748px;
    height: 325px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #7a7a7a;
    font-size: 14px;
    line-height: 30px;
    border: solid 1px #d2d2d2;
    border-top: none;
}

.seriesdaysel {
}

.seriesdayunsel {
    color: #c6c6c6;
}

.editseriesdaysel {
}

.editseriesdayunsel {
    float: right;
    color: #c6c6c6;
}

.newbuttonclass {
    width: 130px;
    /*height: 16px;*/
    text-align: center;
    font-size: 16px;
    color: white;
    font-weight: bold;
    background-color: #9dcd07;
    text-decoration: none;
    border-radius: 5px;
    padding: 6px 0px;
    margin: 10px;
}

.blueLiteButton {
    background: var(--primary);
    border-radius: 5px;
    min-width: 260px;
    height: 45px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    display: block;
    line-height: 44px;
    text-decoration: none;
    margin-top: 30px;
}

.btngreen {
    background-color: #9dcd07;
}

.btngray {
    background-color: #8d8d8d;
}

.blackclosewin {
    background: url('../images/closeblackright.png') no-repeat;
    width: 45px;
    height: 48px;
    position: absolute;
    top: -18px;
    right: -20px;
    display: block;
    cursor: pointer;
}

.seriescopyrow {
}

.seriescopyrowtemp2 {
    background-color: #efefef;
}

.seriescopyrowtemp {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.serieseditbubble {
    display: none;
    cursor: pointer;
    width: 123px;
    height: 58px;
    padding-top: 5px;
    position: absolute;
    top: -40px;
    color: white;
    z-index: 1;
    width: 25px;
    height: 20px;
}

.serieseditbubbleMOUSE {
    display: none;
    cursor: pointer;
    pointer-events: none;
    width: 123px;
    height: 58px;
    padding-top: 5px;
    position: absolute;
    top: -40px;
    color: white;
    z-index: 6;
}

.serieseditbubble2 {
    display: none;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 1px;
    color: white;
}

.seriescopyrowtemp:hover {
    background-color: #dfdfdf;
}

    .seriescopyrowtemp:hover .serieseditbubble2 {
        /*display:block;*/
    }

.seriescopyrowedit {
    position: relative;
    width: 100%;
    float: right;
    cursor: pointer;
    background-color: #dfdfdf;
}

.whitebg, .whitebg2 {
    width: 30px;
    height: 20px;
    background-color: transparent;
    margin-top: 5px;
}

.SeriesNameclass {
    margin: 5px 0px;
    border: none;
    width: 153px;
    text-align: center;
    color: #7a7a7a;
    float: right;
    position: relative;
    z-index: 3;
    height: 18px;
}

.SeriesInternalNameclass {
    margin: 5px 0px;
    margin-right: 10px;
    border: none;
    width: 165px;
    text-align: center;
    color: #7a7a7a;
    float: right;
    position: relative;
    z-index: 3;
    height: 18px;
}

.SeriesDaysAfterclass {
    margin: 5px 0px;
    margin-right: 10px;
    border: none;
    width: 65px;
    text-align: center;
    color: #7a7a7a;
    float: right;
    position: relative;
    z-index: 3;
    height: 18px;
}

.Seriesdrop {
    border: none;
    color: #7a7a7a;
}

    .Seriesdrop option {
        color: #7a7a7a;
    }

.seriescopydaycheckbox {
    float: right;
    margin: 8px 2px;
}

.copyseriesmsgsum {
    margin-left: 20px;
    font-size: 14px;
    color: black;
    margin-top: 15px;
}

.copyseriesmsgsum2 {
    color: var(--primary);
}

.findinlistfilter {
    width: 300px;
    height: 40px;
    margin-top: -40px;
}

.findinlistprograss {
    margin: 10px;
    position: relative;
    width: 330px;
    z-index: 10;
    margin-top: -10px;
}


.ContactGroupholder {
    margin-top: 14px;
}

.ContactGroupbutton {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

#notMainAccountAlert {
    display: none;
}

td.tableLeftimport {
    background-repeat: repeat-y;
    text-align: center;
    font-size: 1px;
    width: 11px;
}

.ExampleFormHolder {
    padding: 20px;
    text-align: center;
}

.EditContactGrouptable {
    float: right;
    width: 100%;
    margin-top: 30px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .EditContactGrouptable::-webkit-scrollbar {
        width: 6px;
        background: #d3d3d3;
    }



    .EditContactGrouptable::-webkit-scrollbar-thumb {
        background-color: #767676;
        /*outline: 1px solid slategrey;*/
        border: none;
    }

.CreaditorHolder {
    width: 99%;
    margin: auto;
}

.halfBlackWindow2, .halfBlackWindow3 {
    background: rgba(0, 0, 0, 0.33);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    display: none;
    padding-top: 5%;
}

.holderBtnsSaveAndShow > div:hover {
    color: #3dd1bb;
}

.ThePopUp, .ThePopUp2, .ThePopUp3 {
    min-width: 40%;
    position: absolute;
    top: 68px;
    /*min-height: 300px;*/
    background: #E5E5E5;
    z-index: 9999;
    margin: 29%;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1%;
    font-size: 18px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .ThePopUp td:nth-child(2), .ThePopUp2 td:nth-child(2), .ThePopUp3 td:nth-child(2) {
        padding-bottom: 5px;
        text-align: center;
        padding-top: 5px;
    }

    .ThePopUp table, .ThePopUp table {
        width: 100%;
        margin-top: 20px;
    }

    /*.ThePopUp td ,.ThePopUp2 td ,.ThePopUp3 td {
        font-size: initial;
        width: 22%;
        display: inline-block;
    }*/

    .ThePopUp .tdfieldtext, .ThePopUp2 .tdfieldtext, .ThePopUp3 .tdfieldtext {
        font-size: initial;
        width: calc(28% - 2px);
        display: inline-block;
    }

    .ThePopUp .tdfieldval, .ThePopUp2 .tdfieldval, .ThePopUp3 .tdfieldval {
        font-size: initial;
        width: calc(72% - 3px);
        display: inline-block;
    }



    .ThePopUp input[type="text"], .ThePopUp2 input[type="text"], .ThePopUp3 input[type="text"] {
        border: none;
        min-height: 25px;
        /*min-width: 300px;*/
        width: calc(100% - 14px);
        padding: 0;
        padding-right: 5px;
        padding-left: 5px;
    }

.ThePopUpClose {
    background: #fff;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    position: fixed;
    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px;
    box-shadow: 0px 2px 6px 0px #969696;
}

.ThePopUpTitle {
    margin: auto;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.alignByCenter {
    min-width: 20px !important;
    text-align: center;
}



.valid_Furl {
    color: #9D2121;
    font-size: inherit !important;
}

.ThePopUp table td div span, .ThePopUp2 table td div span .ThePopUp3 table td div span {
    font-size: 12px;
    /*width: 305px;*/
    display: flex;
    margin-top: 5px;
}

.halfBlackWindow {
    display: none;
    background: url(https://panel.sendmsg.co.il/images/Opa_Black_BG.png) 100% 0% repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
}

.FiftyPercent {
    width: 70%;
}

.boxShadowClass {
    box-shadow: 0px 1px 8px 0px #969696;
}

.youtubeplay {
    width: 30%;
    position: relative;
    top: 40%;
}

.guideCreaditor {
    line-height: 40px;
    color: #40bd9e;
    margin: 0 10px;
}

.creaditorGuidfancybox {
    text-decoration: none !important;
    display: -webkit-box;
}

.getHelpmovie {
    width: 40px;
    height: 40px;
    margin: 4px 10px;
    text-align: center;
    border-radius: 5px;
    padding-top: 4px;
    display: table;
}

    .getHelpmovie .creaditorhelp {
        font-size: 35px;
        color: #fff;
        border-radius: 100%;
        behavior: url(PIE.htc);
        background: #40bd9e;
        min-width: 40px;
        min-height: 40px;
        display: inline-block;
        line-height: 40px;
    }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #737373;
}

.fa-question-circle:before {
    content: "\f059";
}

#fancybox-close {
    display: inline;
}

.maintableclass {
    font-size: 16px;
}


/*  reminder */

.reminderimgclass {
    border: none;
    vertical-align: middle;
    width: 20px;
}

.graycolor {
}

.remiderholderclass {
    margin: 10px;
    -webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    background: #F0F0F0;
    width: 280px;
    padding: 10px;
}

.reminderheaderclass {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.reminderfieldclass {
    font-size: 18px;
    margin: 10px auto;
    display: inline-block;
}

.remindertextbox, .datepickreminder .DateTextBoxClass {
    border: none;
    border-radius: 2px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 100%;
    margin: 0px auto;
    box-shadow: inset 0px 0px 0px 60px #ffffff;
    background: #e07d7d;
    transition: 500ms ease;
    font-family: Arial;
    height: 28px;
}

.remindermultextbox {
    height: 110px;
    line-height: 22px;
    overflow: hidden;
    resize: none;
    padding: 0px;
}

.DrdHoursclass {
    font-size: 18px;
    padding: 5px;
    border: none;
    width: 132px;
    -webkit-appearance: none;
    text-indent: 35px;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 60px #ffffff;
    background: #e07d7d;
    transition: 500ms ease;
    border-radius: 2px;
}

    .DrdHoursclass option {
        background: #fff;
    }

.hourseparyorreminder {
    width: 20px;
    line-height: 29px;
    font-size: 18px;
    text-align: center;
}

.reminderred, .datepickreminder .reminderred, .reminderred::-webkit-input-placeholder {
    box-shadow: inherit;
    font-family: Arial;
    color: white;
    /*background-color:#e07d7d;*/
}

.plusemails {
    display: inline-block;
    width: 18%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

.reminderbtn {
    margin: 10px;
    padding: 5px 30px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
}

.reminderbtngreen {
    background-color: #8cb802;
}

.reminderbtngray {
    background-color: #d0d1d7;
}


.remiderholderclass ::-webkit-input-placeholder {
    font-family: Arial;
}

.remiderholderclass :-moz-placeholder { /* Firefox 18- */
    font-family: Arial;
}

.remiderholderclass ::-moz-placeholder { /* Firefox 19+ */
    font-family: Arial;
}

.remiderholderclass :-ms-input-placeholder {
    font-family: Arial;
}

.remindertextbox::-webkit-input-placeholder {
    font-family: Arial;
}

.remindertextbox:-moz-placeholder { /* Firefox 18- */
    font-family: Arial;
}

.remindertextbox::-moz-placeholder { /* Firefox 19+ */
    font-family: Arial;
}

.remindertextbox:-ms-input-placeholder {
    font-family: Arial;
}



.remiderholderclass .switch-light {
    width: 250px;
}

.remiderholderclass .switch-ios.switch-light > span span:last-of-type, .remiderholderclass .switch-ios.switch-light > span span:first-of-type {
    padding: 0;
}

.reminderUnChecked {
    /*background:url('../images/icons/unchecked.png') no-repeat ;*/
    width: 11px;
    height: 11px;
    padding: 3px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 10px;
    border: solid 2px #696969;
    border-radius: 4px;
    margin-bottom: -3px;
}

.reminderChecked {
    background: url('../images/bluevi.png') no-repeat;
}

.remindercellholderinit {
    height: 0px;
    overflow: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes remindercellholderon {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20PX);
    }

    100% {
        height: auto;
        overflow: hidden;
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}

@keyframes remindercellholderon {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        height: auto;
        overflow: hidden;
        opacity: 1;
        transform: translateY(0px);
    }
}

.remindercellholderon {
    display: block;
    height: auto;
    -webkit-animation-name: remindercellholderon;
    animation-name: remindercellholderon;
}









@-webkit-keyframes reminderollout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        height: 0px;
        overflow: hidden;
    }
}

@keyframes reminderollout {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(-100%);
        height: 0px;
        overflow: hidden;
    }
}

.reminderollout {
    height: 0;
    overflow: auto;
    -webkit-animation-name: reminderollout;
    animation-name: reminderollout;
}



.reminderemail {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    line-height: 26px;
    min-height: 26px;
}

.reminderemobile {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    line-height: 26px;
    min-height: 26px;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


.reminderemailout {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    height: 0px;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transition: height ease;
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
        transition: height ease;
    }
}

.remindererror {
    color: red;
    font-size: 14px;
}

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

.remindercountletteron {
    display: block;
}

.digitsLeftTextclass {
    width: 35px;
    border: none;
    border-radius: 2px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.remindersection {
    margin-top: 5px;
    position: relative;
}

.reminderhide {
    position: absolute;
    overflow: hidden;
    height: 0px;
    z-index: 200;
    width: 320px;
}

.reminderhide2 {
    -webkit-animation: closeRem 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation: closeRem 0.5s;
    animation-timing-function: linear;
}

.remindershow {
    height: auto;
    -webkit-animation: openRem 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-in-out; /* Chrome, Safari, Opera */
    animation: openRem 0.5s;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes closeRem {
    from {
        height: 500px;
    }

    to {
        height: 0px;
    }
}

@keyframes closeRem {
    from {
        height: 500px;
    }

    to {
        height: 0px;
    }
}

@-webkit-keyframes openRem {
    from {
        height: 0px;
    }

    to {
        height: 500px;
    }
}

@keyframes openRem {
    from {
        height: 0px;
    }

    to {
        height: 500px;
    }
}

.reminderclose {
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    position: absolute;
    margin-top: -11px;
    margin-right: -9px;
    margin-left: -13px;
    /*padding:7px;
    width: 16px;
    height: 16px;
    text-align:center;
    line-height:16px;
    position: absolute;
    top: -16px;
    left: -23px;
    font-weight: bold;
    background: #f0f0f0;
    border-radius: 15px;
    cursor:pointer;
    font-weight:bold;
    border:solid 1px #696969;*/
}
/*.reminderclose:hover {
    -webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    }*/
.remindernosms {
    margin-top: 6px;
    display: none;
}

    .remindernosms, .remindernosms a {
        font-size: 13px;
        color: red;
    }

        .remindernosms a {
            font-weight: bold;
            text-decoration: none;
        }

.reminderbanner {
    width: 297px;
    color: #6b6b6b;
}

.reminderbannermanag {
}

.reminderbanner a {
    color: #6b6b6b;
    font-size: 12px;
    text-decoration: none;
}

.reminderselectuser {
    margin: auto;
}

.remindertimeholder {
    direction: ltr;
    width: 100%;
}

.reminderdropclass {
    display: inline-block;
}

.digitsLeftTextclass .remiderholderclass {
    width: 35px;
}

.TxtReminderEmailclass {
    display: inline-block;
    width: 80%;
}

.reminderbtnholder {
    width: 100%;
    text-align: center;
}

.reminderlabelemail {
    margin-top: 10px;
}

.reminderdelemail {
    display: inline-block;
    width: 19%;
    text-align: center;
    cursor: pointer;
}

.hidereminderalert {
    display: none;
}

.showreminderalert {
    -webkit-animation: fadeOut 3s linear forwards;
    animation: fadeOut 3s linear forwards;
    position: absolute;
    z-index: 200;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }
}

.userreminderclass {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 200;
    width: 320px;
    height: auto;
    margin: 10px;
    padding: 10px;
    -webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.4);
    background: #F0F0F0;
}

.userremindertitleclass {
    width: 80%;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;
}

/*  reminder */

.overconsole {
    display: none;
    width: 100%;
    float: right;
    line-height: 22px;
    font-size: 18px;
    color: black;
    text-align: center;
    background: #f2f2f2;
    border: solid 1px #e7e7e7;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0px;
}

.LblOverUserclass {
    display: block;
}

.LblOverUser3class {
    display: block;
    color: #517cc0;
    font-weight: bold;
}

.remindercountletterstartholder {
    width: 100%;
    height: 28px;
    margin-top: 10px;
}

.reminderuserdrop {
    left: 0px;
    width: 400px;
    text-align: left;
    margin-left: 30px;
    position: absolute;
    z-index: 200;
    top: -20px;
}

/*  reminder END */

.BackgroundGrayBtn {
    text-decoration: none;
    float: right;
    cursor: pointer;
    width: initial;
    margin: 10px;
    padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
    background: #A8A8A8;
    color: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 15px;
}
/* Creaditor Newsletter Start */
.Arrow_CN {
    background: url('../images/CreaditorNewsletter/Arrow.png') center center no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    width: 11px;
    height: 18px;
    transition: 200ms;
}

.sendMail .Arrow_CN {
    background: url('../images/CreaditorNewsletter/Arrow.png') center center no-repeat;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    width: 11px;
    height: 18px;
    transition: 200ms;
}

.Arrow_CN.Bottom {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    transform: rotate(-270deg);
    transition: 200ms;
}


.holderMenu {
    transition: 200ms;
    /* background: #282828; */
    min-height: 300px;
    width: 278px;
    color: #d7d7d7;
    position: fixed;
    top: 150px;
    cursor: default;
    z-index: 1000;
    transform: translate(0%);
}

.openclosebtn {
    width: 30px;
    height: 42px;
    background: #EDEDED;
    position: absolute;
    color: #4A4949;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);
    border-radius: 2px;
    cursor: pointer;
}

    .openclosebtn:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f102";
        border-radius: 2px;
        font-size: 2em;
        position: absolute;
        top: 50%;
        left: 50%;
    }

.sendMail:not(.button) {
    width: 90%;
    margin: auto;
    background: #0cb9c9;
    text-align: center;
    height: 48px;
    line-height: 48px;
    color: #fffefe;
    font-size: 22.5px;
    font-weight: bold;
    box-shadow: 0px 2px 5px 1px #000;
    text-decoration: none;
}

.sendMail .Text {
    display: inline-block;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.MiniMenu {
    margin-top: 20px;
    margin-bottom: 20px;
}

.MiniMenuChild {
    width: 100%;
    background: #4a4949;
    height: 43px;
    line-height: 43px;
    border-top: 1px solid #7b7b7b;
    margin-bottom: 1px;
    cursor: pointer;
}

.IconAddons {
    background: url('../images/CreaditorNewsletter/Addons.png') center center no-repeat;
}

.IconMail {
    background: url('../images/CreaditorNewsletter/Mail.png') center center no-repeat;
}

.IconTitle {
    background: url('../images/CreaditorNewsletter/Title.png') center center no-repeat;
}

.MiniMenuChild .Icon {
    width: 50px;
    height: 100%;
    display: inline-block;
}

.MiniMenuChild .Title {
    display: inline-block;
    width: 200px;
    height: 100%;
    overflow: hidden;
}

.MiniMenuChild .Pos {
    position: absolute;
    height: 38px;
    width: 32px;
}

.ContentMiniMenuChild {
    background: #ededed;
    width: 100%;
    max-height: 0px;
    transition-delay: 0ms;
    transition-duration: 300ms;
    transition-property: max-height;
    transition-timing-function: ease-in-out;
    overflow: hidden;
}

    .ContentMiniMenuChild.Open {
        transition-delay: 200ms;
        transition-duration: 300ms;
        transition-property: max-height;
        transition-timing-function: ease-in-out;
        max-height: 1000px;
    }

    .ContentMiniMenuChild .fixPadding {
        width: 94%;
        margin: auto;
        color: #4a4949;
        margin-bottom: 3%;
        margin-top: 3%;
        overflow: auto;
    }

    .ContentMiniMenuChild .TextBox {
        width: 88%;
        margin-bottom: 10px;
        height: 37px;
        font-size: 15px;
        color: #7b7b7b;
    }

    .ContentMiniMenuChild .TextBoxLong {
        width: 98%;
    }

    .ContentMiniMenuChild .TitleText {
        margin-bottom: 3px;
        margin-top: 5px;
    }

    .ContentMiniMenuChild .BigTurqizBtn {
        background: #109d7a;
        width: 100%;
        color: #fff;
        height: 34px;
        font-size: 18px;
        border: 0;
        box-shadow: 0px 1px 5px -1px #000;
        margin-top: 5px;
        margin-bottom: 15px;
        text-align: center;
        line-height: 34px;
        cursor: pointer;
    }


    .ContentMiniMenuChild .SmallTurqizBtn {
        background: #109d7a;
        width: 100%;
        color: #fff;
        height: 25px;
        font-size: 16px;
        border: 0;
        box-shadow: 0px 1px 5px -1px #000;
        margin-top: 5px;
        margin-bottom: 15px;
        text-align: center;
        line-height: 25px;
        cursor: pointer;
    }

.ListMailsContent {
    margin-top: 10px;
}

.AddMailsContent {
    text-decoration: underline;
    font-size: 14px;
    margin-bottom: 20px;
    height: 21px;
    line-height: 21px;
    cursor: pointer;
}

.AddonsToMail {
    /*height: 37px;*/
    width: 85%;
    line-height: 37px;
    border-bottom: 1px dashed #aeaeae;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    cursor: pointer;
}

    .AddonsToMail:hover, .AddonsToMailSelect {
        /*font-weight: bold;*/
        color: #019f78 !important;
        -webkit-filter: grayscale(0%) !important;
        -moz-filter: grayscale(0%) !important;
        -ms-filter: grayscale(0%) !important;
        -o-filter: grayscale(0%) !important;
        filter: grayscale(0%) !important;
        filter: url() !important; /* Firefox 4+ */
        filter: none; /* IE 6-9 */
    }



.AddonsToMailCover {
    background: #109d7a;
    position: absolute;
    margin-top: -32px;
    color: #fff;
    min-width: 220px;
    display: none;
}

    .AddonsToMailCover .Content {
        background: #ededed;
        margin: 2px;
        padding: 15px;
        color: #323232;
    }

    .AddonsToMailCover .Title {
        font-weight: bold;
        margin: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding: 8px;
    }

.miniTryangle {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin-top: 4px;
}

.advertisingOptions {
    display: inline-block;
    color: #ffffff;
    background: #ff9c00;
    height: 34px;
    vertical-align: middle;
    line-height: 34px;
    margin: 0px 5px;
    padding: 0px 10px;
    cursor: pointer;
}

.saveAndReturnCreNew {
    min-width: 37px;
    height: 34px;
    background: url('../images/CreaditorNewsletter/saveAndReturn.png');
    background-repeat: no-repeat;
    border: 0;
}

    .saveAndReturnCreNew:hover {
        background-position: bottom center;
    }

.ddAlignMode {
    padding: 0px !important;
}

.ddrSave, .ddAlignMode {
    width: 93px;
    height: 34px;
    position: relative;
    font-size: 16px;
    line-height: 34px;
    color: #222222;
    position: relative;
    padding: 0px !important;
    transition: 200ms;
}

.ddrSaveHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 34px;
    overflow: hidden;
    background: #ededed;
    color: #220505;
}

.ddrSave.open .ddrSaveHolder, .ddAlignMode.open .ddrSaveHolder {
    height: auto;
}

/*.ddrSave {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    left: 0;
    margin: 13px;
}*/

.ddrMore {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 35%;
    display: inline-block;
    outline: 1px solid #323232;
}

    .ddrMore:before {
        content: '▼';
        display: inline-block;
        width: 10px;
    }

.ddrSaveOption.first {
    width: 100%;
    padding: 5%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.ddrSaveOption {
    text-align: right;
}

    .ddrSaveOption:hover, .ddrMore:hover + .ddrSaveOption {
        background: #666666;
        color: #3bc8b3;
    }

    .ddrSaveOption:active {
        background: #0d8063;
    }

.ListMailsContent .notValid {
    box-shadow: 0px 0px 20px -2px #F00;
}

.Percentage100 {
    width: 100%;
}

.saveAndReturnHolder {
    padding: 0px !important;
    cursor: pointer;
}

.fixPadding .Saved, .fixPadding .sendMailsContact {
    text-align: center;
    color: #109d7a;
}

.align-left {
    text-align: left !important;
}

.noSubTpl {
    box-shadow: 0px 0px 20px -2px #109D7A;
}

.coleExtension {
    position: absolute;
    top: 9px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.attachFile, .attachEventHolder {
    display: inline-block;
    margin: 10px;
    direction: ltr;
}

.menuLinkExternalParam {
    color: #fff;
    width: 42%;
    position: absolute;
    top: 18px;
    z-index: 9999;
    margin: 29%;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 18px;
    border-radius: 0px;
    height: 50px;
    text-align: right;
    direction: rtl;
    display: flex;
    justify-content: space-between;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row;
    -webkit-flex-flow: row;
    flex-flow: row;
}

.LinkExternalParam {
    background: #E5E5E5;
    width: 32.6%;
    display: inline-block;
    height: 79%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    line-height: 40px;
    padding: 5px 0.2%;
    color: #000;
}

.LinkExternalParamNoSelect {
    background: #a3a3a3;
    color: #fff;
}

.settingBtn {
    width: 37px;
    height: 34px;
    background: url('../images/CreaditorNewsletter/setting.png') top center no-repeat;
    border: 0;
}

    .settingBtn:hover {
        background-position: bottom center;
    }

.LandingPageSettingsHolder {
    padding: 0px !important;
}

@media only screen and (max-height: 1050px) {
    .fixPadding2 {
        height: 550px;
    }
}

@media only screen and (max-height: 950px) {
    .fixPadding2 {
        height: 500px;
    }
}

@media only screen and (max-height: 900px) {
    .fixPadding2 {
        height: 450px;
    }
}

@media only screen and (max-height: 850px) {
    .fixPadding2 {
        height: 200px;
    }
}

@media only screen and (max-height: 650px) {
    .fixPadding2 {
        height: 150px;
    }
}

@media only screen and (max-height: 450px) {
    .fixPadding2 {
        height: 100px;
    }
}

@media only screen and (max-height: 750px) {
    .AddonsToMailCover .Content {
        max-height: 250px;
        overflow: auto;
    }
}


/* Creaditor Newsletter End */

/* ######################### Default Start ######################### */

td.EnterTableTopDefault {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    font-size: 12px;
    /*cursor: pointer;*/
    height: 32px;
    border-left: 1px solid #686868;
    background: #6E6E6E;
    padding: 0px 20px;
}

    td.EnterTableTopDefault div {
        cursor: pointer;
        font-size: 12px;
    }

td.EnterTableTopDefaultSelected {
    border-left: 1px solid #686868;
    padding: 0px 20px;
    cursor: auto;
    background: #6E6E6E;
    color: #ffffff;
    /*vertical-align: bottom;*/
}

    td.EnterTableTopDefaultSelected div {
        /*background-image: url('../images/SelectedBack.gif');*/
        /*background-position: top right;*/
        /*background-repeat: repeat-x;*/
        /*background-color: #ffffff;*/
        text-align: center;
        vertical-align: middle;
        /*color: #1071b5;*/
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
        cursor: default;
        /*height: 30px;*/
        transition: 200ms linear;
    }

.ProfileIMG {
    max-height: 35px;
    object-fit: cover;
    height: 35px;
    width: 35px;
    max-width: 90px;
    border-radius: 100%;
    border: 1px solid var(--secondary);
    padding: 2px;
}

#LoginPanel {
    /*background: #fff;*/
}

.ContactUs {
    float: left;
    cursor: pointer;
    color: #fefefe;
    font-size: 16px;
    padding: 0px 15px;
    z-index: 3;
    position: relative;
}

/* ######################### Default End ######################### */
@media only screen and (max-width: 1650px) {
    div.pageDiv {
        width: 100%;
    }
}

@media only screen and (max-width: 1450px) {


    /*#region default2016 */
    div.pageDiv2016 {
        width: 100%;
    }
    /*#endregion */
}
/*  new SMS  */

.newsmstitleclass {
    font-size: 22px;
    color: var(--primary);
    margin-top: 30px;
}


.newsmsQuestuionclass {
    font-size: 16px;
    color: #d6d6d6;
    width: 99%;
    padding: 10px 1% 10px 0px;
    background-color: #4e4e4e;
}

.editsmsholder {
    margin: auto;
    max-width: 100%;
}

.phoneHolder {
    position: relative;
}

.newsmstextboxholder {
    width: 344px;
    height: 25px;
    margin-top: 5px;
}


.newinnersmsiclass {
    display: none;
    border: solid 1px #d7ecf3;
    background-color: var(--primary); /* #c7e2ec;*/
    padding: 10px;
    position: absolute;
    width: 300px;
    height: 38px;
    position: absolute;
    width: 183px;
    padding: 40px 40px 50px 40px;
    /*margin: 1em auto 80px;*/
    text-align: center;
    color: #fff;
    background: var(--primary); /*#075698;*/
    -webkit-border-top-left-radius: 220px 120px;
    -webkit-border-top-right-radius: 220px 120px;
    -webkit-border-bottom-right-radius: 220px 120px;
    -webkit-border-bottom-left-radius: 220px 120px;
    -moz-border-radius: 220px / 120px;
    border-radius: 220px / 120px;
    top: -175px;
    right: -232px;
}

    .newinnersmsiclass:before {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 50px;
        width: 30px;
        height: 30px;
        /*background: #075698;*/
        background: var(--primary);
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .newinnersmsiclass:after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 30px;
        width: 15px;
        height: 15px;
        /*background: #075698;*/
        background: var(--primary);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

.newsmsiclass:hover .newinnersmsiclass {
    display: block;
}

.selectdiv {
    position: relative;
    width: 100%;
}

/*To remove button from IE11, thank you Matt */
select::-ms-expand {
    display: none;
}

.selectdiv:after {
    content: '˅';
    font: 19px "Consolas", monospace;
    color: #fff;
    transform: rotate(0deg);
    top: 12px;
    position: absolute;
    pointer-events: none;
    font-weight: bold;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .selectdiv select:hover, .selectdiv select:focus {
        border: solid 1px var(--primary);
    }

.newsmsselect {
    border: solid 1px var(--primary);
    width: 340px;
    height: 25px;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #919191;
    background-image: linear-gradient(to right, var(--primary), var(--primary) 7%, transparent 7%);
}

.main-page-content--section {
    margin: auto;
    width: 95%;
}

.newsmscontent {
    min-height: 120px;
    overflow: hidden;
    resize: none;
    word-wrap: break-word;
}


.messageToShow {
    width: 169px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    background: #E4E4E4;
    display: inline-block;
    max-height: 334px;
    min-height: 100px;
    border-radius: 10px 10px 0px 10px;
    padding: 5px;
    font-size: 13px;
    line-height: 20px;
}

.smsNewAutoSaveclass {
    background: url('../images/smsautosave.png') no-repeat right center;
    color: #454545;
    font-size: 14px;
    padding: 10px 30px;
}

.smsNewAutoSaveclassload {
    /*background:url('../images/smsloader.gif') no-repeat right center;*/
    background: url('../images/ajax-loader.gif') no-repeat right center;
}

.smsnewshort {
    background: url('../images/smsshort.png') no-repeat;
    height: 20px;
    width: 20px;
}

.smsnewshortgray {
    background-image: url('../images/smsshortgray.png');
}

.smsnewlong {
    background: url('../images/smslong.png') no-repeat;
    height: 20px;
    width: 20px;
}

.smsnewlonggray {
    background-image: url('../images/smslonghray.png');
}

.newsmsremovelinkholder {
    width: 265px;
    height: 25px;
    margin-top: 5px;
}

.smsnewsendtestholder {
    width: 738px;
    width: 95%;
    min-height: 95px;
    background: #d7ecf3;
    border: solid 1px #c0dfea;
    margin-top: 10px;
    padding: 0px 2.5%;
}

.newsmstestheaderclass {
    color: #434343;
    font-weight: bold;
    font-size: 14px;
    line-height: 33px;
    margin-top: 5px;
    width: 100%;
}

.smsnewsendtestbutton {
    border: 0;
    padding: 7px 7px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.smsnewsendtestbuttonOnClick {
    width: 50px;
    height: 25px;
    background: url('../images/ajax-loader.gif') no-repeat center center;
    display: none;
}

.smsnewSelectSendertime span {
    color: var(--readable-text);
    font-size: 14px;
    vertical-align: middle;
}

.smsnewSelectSendertime img {
    width: 16px;
    vertical-align: middle;
}

.datepicksms {
    float: right;
    width: 115px;
    height: 27px;
    background: white;
    background-position-x: 10px;
    border: solid 1px #dfdfdf;
}

    .datepicksms .DateTextBoxClass {
        background-color: transparent;
        border: none;
        height: 24px;
        width: 105px;
        padding: 0px 5px;
        font-size: 14px;
        line-height: 25px;
        font-family: Arial;
        color: var(--primary);
        background: url('../images/smsdate.png') no-repeat center;
        background-position-x: 10px;
        background-position-y: center;
    }

.smsDrdHoursclass {
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    border: none;
    color: #7c7c7c;
}

.smsdrop {
    width: 25px;
    float: left;
}

.hourseparyorsms {
    width: 5px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    float: left;
}


.smsnewdpdbeforafter {
    border: solid 1px #dfdfdf;
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    display: block;
    -webkit-appearance: none;
    color: #7c7c7c;
}

.sendTest {
    display: inline-block;
    margin-top: 20px;
}



.sidenar-wrapper {
    position: -webkit-sticky;
    position: -moz-max-sticky;
    position: sticky;
    width: 245px;
    top: 0;
    min-height: 100vh;
    z-index: 2;
    animation-delay: 100ms;
    background: var(--side-editor);
    max-width: 250px;
}

.TestMessageStatus {
    color: var(--primary);
    font-size: 13px;
}

.smsnewsendsendinnameholder {
    color: var(--readable-text);
}

.newsmsselect2 {
    margin: 0px;
    color: #454545;
}

.newsmsselectlink {
    background: url('../images/smsnewselectlink.png') no-repeat;
    background-position-x: 6px;
    background-position-y: 3px;
    margin-top: 5px;
    background-color: #fff;
}

.smsnewsummerybeforheader {
    font-size: 18px;
    color: #919191;
    width: 80%;
    margin: auto;
    padding: 10px;
    border-bottom: solid 1px #dbdcdc;
}



.messageToShow::-webkit-scrollbar {
    background-color: #303030;
    width: 8px;
    border-radius: 4px;
}

.messageToShow::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 4px;
}

.smsnewerrortestholder span {
    font-size: 13px;
}

.smsnewtype2class {
    display: none;
}

.smsnewtype3class {
    display: none;
}

.smsnewSelectSendertime input, .smsnewverticalcenter input {
    vertical-align: middle;
}

.smsnewblue {
    color: var(--primary) !important;
}

.smsnewistearly {
    color: #7c7c7c;
    font-size: 14px;
    width: 100%;
}

    .smsnewistearly input {
        vertical-align: middle;
    }

.divMyUsers {
    display: none;
}

.smsnewadvenceoption {
    color: var(--primary);
    font-size: 14px;
    padding-left: 20px;
    cursor: pointer;
}

.nomlidtable, .SenderSectionHolder {
    display: none;
}

.ArrowDownLinkPlaceHolder {
    width: 30px;
    background: var(--primary);
    padding: 15px;
    overflow: hidden;
    position: relative;
    animation: AnimateArrow 2s infinite;
    outline: none;
    border: solid 1px #c0dfea;
    border-radius: 31px;
    margin: auto;
    padding-top: 20px;
    height: 25px;
    cursor: pointer;
}


.smsnewsummerysec {
    margin: auto;
    max-width: 100%;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

.smsnewsendtocount {
    color: var(--primary);
    font-size: 14px;
}

.smsnewsendtocountval {
    width: 95px;
    font-size: 14px;
}

.TestMessageStatus {
    color: var(--primary) !important;
}

.smsnewsummerypertypeshort {
    background: url('../images/smsnewshortbig.png') no-repeat center right;
    padding: 5px;
    padding-right: 30px;
}

.smsnewsummerypertypeshortgray {
    background-image: url('../images/smsnewshortbiggray.png');
}

.smsnewsummerypertypelong {
    background: url('../images/smslongbig.png') no-repeat center right;
    padding: 5px;
    padding-right: 30px;
}

.smsnewsummerypertypelonggray {
    background-image: url('../images/smslongbiggray.png');
}

.white-backdrop {
    position: fixed;
    min-height: 100vh;
    width: 100vw;
    z-index: 99999;
    top: 0px;
    left: 0px;
    background: #FFF;
}

.smsphase1and2class {
    display: block;
}

.mainTilePage {
    color: var(--primary);
    font-size: 26px;
    margin: 25px 0;
    display: table;
}

.newsmsphaseclass3 {
    width: 445px;
    border-bottom: solid 1px #dfdfdf;
    margin: 20px 0px;
}

.numberleftholder70class {
    font-size: 14px;
    color: var(--readable-text);
}

.numberleftholder134class {
    font-size: 14px;
    color: var(--readable-text);
}

.mymobileclass {
    left: 50%;
    position: absolute;
    width: 267px;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.holderMessageToShow {
    position: absolute;
    top: 92px;
    right: 25px;
    width: 225px;
    height: 344px;
}

.newsmsphaseclass4 {
    width: 130px;
    text-align: right;
}

.smswidth100 {
    width: 100%;
}



.seperatorSumSizeSms {
    border: 1px solid #efefef;
    height: 60px;
    margin: 0px 25px;
}


.TestMessageStatus {
    padding-top: 5px;
    display: inline-block;
}

.smsnewremovelinlholder {
    position: absolute;
    bottom: 0px;
}


.smsNewAutoSave2 {
    margin-bottom: 10px;
}

.smsNewAutoSave3 {
    width: 28px;
    border: none;
    color: var(--readable-text);
    background: none;
    text-align: center;
}


.IframeUnSelectionclass {
    background-color: transparent;
    border: none;
    width: 100%;
    min-height: 100px;
    margin: auto;
}


.smsnewrefreshsumref {
    background: var(--primary) url('../images/smsloader.gif') no-repeat center center;
}

.smsnewsummerycheckholder {
    margin: auto;
}

.smsnewsummerycheckholder2 {
    display: grid;
}

.smsnewpointer {
    cursor: pointer;
}

.smsnewphaseholder {
    width: 100%;
    margin: 5px 0px;
}

.smsselectgroups {
    box-shadow: inset 0px 0px 0px 500px #ffffff;
    background: #e07d7d;
    transition: 500ms ease;
}

.smsnewred, .datepicksms .smsnewred {
    box-shadow: 0px 0px 2px 1px #f00;
}

.smsnewbacktofirstpage {
    border: 0px solid rgb(221, 221, 221);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-family: Arial;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    padding: 6px 10px;
    width: 190px;
    height: 35px;
    margin: auto;
    background-color: var(--primary);
    background-size: auto;
    background-position: 50% 50%;
    background-repeat: repeat;
    position: relative;
    cursor: pointer;
    opacity: 0.8;
}

    .smsnewbacktofirstpage:hover {
        opacity: 0.6;
    }

.smsnewloadersummery {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #ffffff;
    top: 0px;
    left: 0px;
    padding: 20px;
    display: none;
}

.NoUserList {
    display: none;
}

.smsnewnotuserloader {
    width: 100%;
    padding-top: 20px;
    text-align: center;
}

.brownText {
    font-weight: bold;
    font-size: 20px;
}
/*  new SMS END */

/* ##########  Start Counter  ########## */
.zoomCount {
    float: left;
    margin: 8.3px;
    padding: 7px;
    background: #303030;
    border-radius: 10px;
    width: 247px;
}

.CloseCounterEvent {
    float: right;
    margin: 2px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
}

.HolderCounterEvent {
    position: fixed;
    z-index: 99999999;
    padding: 5px;
    transform: translate(-50%, -50%);
    left: 50%;
    min-width: 38%;
    border-radius: 3px;
    visibility: hidden;
    min-width: 45%;
}

[child-tooltip] {
    display: none;
}

.ContentCounterEvent {
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    display: table-cell;
}

/* ##########  End Counter  ########## */

/* ##########  Start Excel Export  ########## */
.ExportXlsTable {
    width: 100%;
}
/* ##########  End Excel Export ########## */

.xlsUploadMessage {
    clear: both;
}

.xlsDetectCheckHolder {
    padding-top: 5px;
}

.xlsStagesBar {
    margin-right: 0px;
    padding: 70px 0 0 5%;
    display: inline-block;
    vertical-align: top;
}

.xlsStageNumber {
    vertical-align: middle;
}

.xlsStageSpan {
    color: #0090D3;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
    color: Gray;
}

.xlsUploadFeildsTable {
    width: 650px;
    display: inline-block;
}

.xlsUploadFeildsInnerTable {
    overflow: auto;
    width: 670px;
    margin-bottom: 15px;
}

.TypeOfUploadDiv {
    width: 670px;
    margin-top: 10px;
}

td.ThRight img, td.ThLeft img {
    display: none;
}

.HolderHrefEvent {
    display: table;
    width: calc(100% - 15px);
    text-decoration: none;
}

.exitIcon {
    background: url(../images/Exit.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}


img[src*="buttonLeft.gif"] {
    display: none !important;
}

img[src*="buttonRight.gif"] {
    display: none !important;
}


img[src*="images/SelectOn.gif"] {
    content: url("../images/SelectOn.png");
}

img[src*="images/SelectOff.gif"] {
    content: url("../images/SelectOff.png");
}

.cellLblAddRemGroupToExcel {
    height: 25px;
}

.PrevPattern {
    max-width: 152px;
    max-height: 191px;
}

.regPopIcon {
    display: inline-block;
    height: 21px;
    width: 22px;
}

.UserNameIcon {
    background-image: url(../images/email.png);
}

    .UserNameIcon.green {
        background-image: url(../images/email_green.png);
    }

    .UserNameIcon.red {
        background-image: url(../images/email_red.png);
    }

.UserPassIcon {
    background-image: url(../images/password.png);
}

    .UserPassIcon.green {
        background-image: url(../images/password_green.png);
    }

    .UserPassIcon.red {
        background-image: url(../images/password_Red.png);
    }

.passShowHide {
    display: none;
    position: absolute;
    top: 15%;
    left: 12px;
    cursor: pointer;
    font-size: 11px;
    color: #c4c4c4;
    background-image: url('../images/eye.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 70%;
    background-size: 85%;
}

    .passShowHide.displayBlock {
        display: block;
    }

    .passShowHide:hover {
        background-color: #e5e1e1;
        border-radius: 5px;
    }


.regPopSplitterHolder {
    float: right;
    width: 25px;
}

.regPopSplitterTop {
    height: 25px;
    margin-right: 50%;
    width: 1px;
    background: #eaeaea;
    clear: both;
    float: none;
    margin-top: 15px;
    margin-bottom: 10px;
}

.modal-preasent-show {
    display: block !important;
    overflow: auto;
}

.modal-backdrop, [use-modal] {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #00000052;
    left: 0;
    top: 0;
    z-index: 4999;
}

.open {
    animation: fade-in-with-slide .5s;
    -webkit-animation: fade-in-with-slide .5s;
    -moz-animation: fade-in-with-slide .5s;
    -o-animation: fade-in-with-slide .5s;
}

.close_fade_out {
    animation: fade-out-with-slide .5s;
    -webkit-animation: fade-out-with-slide .5s;
    -moz-animation: fade-out-with-slide .5s;
    -o-animation: fade-out-with-slide .5s;
}

.modal-close-trigger {
    position: absolute;
    left: 100%;
    transform: translate(-100%,0);
    top: 0;
}

.modal-center--fixed {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFF;
    z-index: 5000;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    padding: 20px;
    border-radius: 3px;
    animation: fade-in-with-slide .5s;
    -webkit-animation: fade-in-with-slide .5s;
    -moz-animation: fade-in-with-slide .5s;
    -o-animation: fade-in-with-slide .5s;
}

.regPopSplitterMid {
    color: #777777;
    margin: 10px 0;
    text-align: center !important;
    font-size: 18px;
}

.regPopSplitterBottom {
    height: 125px;
    margin-right: 50%;
    width: 1px;
    background: #eaeaea;
    clear: both;
    float: none;
    margin-top: 10px;
}

.regPopSocialHolder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 12px;
    float: right;
    width: 275px;
}

.regPopSocialBtn {
    /*    float: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    height: 42px;
    width: 300px;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
    align-items: center;
    color: #4081EC;
    gap: 10px;*/
    display: inline;
}


.regPopGP {
    /*    background-color: #dd4b39;*/
    /*margin-top: 15px;*/
}

.regPopGP {
    margin-bottom: 30px;
}

.regPopFbIcon {
    display: inline-block;
    border: none;
    margin-left: 15px;
    height: 23px;
    width: 12px;
    background-image: url('../images/fbIcon.png');
    margin-top: auto;
    vertical-align: middle;
    margin-right: 15px;
}

.regPopGPIcon {
    display: inline-block;
    border: none;
    margin-left: 0px;
    height: 27px;
    width: 30px;
    background-image: url('../images/googleIcon.png');
    margin-top: auto;
    vertical-align: middle;
    margin-right: 15px;
}

.shadow {
    transition: 200ms ease-in-out;
    -moz-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.loginTab1 {
    border-radius: 0px 5px 0px 0px;
}

.loginTab4 {
    border-radius: 5px 0px 0px 0px;
    border: none;
}

.informationMessage {
    color: #CC2B2B;
    display: block;
    padding: 15px 0;
    background-color: #e9edf3;
    margin: 20px;
    border-radius: 5px;
    width: 700px;
    margin: auto;
    max-width: 100%;
}

.DealPrice2 {
    font-weight: bold;
    color: #fff;
    height: 100%;
    line-height: 200%;
    margin-right: 2px;
}

.Mix .DealPrice2 {
    line-height: 400%;
}

.DealPrice {
    width: 58px;
}

/*#region default2016 */
.LangName {
    font-size: 14px;
    line-height: 21px;
    color: #535353;
    text-decoration: none;
    display: flex;
}

    .LangName:hover {
        color: #e27500;
    }

.LangSelected {
    color: #1781ca;
}

.lagColHolder {
    width: 100px;
    margin-right: 20px;
    margin-left: 20px;
}

.langHolder {
    margin-top: 15px;
}

.LangDivHolder {
    position: relative;
    width: 150px;
    height: 11px;
    overflow: hidden;
    background-color: #303030;
}

.LangSelBtn:hover .LangDivHolder, .LangSelBtn:active .LangDivHolder {
    overflow: visible;
}

.LangDiv {
    left: -75px;
    top: 11px;
    width: 435px;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    position: absolute;
    z-index: 100;
    transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    opacity: 0;
    padding-bottom: 15px;
}

.LangSelBtn:hover .LangDiv, .LangSelBtn:active .LangDiv {
    opacity: 1;
}

.LangDivBefore {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    /* margin-top: -10px; */
    position: absolute;
    z-index: 101;
    margin-top: 2px;
    left: 50%;
    opacity: 0;
}

.LangSelBtn:hover .LangDivBefore {
    transition-duration: 500ms;
}

.LangSelBtn:hover .LangDivBefore, .LangSelBtn:active .LangDivBefore {
    opacity: 1;
}

.LangSelBtn {
    position: relative;
    background-color: #fff;
    height: 40px;
    width: 150px;
    line-height: 40px;
    color: #0889c5;
    font-size: 16px;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 65px;
    margin-right: 65px;
}


.bannerHome2016 {
    vertical-align: bottom;
    height: 70px;
    width: 100%;
}

.InfoArea {
    margin: 20px;
}

.LoginFooterLink {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
}

.LoginFooterSign {
    direction: ltr;
    text-align: left;
    height: 80px;
    position: relative;
    width: 500px;
    margin-left: 30px;
    margin-right: 0;
}

.Defaultmain_2016 {
    vertical-align: top;
    width: 100%;
    background-size: initial;
    background-position: 100% 0;
    /* background-color: #0fc8d6; */
    float: right;
    /* padding-bottom: 20px; */
    position: fixed;
    height: 100%;
    /* top: 0; */
}

.loginButton2016 {
    border: none;
    height: 45px;
    width: 100%;
    background-color: #ee9800;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.banner2016 {
    /*color: #ffffff;*/
    background-color: #303030;
}

.defaultH2 {
    /*padding-top: 10px;*/
    font-weight: bold;
    margin: 0 auto 0 auto;
}

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

.defaultH3Holder {
    background-color: #acdfcc;
    text-align: center;
    color: #000;
    margin-right: 30px;
    margin-left: 30px;
    border-radius: 3px 3px 3px 3px;
    padding: 10px 60px 10px 60px;
    margin-top: 10px;
}

.LoginPanelHolder {
    width: 100vw;
    height: calc(100vh - 70px);
    display: flex;
    align-items: center;
    justify-content: right;
}

.LoginPanel2016 {
    /*background: #fff;*/
    /*margin: auto;*/
    float: right;
    min-height: 285px;
    border-radius: 5px;
    position: relative;
    /*width: 100%;*/
    /*padding-bottom: 4px;*/
    margin-right: 4vw;
}

.guyImage {
    height: 122px;
    width: 89px;
    position: absolute;
    background-repeat: no-repeat !important;
    top: 50px;
    left: -89px;
}

.default2016_Main {
    /*padding-top: 20px;*/
}

.UserForgotIcon {
    background-image: url(../images/username.png);
}

.defaultH1 {
    /*margin-top: 50px;*/
    margin-right: 10px;
    margin-left: 10px;
    font-size: 18px;
    color: #ece9e9;
    font-weight: normal;
}

.closeWelcome {
    color: #949494;
    font-weight: bold;
    font-size: 25px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -2px;
}

.welcomeText {
    background-image: url(../images/welcome/welcomeText.png);
    width: 350px;
    height: 70px;
    margin-left: 120px;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 35px;
}

.welcomeName {
    font-size: 20px;
    color: #33983c;
    text-align: center;
    margin-top: 35px;
    font-weight: bold;
}

.defaultMainLogo {
    height: 80px;
    /*width: 124px;*/
    border: none;
    margin-right: 30px;
    margin-top: 30px;
}

/*#endregion */

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    /*filter: url(grayscale.svg); /* Firefox 4+*/
    filter: gray; /* IE 6-9 */
}

    .grayscale_BlackImg:hover, .grayscale:hover, tr[id*="GridView1"]:hover td > span > a > img, tr[id*="GridView1"]:hover td > span > div > img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        /*filter: url(); /* Firefox 4+ */
        filter: transparent; /* IE 6-9 */
        opacity: 1;
    }

.grayscale_BlackImg {
    opacity: 0.5;
}

.painterLink {
    position: absolute;
    display: none;
    z-index: 1;
}

.painterLinkHolder {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

    .painterLinkHolder:hover > div > .painterLink {
        display: block;
    }

.painterLink ul {
    background: var(--side-editor);
    margin: 0;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    list-style-type: none;
}

    .painterLink ul li:hover {
        background: var(--side-editor-txt-inner-selected);
    }

    .painterLink ul a {
        color: #fff !important;
        text-decoration: none;
        padding: 0 5px;
        padding: 0 0.275rem;
    }

        .painterLink ul a:hover {
            /*text-decoration: underline;*/
        }

.imgPrevCourse {
    max-width: 80px;
    max-height: 80px;
}

.painterLink:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 7px;
}

.painterLink:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: -40px;
    width: 60px;
    height: 100%;
}

.loginHolder {
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    display: table;
    margin: auto;
    margin-bottom: 20px;
    padding: 30px 50px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background: #f8f8f8;
    text-align: center;
    line-height: 35px;
    margin-top: 10px;
}

.HoldetCorssFields {
    width: 50%;
    vertical-align: top;
}

.sideBannerHolder {
    position: fixed;
    right: 0;
    bottom: 0;
    padding-right: 30px;
    padding-bottom: 10px;
}

    .sideBannerHolder .sideBanner span {
        padding: 16px !important;
        left: 5px !important;
        top: 5px !important;
    }

@media only screen and (max-device-width : 700px) {
    .mobileMode {
        position: initial !important;
        bottom: initial !important;
    }
}

@media screen and (max-width:1200px) {
    .LoginTable .input {
        height: 46px !important;
    }

    .LoginTable .loginButton2016 {
        height: 48px !important;
    }
}

@media screen and (max-width:632px) {
    .connectWith {
        display: none;
    }

    .LoginPanelHolder {
        align-items: inherit;
    }

    .LoginPanel2016 {
        width: 100%;
        margin-right: auto;
    }

    #ForgotPassPanel {
        padding: 18px !important;
    }

    .loginLeft {
        /*position: relative;*/
        transform: translateY(5%);
        max-width: calc(100vw - 46px);
        padding: 23px;
        margin: 0 auto !important;
    }

    .Defaultmain_2016 {
        overflow: auto;
    }

    .defaultH1 {
        margin-top: 3px;
        width: 100%;
        text-align: start;
    }

    .defaultH2 {
        font-size: 26px !important;
    }

    .bannerHome2016 {
        height: 70px;
    }

    .default2016_Main {
        /*width: 90%;*/
        float: none;
        margin: auto;
        min-height: 100vh;
    }

    .guyImage {
        display: none;
    }

    .bannerHome2016.mobileMode .defaultH1 {
        display: none;
    }

    .default2016_Main .defaultH1 {
        color: var(--readable-text);
        display: block !important;
    }

    .LoginFooterSign {
        width: 175px;
        height: 120px;
    }

    .LoginButtonHolder {
        width: 100%;
    }

    .loginButton2016 {
        margin-left: auto;
        margin-right: auto;
    }

    .LangSelBtn {
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .defaultMainLogo {
        margin-right: 0px;
        max-height: 50px;
        max-width: 140px;
        margin-top: 0px;
    }

    .headNav {
        width: 90%;
        margin: auto;
    }

    .RememberCheck {
        font-size: 12px;
    }

    .LangDiv {
        /*height: 200px;*/
        width: 160px;
        overflow-y: auto !important;
        left: 5px;
    }

    .Login2016_underBtn {
    }


    .regPopSplitterHolder {
        float: right;
        width: 100%;
        margin-top: 30px;
    }

    .regPopSplitterTop {
        height: 1px;
        width: 40%;
        margin-right: 0;
        background: #777777;
        clear: none;
        float: right;
        margin-left: 3%;
        margin-right: 5%;
    }

    .regPopSplitterMid {
        float: right;
        margin-top: 0px;
        display: inline;
    }

    .regPopSplitterBottom {
        height: 1px;
        margin-right: 3%;
        width: 40%;
        background: #777777;
        clear: none;
        float: right;
    }

    .regPopSocialHolder {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    /*#endregion */
}
/*Emoticons start*/

.intercom-composer-popover {
    z-index: 2147483003;
    position: absolute;
    top: 100px;
    box-shadow: 0 1px 15px 1px rgba(0,0,0,.08);
    background-color: #fff;
    border-radius: 6px;
    transition-duration: 200ms;
    transition-delay: 0ms;
    transform-style: flat;
    transform-origin: 50% 50% 0;
    opacity: 0;
    transition: all 0.2s linear;
    visibility: hidden;
    box-shadow: -1px 2px 12px 3px #7b7a7a;
}

    .intercom-composer-popover.active {
        visibility: visible;
        opacity: 1;
        top: -104px;
    }

.intercom-emoji-picker {
    width: 330px;
    height: 310px;
}

.intercom-composer-popover-header {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 40px;
    border-bottom: 1px solid #edeff1;
}

.intercom-composer-popover-input {
    background-image: url(https://js.intercomcdn.com/images/search.7ae40c25.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 0 12px;
    font-weight: 400;
    font-size: 14px;
    color: #6e7a89;
    padding-left: 25px;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    background-image: url(https://js.intercomcdn.com/images/search@2x.9f02b9f3.png);
    border: none;
    outline: none;
}

.intercom-composer-popover-body {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 5px;
    padding: 0 20px;
    overflow-y: scroll;
}

.intercom-emoji-picker-group {
    margin: 10px -5px;
}

.intercom-emoji-picker-group {
    margin: 10px -5px;
}

.intercom-emoji-picker-group-title {
    color: #b8c3ca;
    font-weight: 400;
    font-size: 13px;
    margin: 5px;
}

.intercom-emoji-picker-emoji {
    padding: 5px;
    width: 30px;
    line-height: 30px;
    display: inline-table;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    font-size: 18px;
    transition: -webkit-transform 60ms ease-out;
    transition: transform 60ms ease-out;
    transition: transform 60ms ease-out,-webkit-transform 60ms ease-out;
    transition-delay: 60ms;
    font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
}

    .intercom-emoji-picker-emoji:hover {
        transition-delay: 0ms;
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }

.intercom-composer-popover-caret {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.chat-input-tool {
    border: none;
    border-radius: 5px;
    position: absolute;
    outline: none;
    /*top: 226px;*/
    opacity: 0;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.HoderEmoji {
    position: absolute;
    padding-top: 0px;
    top: 225px;
    width: 23px;
    height: 32px;
}

.HoderEmojiSms {
    margin: auto;
    width: 400px;
}
/*Emoticons endt*/

/* ### Short Urls Start ### */

.holderBtnsShortUrls {
    padding: 10px 0px;
    margin: 0 1%;
}

.cancelBtn {
    background: #dedede;
    padding: 5px 15px;
    border-radius: 3px;
    display: inline-block;
    color: #000;
    margin: 0px 10px;
    cursor: pointer;
}

.acceptBtn {
    background: #01bee8;
    padding: 5px 15px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    margin: 0px 10px;
    cursor: pointer;
}

.closeShortUrl {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    padding: 6px;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    font-size: 14px;
    line-height: 12px;
    font-weight: bold;
    cursor: pointer;
}

.LinksMapVals {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 50%;
    padding: 10px;
    padding-bottom: 0px;
    box-shadow: 0px 4px 7px -1px #868686;
    border-radius: 10px;
    margin-top: 11px;
}

    .LinksMapVals:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 15px 15px 15px;
        border-color: transparent transparent #ffffff transparent;
        position: absolute;
        top: -15px;
        transform: translateX(-50%);
        left: 50%;
    }

.primary-color-off a {
    color: var(--secondary-text) !important;
}
/* ### Short Urls End ### */


/* ### Snackbar Start ### */
.snackbarRed {
    color: #ff7e7e;
}

.snackbarRed_background {
    background: #dc0000 !important;
}

.snackbarGreen {
    color: #48ff97;
}

div#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    /*margin-left: -125px;*/ /* Divide value of min-width by 2 */
    color: #fff;
    background-color: #3d4756; /* Black background color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
    transform: translateX(-50%);
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: none;
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    div#snackbar.show {
        visibility: visible !important; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.4s, fadeout 0.4s 1.6s;
        animation: fadein 0.4s, fadeout 0.4s 1.6s;
    }

.error-shake-animation {
    -webkit-animation: shake 0.9s 1 linear;
    -moz-animation: shake 0.9s 1 linear;
    -o-animation: shake 0.9s 1 linear;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-clip: padding-box;
    border: 1px solid red !important;
    box-shadow: 0 0 0 0.15rem #f4433696 !important;
}

.fade_in_From_top {
    animation: fade-in-with-slide .5s; /* IE 10+, Fx 29+ */
    -webkit-animation: fade-in-with-slide .5s;
    -moz-animation: fade-in-with-slide .5s;
    -o-animation: fade-in-with-slide .5s;
}

.main-page--sendmsg {
    position: relative;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 50px;
    border-radius: 5px;
    width: 100%;
    min-height: calc(100vh - 190px);
    animation: fade-in-with-slide .5s; /* IE 10+, Fx 29+ */
    -webkit-animation: fade-in-with-slide .5s;
    -moz-animation: fade-in-with-slide .5s;
    -o-animation: fade-in-with-slide .5s;
}

.sidebar-drawer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

div.main-container-page {
    max-width: 90%;
    border-radius: var(--main-page-radius);
}

.main-page--sendmsg {
    background: var(--main-page-color);
}

.show-on-mobile {
    display: none;
}

.top-navbar-wrapper {
    position: relative;
    height: 100vh;
}

.show-on-small-screen-900 {
    display: none;
}

.slide-in-animation {
    animation-name: fadeInUp;
    animation-direction: alternate;
    animation-duration: .4s;
}

@media only screen and (max-width: 526px) {
    .hide-on-mobile {
        display: none;
    }

    .show-on-mobile {
        display: block;
    }


    .main-container-page {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.show-on-small-screen--sidebar {
    display: none;
}

@media only screen and (max-width: 1400px) {
    .hide-on-small-screen {
        display: none;
    }

    .hide-on-small-screen--sidebar {
        position: fixed;
        left: -9999px;
        opacity: 0;
    }

    .show-on-small-screen--sidebar {
        display: block;
    }

    .on-scroll-navbar {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1060px) {
    .hide-on-small-screen-1060 {
        display: none;
    }

    .show-on-small-screen-1060 {
        display: block;
    }
}

@media only screen and (max-width: 900px) {
    .hide-on-small-screen-900 {
        display: none;
    }

    .show-on-small-screen-900 {
        display: block;
    }
}

@media only screen and (max-width: 1101px) {


    .MenuTabRow span {
        padding-left: 0 !important;
        padding-right: .6rem !important;
    }

    .SystemItemsCell {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .RightListPlaceHolder Open {
        width: 220px;
    }
}

.svgHiddenIcon {
    display: inline-flex;
    height: 22px;
    width: 40px !important;
}