/* common style start */
body {
    font-family: 'Helvetica-Neue';
    color: #000;
    overflow-x: hidden;
    background-color: #eeeeee;
    cursor: default;
}

.copy-icon {
    cursor: pointer;
    margin-left: 8px;
}

.copy-icon:hover {
    opacity: 0.8;
}

#info-grid-row .info-box {
    margin-bottom: 2em;
}

#info-grid-row .field-title {
    font-size: 16px;
    font-weight: bold;
}

#info-grid-row .field-value {
    font-size: 16px;
    font-weight: normal;
}

#info-grid-row .expandable-text {
    position: relative;
}

#info-grid-row .toggle-text {
    text-decoration: none;
    cursor: pointer;
    margin-left: 5px;
}

#info-grid-row .toggle-text:hover {
    text-decoration: underline;
}

#info-grid-row .full-text {
    white-space: pre-wrap;
    word-break: break-word;
}



.Helvetica-Medium {
    font-family: 'Helvetica-Neue-Medium';
}

.Helvetica-Neue {
    font-family: 'Helvetica-Neue';
}

a:hover {
    text-decoration: none;
}

.maincontent-inner {
    background-color: #eeeeee;
    min-height: calc(100vh - 112px);
    margin-top: 0px;
    padding: 1rem 1rem;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

#page, .page {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

#main {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

aside {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.border-bottom {
    border-radius: 0px;
}

.ibox {
    background-color: #fff;
    padding: 1.2rem 1.2rem;
    border-radius: 15px;
    margin-bottom: 1em;
    position: relative;
}

.ibox-title h5, .ibox-title h5 a, .ibox-title h5 a:hover {
    font-size: 16px;
    font-family: 'Helvetica-Neue';
    color: #00337c;
    text-align: left !important;
}

.collapse-link h5, .title-edit h5, .ibox-black h5, #sloteditfields .ibox h5 {
    color: #000;
}

.ibox-title h6 {
    text-align: left !important;
    color: #00337c;
}

.sub-title {
    text-align: left;
    font-size: 16px;
}

.sub-title a {
    color: #0064C8;
    word-break: break-word;
}

.title-info {
    display: flex;
    justify-content: space-between;
}

.height-equal {
    height: 100%;
    width: 100%;
}

.height-equal .ibox, .height-equal.ibox {
    margin-bottom: 0rem;
}

.text-black, .text-black:hover {
    color: #000;
}

.text-blue {
    color: #00337c;
}

.text-green {
    color: #94bf27;
}

.text-info {
    color: #61b2de;
}

.text-red {
    color: #FF3E3E;
}

.text-orange {
    color: #F8AC5A;
}

.text-a-blue, .text-a-blue:hover {
    color: #0064C8 !important;
}

.bg-light-blue {
    background: #d9e8f7;
}

.w-20-px {
    width: 20px;
}

.w-70-px {
    width: 70px;
}

.w-150-px {
    width: 150px;
}

.br-50 {
    border-radius: 50%;
}

.f-15 {
    font-size: 15px;
}

/* .f-18 , .f-20{
  font-size: 16px;
} */
.f-25 {
    font-size: 16px;
}

.mt-6 {
    margin-top: 2rem !important;
}

.mt-8 {
    margin-top: 0.8rem;
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.mr-6 {
    margin-right: 2rem !important;
}

.pl-6 {
    padding-left: 2rem;
}

span.pending-img {
    background-image: url('../images/common/Pending.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.pending-img {
    background-image: url('../images/common/Pending.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.pick-img {
    background-image: url('../images/common/pluse-img.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.minus-img {
    background-image: url('../images/common/minus-img.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.pick-img {
    background-image: url('../images/common/pick-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.workspace-img {
    background-image: url('../images/common/workspace.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.workspace-img {
    background-image: url('../images/common/workspace-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.useredit-img {
    background-image: url('../images/common/user-edit.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 25px;
    background-size: contain;
}

span:hover.useredit-img {
    background-image: url('../images/common/user-edit-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 25px;
    background-size: contain;
}

span.share-img {
    background-image: url('../images/common/share.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.share-img {
    background-image: url('../images/common/share-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.view-img {
    background-image: url('../images/common/eye.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span.pause-img {
    background-image: url('../images/common/pause.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span.play-img {
    background-image: url('../images/common/play.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span.comp-img {
    background-image: url('../images/common/edit-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span.uncomp-img {
    background-image: url('../images/common/edit-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span.reg-img {
    background-image: url(../images/common/reg.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span:hover.reg-img {
    background-image: url(../images/common/reg-active.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span:hover.view-img {
    background-image: url('../images/common/eye-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span:hover.comp-img {
    background-image: url('../images/common/edit-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span:hover.uncomp-img {
    background-image: url('../images/common/edit-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 25px;
    height: 20px;
    background-size: contain;
}

span.copy-img {
    background-image: url('../images/common/copy-img.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.copy-img {
    background-image: url('../images/common/copy-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.Deactivate-img {
    background-image: url('../images/header/non-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.Activate-img {
    background-image: url('../images/header/active-star.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.DeActivate-img {
    background-image: url('../images/header/deactive-star.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.CompActivate-img {
    background-image: url('../images/header/active-star.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.UnCompActivate-img {
    background-image: url('../images/header/active-star.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.edit-img {
    background-image: url('../images/common/edit.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.edit-img {
    background-image: url('../images/common/edit-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.approved-img {
    background-image: url('../images/common/approved.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}


span.approve-img {
    background-image: url('../images/common/approved-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.deapprove-img {
    background-image: url('../images/common/approved-deactive.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.approved-img {
    background-image: url('../images/common/approved-active.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.reinstate-img {
    background-image: url('../images/common/reinstate.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.reinstate-img {
    background-image: url('../images/common/reinstate.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.delete-img {
    background-image: url('../images/common/delete.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.moveup-img {
    background-image: url('../images/common/up-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.moveup-img {
    background-image: url('../images/common/up-arrow-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.movedown-img {
    background-image: url('../images/common/downs-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.movedown-img {
    background-image: url('../images/common/downs-arrow-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.crop-img {
    background-image: url('../images/common/crop.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.crop-img {
    background-image: url('../images/common/crop-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.write-img {
    background-image: url('../images/common/write.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.write-active-img {
    background-image: url('../images/common/write-active.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span:hover.write-img {
    background-image: url('../images/common/write-active.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
}

span.eye-img {
    background-image: url('../images/common/eye.svg');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
}

span:hover.eye-img {
    background-image: url('../images/common/eye-active.svg');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
}

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

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

.form-check {
    min-height: 1.5rem;
    margin-bottom: 0.8rem;
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
    margin: 0 auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.sk-spinner-wave div {
    background-color: #1ab394;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media all and (max-width: 767px) {
    #page, .page {
        -webkit-flex-flow: column;
        flex-flow: column;
        justify-content: inherit;
    }

    aside {
        width: auto;
    }

    #main {
        padding-right: 40px;
    }

    .input-label label {
        font-size: 16px;
    }
}

/* common style end */

/* fonts style start */
@font-face {
    font-family: 'Helvetica-Neue-Thin';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Helvetica-Neue-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica-Neue-Light';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Helvetica-Neue-Light.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica-Neue';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Helvetica-Neue.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica-Neue-Medium';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Helvetica-Neue-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica-Neue-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Helvetica-Neue-Bold.woff') format('woff');
}

/* fonts style end */

/* header style start */
.Header-section {
    background-color: #fff;
    top: 0;
    width: 100%;
    left: 0;
    padding-left: 0px;
    z-index: 9;
}

.Header-section nav.navbar {
    padding: 1rem 1rem;
}

.Header-section ul {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0px;
}

.wel-name {
    font-size: 20px;
    font-family: 'Helvetica-Neue-Bold';
}

.nav-leftside ul li {
    padding-right: 10px;
}

.nav-rightside ul li {
    padding-left: 2rem;
}

.cast-mike {
    font-size: 12px;
    align-self: center;
    margin-top: 5px;
    font-family: 'Helvetica-Neue';
    color: #000;
    margin-bottom: 0px;
}

.head-img img {
    margin-top: 4px;
    max-width: 200px;
    height: auto;
}

.por-web {
    border: 1px solid #00337c;
    text-align: center;
    align-self: center;
    margin: auto;
    width: 180px;
    height: 31px;
}

.por-web a {
    color: #00337c !important;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}

.por-web a:hover {
    font-size: 14px;
    line-height: 30px;
    transition: all 0.5s ease-out;
    transform: scale(1);
}

.por-show {
    display: block;
}

.por-list {
    position: absolute;
    background: #fff;
    padding: 18px 25px 0px 8px;
    margin-top: 1rem;
    z-index: 9;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 0px 0px 15px 15px;
    margin-right: 2rem;
}

.por-list div {
    margin-bottom: 15px;
    transform: translateX(0px);
    cursor: default;
}

.por-list div a {
    color: #000;
    font-size: 14px;
    font-family: 'Helvetica-Neue-Light';
}

.por-list div a:hover {
    color: #00337c;
}

.por-list div:hover {
    transform: translateX(10px);
    transition: transform 330ms ease-in-out;
}

.por-web.active {
    border: 1px solid #94bf27;
}

.por-web.active a, .por-web.active a:hover {
    color: #94bf27 !important;
    font-size: 16px;
}

.por-list.animation-show {
    transform: translate(0px, -189px);
    -ms-transform: translate(0px, -189px);
    -webkit-transform: translate(0px, -189px);
}

.status-part {
    font-size: 16px;
}

.status-active, .status-non-active {
    font-size: 16px;
    margin-left: 5px;
}

.status-active img, .status-non-active img {
    margin-top: -3px;
}

.status-active {
    color: #94bf27;
}

.status-non-active {
    color: #FF3E3E;
}

li.switch-user {
    width: 218px;
    margin: auto;
}

li.switch-user span.select2, ul#side-menu span.select2 {
    width: 100% !important;
}

.name-wel {
    margin-bottom: 0px;
    margin-left: 7px;
}

.navbar-toggler {
    padding: .25rem .45rem;
    font-size: 0.8rem;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-rightside ul li {
        padding-left: 0.5rem;
    }

    li.switch-user {
        width: 150px;
    }
}

@media (min-width: 1200px) {
    .welcometitle .name-wel {
        max-width: 136px !important;
    }
}

@media (min-width: 992px) {
    .welcometitle .name-wel {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100px;
    }

    .cast-mike {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 108px;
        margin-left: 5px;
    }
}

@media (max-width: 1500px) {
    .por-list {
        padding: 18px 15px 0px 13px;
    }
}

@media (max-width: 1199px) {
    .por-web a, .por-web.active a, .por-web.active a:hover {
        font-size: 14px;
    }

    .por-web a:hover {
        font-size: 13px;
    }

    .por-web {
        width: 161px;
    }
}

@media (max-width: 1199px) {
    .wel-name {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .cast-mike {
        font-size: 10px;
    }

    .status-part {
        font-size: 14px;
    }

    .status-active, .status-non-active {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .Header-section .navbar-collapse {
        padding-top: 15px;
    }

    .Header-section ul {
        display: block;
        text-align: center;
    }

    .nav-rightside ul li {
        padding-left: 0rem;
    }

    .Header-section ul li {
        padding-bottom: 7px;
    }

    .por-list {
        position: relative;
        width: 300px;
        margin: auto;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .Header-section {
        height: 3.5em !important;
        padding: 1em !important;
    }

    .btn-expand-collapse {
        cursor: pointer;
        position: absolute;
        left: 20px;
    }
}

/* header style end */

/* footer style start */
.footer {
    padding: 15px;
    background: #fff;
    font-size: 13px;
}

.footer .left-side {
    color: #707070;
}

.footer .right-side {
    color: #94bf27;
}

.footer .left-side strong {
    font-family: 'Helvetica-Neue-Bold';
    font-weight: normal !important;
}

@media (max-width: 991px) {
    .footer .left-side {
        order: 3;
    }

    .footer .right-side {
        order: 1;
    }
}

@media (max-width: 500px) {
    .footer .left-side img {
        order: 2;
        display: grid;
        margin: auto;
    }
}

/* footer style end */

/* table style start */
.go-mailbox a {
    float: right;
    font-family: 'Helvetica-Neue-Light' !important;
}

.inbox-table {
    table-layout: fixed;
    margin-bottom: 0rem;
}

.inbox-table td {
    vertical-align: middle !important;
}

.table.inbox-table td, .table.inbox-table th {
    border-top: 2px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
}

.table.inbox-table tr:hover {
    background: #e3e3e3;
}

.printable-page table th, .photo-page table th, .Recent-Photo-section table th, .billing-detail-page table th, .Video-Links-table table th, .normal-table table th {
    border-top: 0px;
    font-size: 16px;
    font-family: 'Helvetica-Neue-Medium';
    padding: .55rem 0rem;
    font-weight: normal;
    white-space: nowrap;
    border-bottom: 2px solid #c0c0c0;
}

.printable-page table td, .photo-page table td, .Recent-Photo-section table td, .billing-detail-page table td, .Video-Links-table table td, .normal-table table td {
    border-top: 2px solid #c0c0c0;
    font-size: 14px;
    padding: .55rem 0rem;
    border-bottom: 2px solid #c0c0c0;
    vertical-align: middle;
    white-space: nowrap;
}

/* table style end */

/* select style start */
.select-value, .select-value:focus {
    border: 1px solid #707070;
    border-radius: 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../images/common/down-arrow.svg');
    background-repeat: no-repeat;
    font-size: 18px;
    color: #000;
    /* height: 45px; */
    background-position: right 13px bottom 15px;
    /* line-height: 30px; */
}

.select-common, .select-common:focus {
    border: 1px solid #707070;
    border-radius: 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../images/common/gray-down-arrow.png');
    background-repeat: no-repeat;
    background-position: right 10px bottom 14px;
    font-size: 18px;
    color: #000;
    /* line-height: 30px; */
}

select option {
    color: #000;
    font-family: 'Helvetica-Neue';
}

select:required:invalid {
    color: #aaaaaa;
    font-family: 'Helvetica-Neue-Light';
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}

/* @media (max-width:1500px){
  .select-value , .select-value:focus , .select-common , .select-common:focus{
    font-size: 14px;
    background-position: right 10px bottom 13px;
    line-height: 23px;
  }
} */
/* select style end */

/* input style start */
.input-sec {
    margin-bottom: 0.8rem !important;
}

.inputbottom-0 input {
    margin-bottom: 0rem !important;
}

.input-sec label {
    font-size: 18px;
    align-self: center;
    margin-bottom: 0px;
}

.input-sec input, input.input-sec {
    border: 1px solid #707070;
    border-radius: 8px;
    height: 40px;
    color: #000;
    font-size: 18px;
}

.input-sec input:focus {
    color: #000;
}

.valueinput input[value] {
    background: #E6E6E6;
    border: 0px;
}

.input-label label {
    font-size: 18px;
}

.input-label input {
    border: 1px solid #707070;
    border-radius: 8px;
    height: 40px;
    color: #000;
    font-size: 18px;
}

.input-sec input::-webkit-input-placeholder, input.input-sec::-webkit-input-placeholder, .input-label input::-webkit-input-placeholder, input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

input::-moz-placeholder, .input-sec input::-moz-placeholder, input.input-sec::-moz-placeholder, .input-label input::-moz-placeholder { /* Firefox 19+ */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

input:-ms-input-placeholder, .input-sec input:-ms-input-placeholder, input.input-sec:-ms-input-placeholder, .input-label input:-ms-input-placeholder { /* IE 10+ */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

input:-moz-placeholder, .input-sec input:-moz-placeholder, input.input-sec:-moz-placeholder, .input-label input:-moz-placeholder { /* Firefox 18- */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

textarea::-webkit-input-placeholder {
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

textarea::-moz-placeholder { /* Firefox 19+ */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

textarea:-ms-input-placeholder {
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

textarea::placeholder {
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

@media (min-width: 1701px) {
    .accountinfo-page .input-sec .col-xl-3 {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
        padding-right: 0px;
    }

    .accountinfo-page .input-sec .col-xl-9 {
        -ms-flex: 0 0 73%;
        flex: 0 0 73%;
        max-width: 73%;
    }
}

@media (min-width: 1501px) and (max-width: 1700px) {
    .accountinfo-page .input-sec .col-xl-3 {
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
        padding-right: 0px;
    }

    .accountinfo-page .input-sec .col-xl-9 {
        -ms-flex: 0 0 69%;
        flex: 0 0 69%;
        max-width: 69%;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .accountinfo-page .input-sec .col-xl-3 {
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
        padding-right: 0px;
    }

    .accountinfo-page .input-sec .col-xl-9 {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
    }

    .payment-leftside .col-xl-4, .payment-rightside .col-xl-4 {
        -ms-flex: 0 0 40.333333%;
        flex: 0 0 40.333333%;
        max-width: 40.333333%;
    }

    .payment-leftside .col-xl-8, .payment-rightside .col-xl-8 {
        -ms-flex: 0 0 58.666667%;
        flex: 0 0 58.666667%;
        max-width: 58.666667%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    label.control.control--checkbox {
        padding-left: 2rem !important;
    }
}

@media (max-width: 767px) {
    .input-sec label {
        margin-bottom: 0.5rem;
    }
}

/* input style end */

/* button style start */
.button-common {
    border: 1px solid #00337c;
    text-align: center;
    align-self: center;
    margin: auto;
    font-size: 18px;
    width: auto;
    min-width: 170px;
    background: transparent;
    padding: 0px 12px;
    color: #00337c;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
}

.button-common:hover {
    border: 1px solid #94bf26;
    color: #94bf26;
}

a.button-common {
    display: inline-block;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: 0px;
}

@media (max-width: 575px) {
    .button-common {
        /* height: auto;
    line-height: 30px;
    padding: 10px 30px; */
        line-height: normal;
    }

    .modal-content .button-common {
        height: 50px;
        line-height: normal;
    }
}

/* button style end */

/* checkbox style start */
.custom-control.custom-checkbox, .custom-control.custom-radio {
    display: flex;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: transparent;
    border-color: #000000;
}

.custom-checkbox .custom-control-input, .custom-radio .custom-control-input {
    left: 2px;
    top: 2px;
    width: 19px;
    height: 19px;
}

.custom-control-label {
    font-size: 13px;
    color: #000;
    padding-left: 5px !important;
}

.custom-checkbox .custom-control-label::before {
    width: 19px;
    height: 19px;
    top: 2px;
    border-radius: 2px;
    border: 2px solid #000000;
    -moz-box-shadow: inset 0 0 2px #808080;
    -webkit-box-shadow: inset 0 0 2px #808080;
    box-shadow: inset 0 0 2px #808080;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #04337c;
    background-color: transparent;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -17px;
    width: 6px;
    height: 11px;
    border: solid #00337c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border: 2px solid #000000;
    -moz-box-shadow: inset 0 0 2px #808080;
    -webkit-box-shadow: inset 0 0 2px #808080;
    box-shadow: inset 0 0 2px #808080;
}

.custom-checkbox span, .custom-radio span {
    font-size: 18px;
    /* margin-top: 3px; */
    align-self: center;
}

.checkbox-section .column {
    float: left;
    padding: 10px 15px;
    flex: 0 0 20%;
    max-width: 20%;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
    width: 19px;
    height: 19px;
    top: 2px;
    border: 2px solid #000000;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    content: "";
    position: absolute;
    top: 6px;
    left: -20px;
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #04337c;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-image: none;
}

@media (max-width: 1500px) {

}

@media (max-width: 1199px) {
    .checkbox-section .column {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 991px) {
    .checkbox-section .column {
        flex: 0 0 32%;
        max-width: 32%;
    }
}

@media (max-width: 767px) {
    .checkbox-section .column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .checkbox-section .column {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* checkbox style end */

/* loader style start  */
.newload {
    background: #000000b3;
    position: absolute;
    z-index: 999;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    align-items: center;
}

.newloads {
    position: absolute;
    z-index: 999;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_processing {
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
    background: #ffffffc7 !important;
}

#loader {
    position: fixed;
    z-index: 99999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#loader:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

#loader:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#loader:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* loader style end  */

/* choose multi select style start */
.chosen-container-single .chosen-single {
    border: 1px solid #707070 !important;
    border-radius: 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../images/common/down-arrow.svg');
    background-repeat: no-repeat;
    font-size: 18px;
    color: #000;
    height: 38px;
    background-position: right 13px bottom 15px;
    line-height: 38px;
    box-shadow: none;
}

.chosen-container-single .chosen-single div b {
    display: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-size: 18px;
}

@media (max-width: 1500px) {
    .chosen-container-multi .chosen-choices li.search-field input[type="text"], .chosen-container-single .chosen-single {
        font-size: 14px;
    }
}

/* choose multi select style end */

/* panel style start */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
}

.panel-heading {
    color: white;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0px;
    text-align: right;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #fff !important;
}

.panel-body {
    padding: 15px;
}

.overflow-auto {
    overflow: auto !important;
}

.panel-primary {
    border-color: #1ab394;
}

.panel-primary > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
}

.panel-success {
    border-color: #1c84c6;
}

.panel-success > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
}

.panel-info {
    border-color: #23c6c8;
}

.panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #ffffff;
}

.panel-warning {
    border-color: #f8ac59;
}

.panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #ffffff;
}

.panel-danger {
    border-color: #ed5565;
}

.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #ffffff;
}

.panel-footer {
    padding: 10px 15px;
    border-top: 1px solid #e7eaec;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #e7eaec;
}

.panel-default {
    border-color: #e7eaec;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

/* panel style end */

/* overview style start */
.overview-page .section1 .ibox {
    height: auto;
    min-height: 120px;
}

.value-number p {
    font-size: 32px;
    line-height: 32px;
    font-family: 'Helvetica-Neue-Medium';
}

.overview_info {
    text-align: right;
    cursor: pointer;
}

.value-detial p {
    font-size: 16px;
    color: #000;
    font-family: 'Helvetica-Neue-Medium';
}

.value-img img {
    height: 35px;
}

.overview_info img {
    width: 20px;
}

.inbox-img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.value-img {
    text-align: right;
}

.overview-page ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.overview-page ul.todo-list li {
    cursor: default;
    padding-bottom: 7px;
    font-size: 16px;
    padding: 5px;
    margin-left: -4px;
    font-family: 'Helvetica-Neue-Light';
    display: flex;
    justify-content: space-between;
}

.overview-page ul li:hover {
    background-color: #E6E6E6;
    border-radius: 5px;
}

.account-agree {
    padding: 3rem 0rem;
    color: #7c7c7c;
    font-size: 15px;
    font-family: 'Helvetica-Neue-Thin';
}

.account-agree a, .account-agree a:hover {
    color: #00337c;
    text-decoration: underline;
}

.overview-page .chart-place {
    height: 300px !important;
}

#Submission-slider, #Client-slider, #Website-slider {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 100%;
    left: 0px;
    transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    font-size: 14px;
    padding: 2rem 2rem 1rem 2rem;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 0px 0px 20px 20px;
}

#send-portfolio-slider, #make-sure-resume-slider, #add-audio-video-slider {
    position: absolute;
    background: #fff;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 9;
    width: 100%;
    height: auto;
    left: 0px;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    font-size: 14px;
    padding: 1.5rem;
    top: 0rem;
}

#learn-about-new-slider {
    position: absolute;
    background: #fff;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 9;
    width: 100%;
    left: 0px;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);;
    font-size: 14px;
    padding: 1.5rem;
    top: -2rem;
}

#learn-about-new-slider p {
    margin-bottom: 5px;
}

#need-to-edit-slider {
    position: absolute;
    background: #fff;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 9;
    width: 100%;
    height: auto;
    left: 0px;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    font-size: 14px;
    padding: 1.5rem;
    top: 0rem;
}

#how-to-signup-slider {
    position: absolute;
    background: #fff;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 9;
    width: 100%;
    left: 0px;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    font-size: 14px;
    padding: 1.5rem;
    top: 0rem;
}

.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateY(0%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-120px);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateY(0%);
    }
    100% {
        -webkit-transform: translateY(-120px);
    }
}

.inbox-img p, .inbox-details, .inbox-time {
    font-family: 'Helvetica-Neue-Light';
}

.inbox-details, .inbox-time {
    font-size: 12px;
}

@media (max-height: 900px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (max-height: 800px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (max-width: 1500px) {
    #send-portfolio-slider, #make-sure-resume-slider, #add-audio-video-slider,
    #send-portfolio-slider, #make-sure-resume-slider, #need-to-edit-slider, #how-to-signup-slider,
    #learn-about-new-slider {
        font-size: 13px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .inner-pad0 div {
        padding: 0px;
    }
}

@media (min-width: 1031px) and (max-width: 1199px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (min-width: 992px) and (max-width: 1030px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (min-width: 801px) and (max-width: 991px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (max-width: 1500px) {
    .overview-page ul.todo-list li {
        font-size: 13px;
    }

    .value-number p {
        font-size: 32px;
        line-height: 32px;
    }
}

@media (max-width: 1300px) {
    .value-detial p {
        font-size: 15px;
    }

    .value-img img {
        height: 30px;
    }
}

@media (max-width: 1199px) {
    .table.inbox-table td, .table.inbox-table th {
        width: 215px;
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    .value-img img {
        display: block;
        margin-left: auto;
        width: auto;
    }
}

@media (max-width: 767px) {
    #learn-about-new-slider {
        top: -2rem;
    }
}

@media (max-width: 575px) {
    .inbox-img p {
        font-size: 15px;
    }

    .table.inbox-table td, .table.inbox-table th {
        width: 150px;
    }
}

/* overview style end */

/* account info style start */
.form-control:focus {
    box-shadow: none;
    border-color: #707070;
    color: #000;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}

.accountinfo-page .section3 .height-equal.ibox, .accountinfo-page.section3 .height-equal.ibox {
    padding: 1.5rem 2rem;
}

.accountinfo-page .section3 .button-common, .accountinfo-page.section3 .button-common {
    position: absolute;
    bottom: 0px;
    transform: translate(-50%, -50%);
}

@-moz-document url-prefix() {
    .accountinfo-page .section3 .button-common, .accountinfo-page.section3 .button-common {
        width: max-content;
    }
}

.accountinfo-page .section3 .title-info .overview_info, .accountinfo-page.section3 .title-info .overview_info {
    z-index: 99;
    padding-top: 8px;
}

#popover-password span strong {
    font-family: 'Helvetica-Neue-Bold';
    font-weight: normal;
}

#websiteadd-slider, #Submissions-slider {
    position: absolute;
    background: #fff;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
    border-radius: 5px;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: translateY(-120px);
    -webkit-transform: translateY(-120px);
    font-size: 14px;
    padding: 2rem 2rem 1rem 2rem;
}

.slidein {
    animation: slidein 0.5s forwards;
    -webkit-animation: slidein 0.5s forwards;
}

.slideout {
    animation: slideout 0.5s forwards;
    -webkit-animation: slideout 0.5s forwards;
}

@keyframes slidein {
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slidein {
    100% {
        -webkit-transform: translateY(0%);
    }
}

@keyframes slideout {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-120px);
    }
}

@-webkit-keyframes slideout {
    0% {
        -webkit-transform: translateY(0%);
    }
    100% {
        -webkit-transform: translateY(-120px);
    }
}

.Website-email {
    height: 100%;
    background-color: #fff;
    border-radius: 15px;
}

.Website-email .ibox-title.Website-email {
    display: none;
}

.Website-email .ibox {
    margin-bottom: 0px;
    height: 100%;
}

.Website-email .custom-control.custom-radio.mb-4 {
    margin-bottom: 0px !important;
}

.accountinfo-page .custom-checkbox span, .accountinfo-page .custom-radio span {
    word-break: break-word;
}

/* button.button-common.additionalwebsiteaddress, button.button-common.submissionactivityemailnotification {
  height: auto;
  line-height: 30px;
  padding: 10px 15px;
} */
button.button-common.submissionactivityemailnotification {
    min-width: 320px;
}

button.button-common.additionalwebsiteaddress {
    min-width: 250px;
}

.physical-page.Website-email .col-lg-12 {
    padding: 0px;
}

.physical-page.Website-email .form-group.col-lg-12.col-sm-5.col-5 {
    padding: 0px 15px;
}

@media (min-width: 1640px) {
    button.button-common.submissionactivityemailnotification {
        min-width: 420px;
    }
}

@media (min-width: 992px) {
    .accountinfo-page .section3 .ibox-content form, .accountinfo-page.section3 .ibox-content form {
        margin-bottom: 5rem;
    }
}

@media (min-width: 992px) and (max-width: 1150px) {
    .accountinfo-page .section3 .button-common, .accountinfo-page.section3 .button-common {
        padding: 0px 15px;
        font-size: 14px;
    }
}

@media (max-width: 1500px) {
    #websiteadd-slider, #Submissions-slider {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .Website-email .form-group.col-lg-12.col-sm-5.col-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .accountinfo-page .section3 .button-common, .accountinfo-page.section3 .button-common {
        position: relative;
        bottom: 0px;
        transform: inherit;
        line-height: 30px;
        height: auto;
    }
}

@media (max-width: 400px) {
    button.button-common.submissionactivityemailnotification {
        min-width: 250px;
    }
}

/* account info style end */

/* new sidebar style start */
.nav-header {
    padding: 15px 25px;
    background-color: #fff;
    position: fixed;
    top: 0px;
    width: 219px;
    z-index: 10;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    height: auto;
}

.nav.metismenu {
    padding-top: 80px;
    position: relative;
    margin-top: 0;
}

.sidebar-collapse {
    overflow-y: auto;
    height: 100vh;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
    position: relative;
}

.sidebar-collapse::-webkit-scrollbar {
    width: 0px;
}

span#messagecount {
    background-color: #277df9;
    color: #fff;
    border-radius: 5px;
    padding: 1px 6px;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
}

.image-cropper {
    border-radius: 100%;
    width: 75px;
    height: 75px;
    margin: auto;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sidebar-left {
    -ms-flex: 0 0 219px;
    flex: 0 0 219px;
    max-width: 219px;
    z-index: 99;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
}

.nav.metismenu hr {
    margin: 1rem 0rem;
    border-top: 2px solid #b8b8b8;
    width: 100%;
}

.nav-second-level span.nav-label {
    margin-left: 0px;
}

.nav > li > a {
    color: #000;
    padding: 14px 20px 14px 25px;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-family: 'Helvetica-Neue';
    width: 100%;
    background: url("../images/sidebar/line-white.svg");
    height: 60px;
    background-repeat: no-repeat !important;
    margin: 0px;
}

.nav > li > a:hover {
    text-decoration: none;
    color: #00337c;
}

span.nav-label {
    margin-left: 10px;
}

.nav.metismenu > li {
    display: block;
    width: 100%;
    position: relative;
}

.nav.metismenu .dropdown-menu > li > a {
    padding: 3px 20px;
    display: block;
}

.nav > li.active > a {
    color: #94bf27;
}

a.levelone-menu:hover {
    background: url("../images/sidebar/line-hover.svg");
    display: flex;
    height: 60px;
    background-repeat: no-repeat !important;
    margin: 0px;
}

.nav > li.active a.levelone-menu {
    background: url("../images/sidebar/line-active.svg");
    display: flex;
    height: 60px;
    background-repeat: no-repeat !important;
    margin: 0px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: #fff;
}

.nav > li > a i {
    margin-right: 6px;
}

.navbar {
    border: 0;
}

.navbar-static-side {
    background-color: #fff;
}

li.mm-active a.levelone-menu:hover {
    color: #94bf27;
    background: url("../images/sidebar/line-active.svg");
    display: flex;
    height: 60px;
    background-repeat: no-repeat !important;
    margin: 0px;
}

li.mm-active a.levelone-menu {
    color: #94bf27;
    background: url("../images/sidebar/line-active.svg");
    display: flex;
    height: 60px;
    background-repeat: no-repeat !important;
    margin: 0px;
}

.nav > li.active a.levelone-menu:hover {
    color: #94bf27;
}

.nav-header a {
    color: #DFE4ED;
}

/* second level start */
.nav-second-level li a {
    padding: 7px 10px 7px 10px;
    padding-left: 24px;
    height: 40px;
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
    width: 100%;
}

.nav.nav-second-level > li.active a {
    color: #00337c;
}

.nav.nav-second-level > li.active {
    border: none;
}

.nav.nav-second-level.collapse[style] {
    height: auto !important;
}

/* second level end */
.navbar.navbar-static-top {
    padding: 0px;
    width: 100%;
    align-items: inherit;
}

.navbar-static-top .dropdown-menu {
    right: 0;
    left: auto;
}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 12px;
}

.sidebar-collapse .arrow {
    margin-top: 3px;
    position: absolute;
    right: 20px;
}

.fa.arrow:before {
    content: "\f104";
    font-size: 24px;
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.fixed-sidebar.mini-navbar .nav-second-level.collapsing li a,
.nav-second-level.collapsing li a {
    min-width: 220px;
}

.nav-third-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li .nav-third-level li a {
    padding-left: 62px;
}

.nav-second-level li:last-child {
    padding-bottom: 10px;
}

.navbar-static-top {
    background: #f3f3f4;
}

.logout-bottom {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 2001;
        position: fixed;
        flex: 0 0 219px;
        max-width: 219px;
    }
}

.metismenu .fa.arrow:before {
    content: "\f107";
}

.metismenu .mm-active > a > .fa.arrow:before {
    content: "\f106";
}

.metismenu .ion.arrow:before {
    content: "\f3d2"
}

.metismenu .mm-active > a > .ion.arrow:before {
    content: "\f3d0";
}

.metismenu .plus-times {
    float: right;
}

*[dir="rtl"] .metismenu .plus-times {
    float: left;
}

.metismenu .fa.plus-times:before {
    content: "\f067";
}

.metismenu .mm-active > a > .fa.plus-times {
    transform: rotate(45deg);
}

.metismenu .plus-minus {
    float: right;
}

*[dir="rtl"] .metismenu .plus-minus {
    float: left;
}

.metismenu .fa.plus-minus:before {
    content: "\f067";
}

.metismenu .mm-active > a > .fa.plus-minus:before {
    content: "\f068";
}

.metismenu .mm-collapse:not(.mm-show) {
    display: none;
}

.metismenu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility;
}

.metismenu .has-arrow {
    position: relative;
}

.metismenu .has-arrow::after {
    position: absolute;
    content: '';
    width: .5em;
    height: .5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: currentColor;
    border-color: initial;
    right: 1em;
    transform: rotate(-45deg) translate(0, -50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out;
}

*[dir="rtl"] .metismenu .has-arrow::after {
    right: auto;
    left: 1em;
    transform: rotate(135deg) translate(0, -50%);
}

.metismenu .mm-active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
    transform: rotate(-135deg) translate(0, -50%);
}

*[dir="rtl"] .metismenu .mm-active > .has-arrow::after,
*[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
    transform: rotate(225deg) translate(0, -50%);
}

a.levelone-menu span.overview-menus, a.levelone-menu span.portfolio-menus, a.levelone-menu span.marketing-menus,
a.levelone-menu span.event-menus, a.levelone-menu span.message-menus,  a.levelone-menu span.email-talent, a.levelone-menu span.billing-menus,
a.levelone-menu span.traffic-menus, a.levelone-menu span.support-menus, a.levelone-menu span.logout-menus,
a.levelone-menu span.search-menus, a.levelone-menu span.picklist-menus, a.levelone-menu span.talent-menus,
a.levelone-menu span.client-menus, a.levelone-menu span.adminuser-menus, a.levelone-menu span.option-menus {
    display: inline-block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat !important;
    margin: 0px;
    background-size: contain !important;
}

a.levelone-menu span.client-menus {
    background-position: center !important;
}

/* overview menu start */
a.levelone-menu span.overview-menus {
    background: url("../images/sidebar/overview.svg");
}

a.levelone-menu:hover span.overview-menus {
    background: url("../images/sidebar/overview-hover.svg");
}

.nav > li.active a.levelone-menu span.overview-menus {
    background: url("../images/sidebar/overview-active.svg");
    height: 28px;
    width: 28px;
}

/* overview menu end */
/* portfolio menu start */
a.levelone-menu span.portfolio-menus {
    background: url("../images/sidebar/portfolio.svg");
}

a.levelone-menu:hover span.portfolio-menus {
    background: url("../images/sidebar/portfolio-hover.svg");
}

.nav > li.active a.levelone-menu span.portfolio-menus,
li.mm-active a.levelone-menu span.portfolio-menus {
    background: url("../images/sidebar/portfolio-active.svg");
    height: 28px;
    width: 28px;
}

/* portfolio menu end */

/* marketing menu start */
a.levelone-menu span.marketing-menus {
    background: url("../images/sidebar/marketing.svg");
}

a.levelone-menu:hover span.marketing-menus {
    background: url("../images/sidebar/marketing-hover.svg");
}

.nav > li.active a.levelone-menu span.marketing-menus,
li.mm-active a.levelone-menu span.marketing-menus {
    background: url("../images/sidebar/marketing-active.svg");
    height: 28px;
    width: 28px;
}

/* marketing menu end */

/* event menu start */
a.levelone-menu span.event-menus {
    background: url("../images/sidebar/events.svg");
}

a.levelone-menu:hover span.event-menus {
    background: url("../images/sidebar/events-hover.svg");
}

.nav > li.active a.levelone-menu span.event-menus, .nav > li.mm-active a.levelone-menu span.event-menus {
    background: url("../images/sidebar/events-active.svg");
    height: 28px;
    width: 28px;
}

/* event menu end */

/* message menu start */
a.levelone-menu span.message-menus, a.levelone-menu span.email-talent  {
    background: url("../images/sidebar/messages.svg");
}


a.levelone-menu:hover span.message-menus, a.levelone-menu span.email-talent  {
    background: url("../images/sidebar/messages-hover.svg");
}

.nav > li.active a.levelone-menu span.message-menus, .nav > li.mm-active a.levelone-menu span.message-menus {
    background: url("../images/sidebar/messages-active.svg");
    height: 28px;
    width: 28px;
}

/* message menu end */

/* billing menu start */
a.levelone-menu span.billing-menus {
    background: url("../images/sidebar/billing.svg");
}

a.levelone-menu:hover span.billing-menus {
    background: url("../images/sidebar/billing-hover.svg");
}

.nav > li.active a.levelone-menu span.billing-menus,
li.mm-active a.levelone-menu span.billing-menus {
    background: url("../images/sidebar/billing-active.svg");
    height: 28px;
    width: 28px;
}

/* billing menu end */

/* traffic menu start */
a.levelone-menu span.traffic-menus {
    background: url("../images/sidebar/traffic.svg");
}

a.levelone-menu:hover span.traffic-menus {
    background: url("../images/sidebar/traffic-hover.svg");
}

.nav > li.active a.levelone-menu span.traffic-menus, .nav > li.mm-active a.levelone-menu span.traffic-menus {
    background: url("../images/sidebar/traffic-active.svg");
    height: 28px;
    width: 28px;
}

/* traffic menu end */

/* support menu start */
a.levelone-menu span.support-menus {
    background: url("../images/sidebar/support.svg");
}

a.levelone-menu:hover span.support-menus {
    background: url("../images/sidebar/support-hover.svg");
}

.nav > li.active a.levelone-menu span.support-menus, .nav > li.mm-active a.levelone-menu span.support-menus {
    background: url("../images/sidebar/support-active.svg");
    height: 28px;
    width: 28px;
}

/* support menu end */

/* logout menu start */
a.levelone-menu span.logout-menus {
    background: url("../images/sidebar/logout.svg");
}

a.levelone-menu:hover span.logout-menus {
    background: url("../images/sidebar/logout-hover.svg");
}

.nav > li.active a.levelone-menu span.logout-menus {
    background: url("../images/sidebar/logout-active.svg");
    height: 28px;
    width: 28px;
}

/* logout menu end */

/* search menu start */
a.levelone-menu span.search-menus {
    background: url("../images/sidebar/Search.svg");
}

a.levelone-menu:hover span.search-menus {
    background: url("../images/sidebar/Search_B.svg");
}

.nav > li.active a.levelone-menu span.search-menus, .nav > li.mm-active a.levelone-menu span.search-menus {
    background: url("../images/sidebar/Search_G.svg");
    height: 28px;
    width: 28px;
}

/* search menu end */

/* picklist menu start */
a.levelone-menu span.picklist-menus {
    background: url("../images/sidebar/picklist.svg");
}

a.levelone-menu:hover span.picklist-menus {
    background: url("../images/sidebar/picklist_B.svg");
}

.nav > li.active a.levelone-menu span.picklist-menus,
li.mm-active a.levelone-menu span.picklist-menus {
    background: url("../images/sidebar/picklist_G.svg");
    height: 28px;
    width: 28px;
}

/* picklist menu end */

/* talent menu start */
a.levelone-menu span.talent-menus {
    background: url("../images/sidebar/Talent.svg");
}

a.levelone-menu:hover span.talent-menus {
    background: url("../images/sidebar/Talent_B.svg");
}

.nav > li.active a.levelone-menu span.talent-menus,
li.mm-active a.levelone-menu span.talent-menus {
    background: url("../images/sidebar/Talent_G.svg");
    height: 28px;
    width: 28px;
}

/* talent menu end */


/* client menu start */
/* a.levelone-menu span.client-menus{
  background-image: url("../images/sidebar/Client.svg") !important;
  background-repeat: no-repeat !important;
  height: 28px !important;
  width: 28px !important;
}
a.levelone-menu:hover span.client-menus{
  background-image: url("../images/sidebar/Client_B.svg") !important;
  background-repeat: no-repeat !important;
  height: 28px !important;
  width: 28px !important;
}
.nav > li.active a.levelone-menu span.client-menus , .nav > li.mm-active a.levelone-menu span.client-menus{
  background-image: url("../images/sidebar/Client_G.svg") !important;
  background-repeat: no-repeat !important;
  height: 28px !important;
  width: 28px !important;
} */
/* client menu end */

/* adminuser menu start */
a.levelone-menu span.adminuser-menus {
    background-image: url("../images/sidebar/AdminUser.svg") !important;
    background-repeat: no-repeat !important;
    height: 28px !important;
    width: 28px !important;
}

a.levelone-menu:hover span.adminuser-menus {
    background-image: url("../images/sidebar/AdminUser_B.svg") !important;
    background-repeat: no-repeat !important;
    height: 28px !important;
    width: 28px !important;
}

.nav > li.active a.levelone-menu span.adminuser-menus, .nav > li.mm-active a.levelone-menu span.adminuser-menus {
    background-image: url("../images/sidebar/AdminUser_G.svg") !important;
    background-repeat: no-repeat !important;
    height: 28px !important;
    width: 28px !important;
}

.admin-img, .clients-img {
    height: 28px !important;
    width: 28px !important;
}

.mm-active.adminuser .adminimg-nor, .mm-active.adminuser .adminimg-hov,
.mm-active.clientuser .client-nor, .mm-active.clientuser .client-hov {
    display: none;
}

.mm-active.adminuser .adminimg-act,
.mm-active.clientuser .client-act {
    display: block !important;
}

.adminuser a.levelone-menu:hover .adminimg-nor, .adminuser a.levelone-menu:hover .adminimg-act,
.clientuser a.levelone-menu:hover .client-nor, .clientuser a.levelone-menu:hover .client-act {
    display: none;
}

.adminuser a.levelone-menu:hover .adminimg-hov,
.clientuser a.levelone-menu:hover .client-hov {
    display: block !important;
}

li.mm-active.adminuser a.levelone-menu:hover .adminimg-hov,
li.mm-active.clientuser a.levelone-menu:hover .client-hov {
    display: none !important;
}

/* adminuser menu end */

/* option menu start */
a.levelone-menu span.option-menus {
    background: url("../images/sidebar/Options.svg");
}

a.levelone-menu:hover span.option-menus {
    background: url("../images/sidebar/Options_B.svg");
}

.nav > li.active a.levelone-menu span.option-menus,
li.mm-active a.levelone-menu span.option-menus {
    background: url("../images/sidebar/Options_G.svg");
    height: 28px;
    width: 28px;
}

/* option menu end */
ul.nav.nav-second-level.Website-Widgets li {
    position: relative;
    display: flex;
}

ul.nav.nav-second-level.Website-Widgets li:after {
    content: '';
    background-color: transparent;
    border-right: 1px solid #000;
    position: absolute;
    height: 20px;
    left: 32px;
    margin-top: 9px;
}

ul.nav.nav-second-level.Website-Widgets li a {
    padding-left: 45px;
}

@media (min-width: 768px) {
    .close-icon, .btn-expand-collapse {
        display: none;
    }
}

@media (max-width: 767px) {
    .sidebar-left {
        display: none;
    }

    .sidebar-left {
        position: fixed;
    }

    .sidebar-left.mobile-side {
        display: block;
        width: 219px;
    }

    .sidebar-left.mobile-side .sidebar-list span {
        display: initial;
    }

    .sidebar-left.mobile-side .out-collapse {
        display: none;
    }

    .sidebar-left.mobile-side .in-collapse {
        display: block;
    }

    .close-icon {
        text-align: right;
        color: #000;
        font-size: 20px;
        padding-bottom: 0px;
        position: absolute;
        right: 13px;
        top: 0px;
        z-index: 999;
    }

    .nav-header {
        padding: 10px;
    }
}

/* new sidebar style end */

/* Billing activation style start */
.purchase-slots {
    font-size: 28px;
    font-family: 'Helvetica-Neue-Medium';
    text-align: center;
    margin-bottom: 0.8rem;
}

.one-time-payment {
    color: #00337C;
    font-size: 16px;
}

.audio-video-slots {
    table-layout: fixed;
}

.table.audio-video-slots td, .table.audio-video-slots th {
    border: 0px;
    padding: .5rem 0rem;
    vertical-align: middle;
}

.td-audio-vdieo h3 {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Helvetica-Neue-Medium';
    margin-top: 4px;
}

.audio-video-slots .select-value {
    width: 63px;
    height: 33px;
    line-height: 23px;
    background-position: right 10px bottom 11px;
}

.audiototalline, .videototalline {
    font-size: 16px;
    margin-bottom: 0px;
}

.label {
    background-color: #D1DADE;
    color: #5E5E5E;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.25em;
    line-height: 1;
    white-space: nowrap;
}

.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none;
}

.label-primary,
.badge-primary {
    background-color: #1ab394;
    color: #ffffff;
}

.label-success,
.badge-success {
    background-color: #1c84c6;
    color: #ffffff;
}

.label-warning,
.badge-warning {
    background-color: #f8ac59;
    color: #ffffff;
}

.label-warning-light,
.badge-warning-light {
    background-color: #f8ac59;
    color: #ffffff;
}

.label-danger,
.badge-danger {
    background-color: #ed5565;
    color: #ffffff;
}

.label-info,
.badge-info {
    background-color: #23c6c8;
    color: #ffffff;
}

.label-inverse,
.badge-inverse {
    background-color: #262626;
    color: #ffffff;
}

.label-white,
.badge-white {
    background-color: #ffffff;
    color: #5e5e5e;
}

.label-white,
.badge-disable {
    background-color: #2a2e36;
    color: #8b91a0;
}

.audiototalline span.label.label-primary, .audiototalline span.audioslottotalfee,
.videototalline span.label.label-primary, .videototalline span.videoslottotalfee {
    color: #94BF27;
}

.audio-video-slots .custom-control-label {
    padding-left: 0px;
}

.setup-fee {
    font-size: 16px;
    color: #00337C;
    margin-bottom: 1.5rem;
}

.total-today {
    font-size: 16px;
    color: #94BF27;
    font-family: 'Helvetica-Neue-Medium';
}

.call-us {
    font-size: 16px;
    color: #00337C;
}

.pay-fill {
    font-size: 16px;
    color: #00337C;
}

.address-agency strong {
    font-family: 'Helvetica-Neue-Medium';
    font-weight: normal;
}

.hr-line {
    margin-top: 1rem;
    margin-bottom: 2rem;
    border-top: 2px solid #707070;
    width: 100%;
}

.country-select.select-value {
    background-position: right 10px bottom 13px;
}

.paypa-account {
    color: #00337C;
    font-size: 16px;
    margin-bottom: 2rem;
}

.payment-leftside label, .payment-rightside label,
.payment-leftside div, .payment-rightside div {
    padding: 0px;
}

.payment-rightside .radio-image div {
    padding: 0px 10px;
}

.radio-image .custom-radio label.custom-control-label {
    margin-top: -20px;
}

.payment-leftside {
    padding-right: 4rem;
}

.payment-rightside {
    padding-left: 4rem;
}

.Activation-Payment {
    font-size: 16px;
    color: #00337c;
}

.Activation-Payment span strong {
    font-weight: normal;
    font-family: 'Helvetica-Neue-Medium';
}

.Active-Member h3 {
    background: #94BF27 0% 0% no-repeat padding-box;
    border-radius: 15px 15px 0px 0px;
    margin-bottom: 0px;
    font-size: 23px;
    text-align: center;
    height: 79px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: 'Helvetica-Neue-Medium';
}

.Active-Member span {
    margin: 0px 10px;
    color: #00337C;
    font-family: 'Helvetica-Neue-Bold';
}

.Active-Member table td span {
    color: #0064C8;
    font-family: 'Helvetica-Neue-Medium';
}

.Active-Member .ibox {
    border-radius: 0px 0px 15px 15px;
    padding: 0px 15px;
}

.Active-Member table th, .Active-Member table td, .Active-Member .table tbody + tbody {
    border-top: 0px;
}

.Active-Member table tr:nth-child(odd) {
    background: #f7f9fb;
}

.Active-Member table th {
    font-size: 16px;
    text-align: center;
    font-family: 'Helvetica-Neue-Medium';
    font-weight: normal;
    background-color: #fff;
}

.Active-Member table td {
    font-size: 14px;
}

.Active-Member table td img {
    width: 23px;
}

.why-join-section h2, .member-active h2 {
    background: #94BF27 0% 0% no-repeat padding-box;
    border-radius: 15px 15px 0px 0px;
    margin-bottom: 0px;
    font-size: 25px;
    text-align: center;
    height: 79px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: 'Helvetica-Neue-Medium';
}

.why-join-section .ibox, .member-active .ibox {
    padding: 0px 0px;
}

.why-join-section ul {
    padding: 15px;
    margin: 0px;
    list-style: none;
}

.why-join-section ul li {
    font-size: 20px;
    display: flex;
    align-items: start;
    padding: 6px;
}

.why-join-section ul li span {
    margin-right: 15px;
}

.why-join-section ul li:nth-child(odd) {
    background: #e5eff9;
}

.free-printed {
    font-size: 20px;
    text-align: center;
}

.free-printed span {
    color: #94BF27;
}

.businessuser-name {
    font-size: 30px;
}

.business-details .sample-card {
    font-size: 16px;
    text-align: center;
    align-self: center;
}

.business-location div {
    display: flex;
    align-items: start;
    font-size: 13px;
    word-break: break-word;
}

.business-location div div {
    display: block;
}

.business-location div div p {
    margin-bottom: 5px;
}

.business-location div img {
    width: 21px;
    margin-right: 12px;
}

.business-details-leftside {
    border: 1px solid #00337c;
    padding: 1rem;
    position: relative;
    border-radius: 20px;
    box-shadow: 3px 3px 6px #00000029;
}

.business-details-leftside:before {
    background: none;
    border: 1px solid #94BF27;
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    pointer-events: none;
    border-radius: 16px;
}

.business-details-leftside-img img {
    border-radius: 100%;
    width: 115px;
    height: 115px;
}

.step-section {
    padding: 0rem 4rem;
    display: inline-flex;
}

.step-title {
    font-size: 20px;
    font-family: 'Helvetica-Neue-Medium';
    align-self: center;
    margin: 0rem 0rem 2rem 2rem;
}

.step-section .step-image {
    font-size: 25px;
    font-family: 'Helvetica-Neue-Bold';
    background: #c9df93;
    border-radius: 15px;
    width: 170px;
    height: 70px;
    margin: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    padding: 0px 10px;
}

.step-section img {
    width: 55px;
    margin-left: 15px;
}

.extra-fees {
    font-size: 20px;
}

.extra-fees span {
    text-transform: uppercase;
    color: #94BF27;
    font-family: 'Helvetica-Neue-Medium';
}

.Yearly-plan {
    font-size: 20px;
    color: #00337C;
    font-family: 'Helvetica-Neue-Medium';
}

.Monthly-yearly-inner {
    padding: 15px;
    height: 100%;
    margin: 1rem 0rem;
    position: relative;
}

.Monthly-yearly-inner .monthly-section {
    background: #eff5df;
    border-radius: 15px;
    padding: 30px;
    height: 100%;
    border: 5px solid transparent;
}

.Monthly-yearly-inner.active .monthly-section {
    background: #0064C826;
}

.Monthly-yearly-inner .title {
    text-align: center;
    margin-bottom: 1.5rem;
}

.Monthly-yearly-inner .title a {
    font-size: 20px;
    font-family: 'Helvetica-Neue-Medium';
    color: #000;
    text-transform: uppercase;
}

a {
    text-decoration: none;
}

.value-strickout p {
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 5px;
}

.value-strickout p::after,
.value-strickout p::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 5px;
    top: 50%;
    margin-top: -5px;
    border: 4px solid #ff3e3ec7;
    border-radius: 50px;
    z-index: 9;
}

.value-strickout p::before {
    left: -12.5px;
}

.value-strickout p::after {
    right: -12.5px;
    border: 4px solid #ff3e3ec7;
}

.value-strickout p:before {
    border: 3px solid #ff3e3ec7;
    width: 115%;
}

.value-strickout p:after {
    border: 4px solid transparent;
    width: 115%;
}

.value-strickout {
    text-align: center;
}

.value-strickout p span, .sub-value p span {
    font-size: 27px;
    vertical-align: super;
    position: relative;
    top: 5px;
}

.sub-value {
    text-align: center;
    font-size: 27px;
    color: #94BF27;
    font-family: 'Helvetica-Neue-Medium';
}

.per-month-year {
    text-align: center;
    font-size: 18px;
    color: #00337C;
    margin-bottom: 2rem;
}

.sale-month p:first-child {
    font-size: 20px;
    margin-bottom: 0px;
    font-family: 'Helvetica-Neue-Medium';
}

.sale-month p:last-child {
    font-size: 20px;
}

.credit-text {
    font-size: 18px;
    font-family: 'Helvetica-Neue-Light';
    margin-bottom: 1rem;
}

.Monthly-yearly-inner .select-button {
    position: absolute;
    bottom: 0px;
    width: 96%;
}

.Monthly-yearly-inner .select-button button {
    border: 1px solid #00337C;
    height: 50px;
    text-align: center;
    align-self: center;
    margin: auto;
    font-size: 18px;
    width: auto;
    min-width: 170px;
    background: #fff;
    padding: 0px 30px;
    color: #00337C;
    border-radius: 3px;
    line-height: 50px;
}

.Monthly-yearly-inner.active .select-button button {
    border: 1px solid #94BF27;
    color: #94BF27;
}

.no-active.audio-video-slots tr {
    display: inline-block;
    margin-right: 10rem;
}

.call-us {
    line-height: 30px;
}

.summary-table td {
    font-size: 20px;
    border-top: 1px solid #b4b7b9;
}

.summary-table .table-footer td {
    color: #94BF27;
    font-family: 'Helvetica-Neue-Bold';
    font-size: 25px;
}

.summary-table td:first-child {
    width: 50%;
}

.summary-table td:last-child {
    width: 20%;
}

.summary-table .table {
    margin-bottom: 0rem;
}

.no-active .button-common {
    background: #94BF27 0% 0% no-repeat padding-box;
    border: 1px solid #94BF27;
    border-radius: 25px;
    color: #00337C;
    font-size: 26px !important;
    font-family: 'Helvetica-Neue-Bold';
    height: 40px;
    line-height: 40px;
    width: 500px;
}

button#charge-card {
    width: 420px;
}

.total-charge {
    font-size: 50px;
    color: #94BF27;
    font-family: 'Helvetica-Neue-Bold';
}

.End-User span {
    font-size: 20px;
    margin-top: 0px;
}

.or-text-monthly {
    text-align: center;
    padding: 0px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: 'Helvetica-Neue-Medium';
    justify-content: center;
    margin: 2rem 0rem 1rem 0rem;
}

.Monthly-yearly-inner.selectedPayment .monthly-section {
    border: 5px solid #FF3E3E;
}

.step3-talent {
    margin-top: 0.8rem !important;
}

@media (min-width: 1800px) {
    .business-details {
        padding: 0rem 2rem 0rem 3rem;
    }

    .why-join-section {
        padding-right: 1.5rem;
    }

    .member-active {
        padding-left: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .Monthly-yearly .col-xl-5 {
        -ms-flex: 0 0 47.666667%;
        flex: 0 0 47.666667%;
        max-width: 47.666667%;
    }

    #add-attachment label.col-xl-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .review-before {
        position: absolute;
        right: 1.7rem;
    }

    .or-text-monthly {
        -ms-flex: 0 0 2.666667%;
        flex: 0 0 2.666667%;
        max-width: 2.666667%;
    }

    .Monthly-yearly .col-lg-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px 10px;
    }

    .Monthly-yearly .row:after {
        /*  content: 'OR'; */
        position: absolute;
        top: 62%;
        left: 50%;
        font-size: 16px;
        font-family: 'Helvetica-Neue-Medium';
        justify-content: center;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 1501px) and (max-width: 1542px) {
    .Active-Member table th[width="100px"] {
        width: 120px;
    }
}

@media (max-width: 1500px) {
    .one-time-payment, .audiototalline, .videototalline, .td-audio-vdieo h3,
    .call-us, .total-today, .setup-fee, .pay-fill {
        font-size: 13px;
    }

    .payment-leftside {
        padding-right: 2rem;
    }

    .payment-rightside {
        padding-left: 2rem;
    }

    .paypa-account {
        font-size: 13px;
    }

    .Activation-Payment, .why-join-section ul li,
    .free-printed {
        font-size: 16px;
    }

    .Active-Member h3, .why-join-section h2 {
        font-size: 23px;
    }

    .business-details-leftside-img img {
        width: 100px;
        height: 100px;
    }

    .businessuser-name {
        font-size: 25px;
    }

    .business-details .sample-card, .extra-fees {
        font-size: 13px;
    }

    .sale-month p:first-child, .sale-month p:last-child,
    .summary-table td {
        font-size: 14px;
    }

    .value-strickout p span {
        font-size: 27px;
    }

    .per-month-year {
        font-size: 13px;
    }

    .Monthly-yearly-inner {
        margin: 0rem 0rem;
    }

    .credit-text {
        font-size: 13px;
    }

    .step-section .step-section {
        font-size: 30px;
        height: 80px;
        width: 230px;
    }

    .summary-table .table-footer td {
        font-size: 13px;
    }

    .total-charge {
        font-size: 30px;
    }

    .no-active .button-common, button#charge-card {
        font-size: 25px;
        width: auto;
    }
}

@media (min-width: 1280px) and (max-width: 1700px) {
    .sample-card-left {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .business-details .sample-card {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        font-size: 14px;
    }

    .business-details .sample-card img {
        width: 33px;
    }

    .business-details-leftside-img {
        -ms-flex: 0 0 25.333333%;
        flex: 0 0 25.333333%;
        max-width: 25.333333%;
    }

    .business-location {
        -ms-flex: 0 0 74.666667%;
        flex: 0 0 74.666667%;
        max-width: 74.666667%;
    }

    .business-details-leftside {
        padding: 0.6rem;
    }
}

@media (max-width: 1366px) {
    .business-details-leftside-img img {
        width: 90px;
        height: 90px;
    }

    .Active-Member table th[width="20px"] {
        width: 30px;
    }
}

@media (max-width: 1250px) {
    .Active-Member th[width="100px"] {
        width: 130px;
    }

    .Active-Member table th[width="20px"] {
        width: 40px;
    }
}

@media (max-width: 1199px) {
    .why-join-section {
        margin-bottom: 1em;
        padding: 0px;
    }

    .member-active, .Non-active-section .col-xl-6.col-lg-6 {
        padding: 0px;
    }

    .business-details-leftside-img img {
        width: 130px;
        height: 130px;
    }

    .value-strickout p {
        font-size: 30px;
    }

    .sub-value {
        font-size: 25px;
    }

    .Active-Member .table-responsive {
        margin-right: -25rem;
    }

    .step3-talent {
        margin-top: 2em !important;
    }
}

@media (max-width: 991px) {
    .payment-leftside {
        padding-right: 15px;
    }

    .payment-rightside {
        padding-left: 15px;
    }

    .Active-Member h3 {
        font-size: 18px;
    }

    .Monthly-yearly-inner .monthly-section {
        padding: 15px;
    }

    .Active-Member h3 {
        display: block;
        line-height: 30px;
        height: auto !important;
        padding: 20px 15px;
    }

    .credit-text {
        margin-bottom: 2rem;
    }

    .Monthly-yearly .col-md-12.col-12:last-child {
        margin-top: 3rem;
    }

    .Monthly-yearly .col-md-12.col-12:after {
        content: 'OR';
        position: absolute;
        left: 50%;
        bottom: -13%;
        font-size: 16px;
        font-family: 'Helvetica-Neue-Medium';
        justify-content: center;
        transform: translate(-50%, -50%);
    }

    .Monthly-yearly .col-md-12.col-12:last-child:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .business-details-leftside-img {
        text-align: center;
        margin-bottom: 15px;
    }

    .sample-card {
        margin-top: 2rem;
    }

    .no-active.audio-video-slots tr {
        display: table-row;
        margin-right: 0rem;
    }

    .step-section {
        padding: 0rem 0rem;
        display: block;
        margin-bottom: 1rem;
    }

    .step-section .step-image {
        display: flex;
    }

    .step-title {
        margin: 0rem 0rem 2rem 0rem;
        display: block;
        text-align: center;
    }

    .Monthly-yearly div {
        padding: 0px;
    }

    .Monthly-yearly-inner .select-button {
        bottom: -20px;
    }

    .or-text-monthly {
        margin: 3rem 0rem 1rem 0rem;
    }

    .value-strickout p {
        font-size: 25px;
    }

    .sub-value, .value-strickout p span, .sub-value p span {
        font-size: 20px;
    }

    .value-strickout p:before {
        border: 3px solid #ff3e3ec7;
    }

    .value-strickout p::after, .value-strickout p::before {
        margin-top: -4px;
    }

    .Monthly-yearly .col-md-12.col-12:last-child {
        margin-top: 4rem;
    }
}

@media (max-width: 575px) {
    .audio-video-slots tr td {
        display: block;
        width: 100%;
    }

    .audio-video-slots .select-value {
        margin: auto;
    }

    .audio-video-slots tr .checkbox-td {
        width: 13%;
        float: left;
    }

    .no-active .button-common, button#charge-card {
        padding: 0px !important;
    }
}

@media (max-width: 400px) {
    .no-active .button-common, button#charge-card {
        height: auto;
        line-height: 40px;
    }
}

/* Billing activation style end */

/* message style start */
.folder-list, .category-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.folder-list li, .category-list li {
    padding-bottom: 15px;
    position: relative;
}

.folder-list li a, .category-list li a {
    font-size: 16px;
    color: #000;
    font-family: 'Helvetica-Neue-Medium';
    display: block;
}

a.emailtrigger .fa-circle {
    font-size: 16px;
    margin-right: 10px;
}

a[data-content="attachment"] .fa-circle {
    color: #94BF27;
}

a[data-content="archive"] .fa-circle {
    color: #676767;
}

a[data-content="admin"] .fa-circle {
    color: #F8AC5A;
}

a[data-content="client"] .fa-circle {
    color: #FF3E3E;
}

.inbox-title h2 {
    font-size: 20px;
    font-family: 'Helvetica-Neue-Medium';
}

.msg-search-section {
    text-align: right;
}

.msg-search-section .input-group.input-sec {
    width: 250px;
    margin-left: auto;
}

.folder-list span img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -5px;
}

.folder-list a[data-content="trash"] span img {
    width: 20px;
    height: 20px;
}

.mail-tools button {
    padding: 0px;
    margin-right: 15px;
    font-size: 16px;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 0px;
}

.message-page .mail-tools {
    border-bottom: 2px solid #707070;
}

.message-page td, .message-page th {
    border-top: 2px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
}

.message-page td {
    vertical-align: middle;
    padding: .75rem 0rem;
}

.message-page .msg-firsttable td {
    border-top: 0px;
    border-bottom: 0px;
    padding: .75rem 0rem;
    vertical-align: middle;
}

.looking-older a, .looking-older a:hover {
    color: #0064C8;
    font-size: 18px;
}

.mail-box .subject-line {
    padding: 1.7rem 1.7rem 0.3rem 1.7rem;
    background-color: #FAFAFA;
}

.mail-box .subject-line p:first-child {
    font-size: 18px;
    margin-bottom: 10px;
}

.mail-box .subject-line p:last-child {
    font-size: 35px;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 10px;
}

.mail-box table {
    table-layout: fixed;
    margin-bottom: 0px;
}

.message-page .inbox-img p, .message-page .inbox-details, .message-page .inbox-time {
    font-family: 'Helvetica-Neue';
}

img.arrow-gray {
    padding: 10px;
}

.you-message .inbox-details, .you-message .inbox-time {
    font-size: 15px;
    color: #aaaaaa;
}

.mail-box table i.fa.fa-circle {
    font-size: 16px;
}

.category-list li a {
    display: flex;
    align-items: center;
}

.msg-number {
    font-size: 15px;
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
}

.compose-mail {
    min-width: 150px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    padding: 0px;
}

input#emailId {
    margin-bottom: 0px !important;
}

button#sendbutton {
    min-width: 120px;
}

.recipient-select {
    display: flex;
}

.recipient-select span.select2 {
    width: 100% !important;
}

.recipient-select button#addRecipients {
    min-width: 160px;
    padding: 0px;
}

.rec-pick button {
    min-width: 150px;
    padding: 0px;
    height: 50px;
    line-height: 50px;
}

.add-rep-input input.input-sec {
    width: 100% !important;
    margin-bottom: 0px !important;
    height: 50px;
    padding: 10px;
}

.add-rep-input button.button-common {
    padding: 0px;
    min-width: 181px;
    height: 35px;
    line-height: 35px;
}

.name-sec {
    width: 50px;
}

.Description-sec {
    width: 200px;
}

.Remove-sec {
    width: 50px;
}

div#previewEmailTemplate img#recentmediathumbnail {
    border-radius: 50%;
}

.col-xl-8.picklistemail .col-lg-12.m-0.form-group.row {
    padding: 0px;
}

button#sendEmailbutton {
    min-width: 100px;
}

.to-section .form-check.form-check-inline .form-group.col-xl-12, .to-section .form-check.form-check-inline .align-items-left.d-flex.mb-3 {
    margin-bottom: 0rem !important;
}

.message-page td:last-child .inbox-details {
    display: flex;
    justify-content: flex-end;
}

.message-page td:last-child .inbox-details i.fa.fa-circle {
    margin-left: 5px;
}

.message-page td:last-child .inbox-details i {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

.under-blue {
    text-decoration: underline;
    color: #10b9d7;
}

@media (min-width: 1200px) {
    .message-page .message-rightside {
        -ms-flex: 0 0 74%;
        flex: 0 0 74%;
        max-width: 74%;
        padding: 0px;
    }

    .message-page .message-leftside {
        padding: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .message-page .message-leftside {
        padding: 0px;
    }

    .message-page .message-rightside {
        -ms-flex: 0 0 73%;
        flex: 0 0 73%;
        max-width: 73%;
        padding: 0px;
    }

    .inbox-title h2 {
        font-size: 16px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .message-page.conposemessage label.col-xl-2 {
        -ms-flex: 0 0 14.666667%;
        flex: 0 0 14.666667%;
        max-width: 14.666667%
    }

    .message-page.conposemessage .col-xl-10 {
        -ms-flex: 0 0 84.666667%;
        flex: 0 0 84.666667%;
        max-width: 84.666667%;
    }
}

@media (max-width: 1500px) {
    .folder-list li a, .category-list li a {
        font-size: 13px;
    }

    .mail-tools button {
        font-size: 13px;
    }

    .mail-box .subject-line p:first-child {
        font-size: 13px;
    }

    .mail-box .subject-line p:last-child {
        font-size: 25px;
    }

    .f-25 {
        font-size: 14px;
    }

    .looking-older a, .looking-older a:hover {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .msg-search-section .input-group.input-sec {
        width: auto;
    }
}

@media (max-width: 1199px) {
    .message-page table td, .message-page table th {
        width: 170px;
    }

    .add-rep-input button.button-common {
        margin-top: 1rem;
    }
}

@media (max-width: 575px) {
    .msg-search-section .input-group.input-sec {
        width: auto;
    }
}

@media (max-width: 393px) {
    button.button-common.returnEdit {
        margin-bottom: 1rem;
    }
}

/* message style end */

/* contact info style start */
label.small[for="home-phone-preferred"], label.small[for="office-phone-preferred"] {
    opacity: 0;
}

.button-bottom .mt-3.text-center {
    padding-top: 5rem;
}

.button-bottom .button-common {
    position: absolute;
    bottom: 0px;
    transform: translate(-50%, -50%);
}

.mail-section .input-sec {
    margin-bottom: 1rem !important;
}

@media (min-width: 1501px) {
    .contentinfo-page .width-change .input-sec .col-xl-3 {
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
    }

    .contentinfo-page .width-change .input-sec .col-xl-9 {
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
    }

    .contentinfo-page .button-bottom .button-common {
        min-width: 260px;
    }
}

@media (min-width: 1800px) {
    .phone-number .internationalOptions.col-xl-2 {
        -ms-flex: 0 0 19.333333%;
        flex: 0 0 19.333333%;
        max-width: 19.333333%;
        padding-right: 0px;
    }

    .phone-number .ext-section.col-xl-3 {
        -ms-flex: 0 0 27.333333%;
        flex: 0 0 27.333333%;
        max-width: 27.333333%;
        padding-left: 0px;
    }

    .phone-number .mobile-sec.col-xl-6 {
        -ms-flex: 0 0 50.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
        padding-left: 13px;
    }

    .phone-number .mobile-sec.mobile-input.col-xl-6 {
        -ms-flex: 0 0 50.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
        padding-left: 13px;
    }

    .phone-number .ext-section.ext-input.col-xl-3 {
        -ms-flex: 0 0 27.333333%;
        flex: 0 0 27.333333%;
        max-width: 27.333333%;
        padding-left: 0px;
    }

    .phone-number .internationalOptions.col-xl-2 input.form-control, .phone-number .ext-section.col-xl-3 input.form-control {
        padding: .375rem .55rem .375rem .55rem;
    }

    .mail-width-change .col-xl-3 {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
    }

    .mail-width-change .col-xl-9 {
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%;
    }
}

@media (min-width: 1631px) and (max-width: 1799px) {
    .phone-number .internationalOptions.col-xl-2 {
        -ms-flex: 0 0 23.333333%;
        flex: 0 0 23.333333%;
        max-width: 23.333333%;
        padding-right: 0px;
    }

    .phone-number .ext-section.col-xl-3 {
        -ms-flex: 0 0 26.333333%;
        flex: 0 0 26.333333%;
        max-width: 26.333333%;
        padding-left: 5px;
        padding-right: 0px;
    }

    .phone-number .mobile-sec.col-xl-6 {
        -ms-flex: 0 0 50.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
        padding-left: 13px;
        padding-right: 0px;
    }

    .phone-number .mobile-sec.mobile-input.col-xl-6 {
        padding-left: 5px;
        padding-right: 0px;
        -ms-flex: 0 0 46.666667%;
        flex: 0 0 46.666667%;
        max-width: 46.666667%;
    }

    .phone-number .internationalOptions.col-xl-2 input.form-control, .phone-number .ext-section.col-xl-3 input.form-control {
        padding: .375rem .55rem .375rem .40rem;
    }

    .mail-width-change .col-xl-3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .mail-width-change .col-xl-9 {
        -ms-flex: 0 0 67%;
        flex: 0 0 67%;
        max-width: 67%;
    }
}

@media (min-width: 1301px) and (max-width: 1630px) {
    .phone-number .internationalOptions.col-xl-2 {
        -ms-flex: 0 0 24.333333%;
        flex: 0 0 24.333333%;
        max-width: 24.333333%;
        padding-right: 0px;
    }

    .phone-number .ext-section.col-xl-3 {
        -ms-flex: 0 0 29.333333%;
        flex: 0 0 29.333333%;
        max-width: 29.333333%;
        padding-left: 5px;
        padding-right: 0px;
    }

    .phone-number .mobile-sec.col-xl-6 {
        -ms-flex: 0 0 50.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
        padding-left: 13px;
        padding-right: 0px;
    }

    .phone-number .mobile-sec.mobile-input.col-xl-6 {
        -ms-flex: 0 0 45.666667%;
        flex: 0 0 45.666667%;
        max-width: 45.666667%;
        padding-left: 5px;
        padding-right: 0px;
    }

    label.custom-control-label[for="mobile-phone-preferred"], label.custom-control-label[for="home-phone-preferred"], label.custom-control-label[for="office-phone-preferred"] {
        margin-left: 30px;
    }

    .mail-width-change .col-xl-3 {
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
        padding-left: 0px;
    }

    .mail-width-change .col-xl-9 {
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        max-width: 63%;
        padding: 0px;
    }

    .phone-number .mobile-sec.col-xl-6 input {
        padding: .375rem .3rem .375rem .3rem;
    }
}

@media (min-width: 1280px) and (max-width: 1300px) {
    .phone-number .mobile-sec.col-xl-6 {
        -ms-flex: 0 0 50.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
        padding-left: 13px;
        padding-right: 0px;
    }

    .phone-number .ext-section.col-xl-3 {
        -ms-flex: 0 0 41.333333%;
        flex: 0 0 41.333333%;
        max-width: 41.333333%;
    }

    .phone-number .internationalOptions.col-xl-2 {
        -ms-flex: 0 0 28.333333%;
        flex: 0 0 28.333333%;
        max-width: 28.333333%;
        padding-right: 0px;
    }

    label.small[for="mobile-phone-preferred"] {
        margin-left: -22px;
    }

    .mail-width-change .col-xl-3 {
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
        padding-left: 0px;
    }

    .mail-width-change .col-xl-9 {
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
        padding: 0px;
    }

    .phone-number .mobile-sec.col-xl-6 input {
        padding: .375rem .3rem .375rem .3rem;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    .phone-number .internationalOptions.col-xl-2 {
        -ms-flex: 0 0 28.333333%;
        flex: 0 0 28.333333%;
        max-width: 28.333333%;
        padding-right: 0px;
    }

    .phone-number .ext-section.col-xl-3 {
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
        padding-left: 5px;
        padding-right: 0px;
    }

    .phone-number .ext-section.ext-input.col-xl-3 {
        -ms-flex: 0 0 45.333333%;
        flex: 0 0 45.333333%;
        max-width: 45.333333%;
        padding-left: 13px;
        padding-right: 15px;
    }

    label.small[for="mobile-phone-preferred"] {
        margin-left: -22px;
    }

    .phone-number .mobile-sec.col-xl-6 {
        -ms-flex: 0 0 56.666667%;
        flex: 0 0 56.666667%;
        max-width: 56.666667%;
        padding-left: 13px;
        padding-right: 0px;
    }

    .mail-width-change .col-xl-3 {
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
        padding-left: 0px;
    }

    .mail-width-change .col-xl-9 {
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
        padding: 0px;
    }

    .phone-number .mobile-sec.col-xl-6 input {
        padding: .375rem .3rem .375rem .3rem;
    }
}

@media (min-width: 1200px) and (max-width: 1630px) {
    .contentinfo-page .width-change .input-sec .col-xl-3 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0px;
    }

    .contentinfo-page .width-change .input-sec .col-xl-9 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0px;
    }

    .contentinfo-page .col-xl-12, .contentinfo-page .col-xl-8, .contentinfo-page .col-xl-9 {
        padding: 0px;
    }

    .phone-number .internationalOptions.col-xl-2 input.form-control, .phone-number .ext-section.col-xl-3 input.form-control {
        padding: .375rem .55rem .375rem .40rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .email-section .col-lg-12 {
        padding: 0px;
    }

    .internationalOptions.col-lg-4, .ext-section.col-lg-4 {
        padding-right: 0px;
    }

    .internationalOptions input {
        padding: .375rem .5rem;
    }
}

/* contact info style end */

/* Manage website style start */
.manage-website-page .ibox-title h5 a {
    display: block;
    color: #0064C8;
}

.manage-section1 .row {
    align-items: center;
    margin-top: 2rem;
}

.manage-section2 .ibox-content {
    margin-top: 1rem;
}

.manage-section1 .row .custom-control.custom-radio, .manage-section1 .row .form-group,
.manage-section2 .row .custom-control.custom-radio, .manage-section2 .row .form-group {
    margin-bottom: 0px !important;
}

.manage-section1 .row .form-group span, .manage-section2 .row .form-group span {
    margin-left: 0px !important;
}

.manage-section2 .ibox {
    margin-bottom: 0px;
}

@media (min-width: 1800px) {
    .manage-section1 .row .form-group {
        -ms-flex: 0 0 10.666667%;
        flex: 0 0 10.666667%;
        max-width: 10.666667%;
    }

    .manage-section2 .row .form-group {
        -ms-flex: 0 0 8.666667%;
        flex: 0 0 8.666667%;
        max-width: 8.666667%;
    }
}

@media (min-width: 1400px) and (max-width: 1799px) {
    .manage-section1 .row .form-group {
        -ms-flex: 0 0 12.666667%;
        flex: 0 0 12.666667%;
        max-width: 12.666667%;
    }

    .manage-section2 .row .form-group {
        -ms-flex: 0 0 10.666667%;
        flex: 0 0 10.666667%;
        max-width: 10.666667%;
    }
}

@media (max-width: 1024px) {
    .manage-website-page span.ml-3 {
        margin-left: 0rem !important;
    }
}

/* Manage website end start */

/* bookout style start */
.bookout-pages table th {
    border-top: 0px;
    font-size: 16px;
    font-family: 'Helvetica-Neue-Medium';
    padding: .55rem 0rem;
    font-weight: normal;
    white-space: nowrap;
    border-bottom: 2px solid #c0c0c0;
}

.bookout-pages table td {
    border-top: 2px solid #c0c0c0;
    font-size: 14px;
    padding: .55rem 0rem;
    border-bottom: 2px solid #c0c0c0;
    vertical-align: middle;
    white-space: nowrap;
}

.bookout-pages td button, .bookout-pages td button:hover, .bookout-pages td button:active, .bookout-pages td button:focus,
.bookout-pages td button:active:focus {
    border-color: transparent !important;
    padding: 0px 5px;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0px;
}

.bookout-pages td .fa-toggle-off:before {
    content: "";
    float: left;
    width: 40px;
    height: 20px;
    background: url('../images/common/toggle-off.svg') no-repeat 0 0;
    position: relative;
    top: 5px
}

.bookout-pages td .fa-toggle-on:before {
    content: "";
    float: left;
    width: 40px;
    height: 20px;
    background: url('../images/common/toggle-on.svg') no-repeat 0 0;
    position: relative;
    top: 5px
}

.bookout-pages table th:last-child, .bookout-pages table td:last-child {
    text-align: right;
}

.modal-content button#updateBookout, .modal-content .button-common {
    min-width: 110px;
}

@media (max-width: 1500px) {
    .bookout-pages table td, .bookout-pages table th {
        padding-right: 10px;
    }

    .bookout-pages table th:last-child, .bookout-pages table td:last-child {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .bookout-pages table th, .bookout-pages table td {
        width: 150px;
    }
}

/* bookout style end */

/* modal popup style start */
.close {
    opacity: 1 !important;
}

.close img {
    width: 30px;
}

.modal-backdrop.show {
    opacity: 0.75;
}

.modal-content {
    border-radius: 15px;
}

.modal-body .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 2px;
}

.modal-header .close {
    padding: 0px;
    margin: 0px;
}

@-moz-document url-prefix() {
    .modal {
        z-index: 9999999999;

    }
}

@media (min-width: 576px) {
    div#bookoutManagement .modal-dialog, #resumeRowModal .modal-dialog {
        max-width: 620px;
    }

    #resumeRowModal .modal-dialog form {
        width: 100%;
    }
}

/* modal popup style end */

/* table scrollbar style start */
.table-responsive::-webkit-scrollbar, .table-responsive-lg::-webkit-scrollbar, .table-responsive-xl::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track, .table-responsive-lg::-webkit-scrollbar-track, .table-responsive-xl::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d1d1d1;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb, .table-responsive-lg::-webkit-scrollbar-thumb, .table-responsive-xl::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb:hover, .table-responsive-lg::-webkit-scrollbar-thumb:hover, .table-responsive-xl::-webkit-scrollbar-thumb:hover {
    background: #d9d9d9;
}

.table-responsive, .table-responsive-lg, .table-responsive-xl {
    scrollbar-color: #d9d9d9 #f0f0f0;
    scrollbar-width: thin;
}

/* table scrollbar style end */

/* Resume style start */
.resume-page table {
    table-layout: fixed;
}

.resume-header {
    border-bottom: 2px solid #c0c0c0;
    padding-bottom: 5px;
}

.resume-page .ibox-title h5 {
    text-align: center;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

.resume-header strong {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Helvetica-Neue-Medium';
}

.resume-contact {
    border-bottom: 2px solid #c0c0c0;
    padding: 1.5rem 0rem;
    font-size: 14px;
}

.resume-header div, .resume-contact div {
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resume-header .col, .resume-contact .col {
    padding: 0px;
    word-break: break-word;
    font-size: 14px;
}

.resume-contact .col:last-child .edit-up-section {
    display: flex;
    justify-content: end;
    align-items: center;
    white-space: nowrap;
}

.resume-contact .col {
    padding: 15px 0px;
    vertical-align: middle;
}

.resume-contact .col:last-child a span {
    margin: 0px 3px;
}

.resume-page [data-toggle="collapse"]:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0deg);
    transition: all linear 0.25s;
    float: right;
    content: "";
    width: 60px;
    height: 30px;
    background: url('../images/common/collapse-arrow.svg') no-repeat;
    position: relative;
    top: 0px;
    background-position: center;
}

.resume-page [data-toggle="collapse"].collapsed:after {
    transform: rotate(180deg);
}

.resume-detail {
    padding: 2rem 0rem 0rem 0rem;
    font-size: 20px;
}

.backup-resume {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

.backup-restore {
    margin-right: 2rem;
}

.backup-restore .select-value {
    width: 275px;
    height: 45px;
    background-position: right 13px bottom 15px;
    line-height: 37px
}

.Restore-Resume .button-common {
    height: 45px;
    min-width: 224px;
    border-radius: 8px;
    line-height: 46px;
    background: #fff;
}

.resume-title {
    font-size: 35px;
    text-align: center;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 1.5rem;
}

.resume-checkbox .custom-control.custom-checkbox {
    margin-bottom: 1rem;
}

.resume-checkbox .col-xl-2 {
    padding-left: 0px;
}

.resume-page .modal-dialog form {
    width: 100%;
}

.appearance-section p {
    font-size: 18px;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 0px;
    margin-top: 3px;
}

.appearance-section .pl-0 {
    padding-right: 5rem;
}

.appearance-section .pr-0 {
    padding-left: 5rem;
}

.appearance-section .custom-control.custom-radio {
    justify-content: flex-end;
}

.Layout-Settings .col-lg-12 {
    padding: 0px;
}

.Layout-Settings .col-lg-12 .row {
    margin: 0px;
}

.Layout-Settings .col-lg-12 .row .custom-control.custom-radio {
    margin-bottom: 0rem !important;
}

.Layout-Settings .col-lg-12 .row .custom-control.custom-radio span {
    text-transform: capitalize;
    margin-left: 0px !important;
}

@media (min-width: 1501px) {
    .resume-header .col, .resume-contact .col {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        width: 30%;
    }

    .resume-header .col:last-child, .resume-contact .col:last-child {
        -ms-flex: 0 0 11% !important;
        flex: 0 0 11% !important;
        max-width: 11% !important;
    }

    .resume-header .col-9, .resume-contact .col-9 {
        -ms-flex: 0 0 87%;
        flex: 0 0 87%;
        max-width: 87%;
        width: 90%;
    }

    .resume-header .col-4, .resume-contact .col-4 {
        -ms-flex: 0 0 43.45%;
        flex: 0 0 43.45%;
        max-width: 43.45%;
        width: 45.45%;
    }

    .resume-header .col-2, .resume-contact .col-2 {
        -ms-flex: 0 0 17.40%;
        flex: 0 0 17.40%;
        max-width: 17.40%;
    }
}

@media (min-width: 1200px) {
    .sevencolume-section .col-xl-2 {
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }

    .fivecolume-section .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .fourcolume-section .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .ninecolume-section .col-xl-2 {
        -ms-flex: 0 0 11.11%;
        flex: 0 0 11.11%;
        max-width: 11.11%;
    }

    .eightcolume-section .col-xl-2 {
        -ms-flex: 0 0 12.50%;
        flex: 0 0 12.50%;
        max-width: 12.50%;
    }
}

@media (min-width: 992px) {
    .costumes-section .leftside {
        padding-right: 5rem;
    }

    .costumes-section .rightside {
        padding-left: 5rem;
    }
}

@media (min-width: 576px) {
    .resume-page .modal-dialog {
        max-width: 620px;
    }
}

@media (max-width: 1500px) {
    .resume-header .col, .resume-contact .col {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }

    .resume-header .col:last-child, .resume-contact .col:last-child {
        -ms-flex: 0 0 16%;
        flex: 0 0 16% !important;
        max-width: 16% !important;
    }

    .resume-header .col-9, .resume-contact .col-9 {
        -ms-flex: 0 0 84%;
        flex: 0 0 84%;
        max-width: 84%;
    }

    .resume-detail {
        font-size: 14px;
    }

    .appearance-section p {
        font-size: 14px;
    }

    .resume-header .col-2, .resume-contact .col-2 {
        -ms-flex: 0 0 16.80%;
        flex: 0 0 16.80%;
        max-width: 16.80%;
    }
}

@media (max-width: 1199px) {
    .appearance-section .pl-0 {
        padding-right: 1rem;
    }

    .appearance-section .pr-0 {
        padding-left: 1rem;
    }

    .resume-title {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .appearance-section .pl-0 {
        padding-right: 15px;
        padding-left: 15px !important;
        margin-bottom: 1.5rem;
    }

    .appearance-section .pr-0 {
        padding-left: 15px;
        padding-right: 15px !important;
    }

    .resume-header .col, .resume-contact .col {
        width: 322px;
        padding-right: 1rem;
    }

    .resume-header .col:last-child, .resume-contact .col:last-child {
        width: 138px;
    }

    .resume-header .col-9, .resume-contact .col-9 {
        width: 442px;
    }

    .resume-header .col-4, .resume-contact .col-4 {
        width: 227px;
    }

    .resume-header strong {
        white-space: nowrap;
    }
}

@media (max-width: 575px) {
    .backup-resume {
        display: block;
    }

    .backup-restore .select-value {
        width: 100%;
        margin-bottom: 1rem;
    }

    .Restore-Resume .button-common {
        min-width: 100%;
        line-height: 30px;
    }

    .appearance-section .custom-control.custom-radio {
        justify-content: center;
    }

    .resume-page [data-toggle="collapse"]:after {
        width: 27px;
        height: 27px;
    }
}

/* Resume style end */

/* traffic style start */
.traffic-page canvas {
    height: 300px !important;
}

/* traffic style end */

/* alert style start */
.alert {
    border-radius: 8px;
    font-size: 18px;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.alert-warning {
    color: #766900;
    background-color: #FFFBDB;
    border-color: #FFFBDB;
}

@media (max-width: 1500px) {
    .alert {
        font-size: 14px;
    }
}

/* alert style end */

/* editor style start */
.cke_bottom {
    display: none !important;
}

.cke_button_icon {
    width: 25px !important;
    height: 25px !important;
}

a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_on
.cke_combo_on a.cke_combo_button, .cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus, .cke_combo_off a.cke_combo_button:active {
    background: transparent !important;
    border: 1px transparent solid !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__table_icon {
    background: url('../images/editor/table.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__cut_icon {
    background: url('../images/editor/cut.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__copy_icon {
    background: url('../images/editor/copy.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__paste_icon {
    background: url('../images/editor/paste.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__pastetext_icon {
    background: url('../images/editor/pastetext.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__pastefromword_icon {
    background: url('../images/editor/pastefromword.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__undo_icon {
    background: url('../images/editor/undo.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__redo_icon {
    background: url('../images/editor/redo.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__scayt_icon {
    background: url('../images/editor/scayt.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__link_icon {
    background: url('../images/editor/link.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__unlink_icon {
    background: url('../images/editor/unlink.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__anchor_icon {
    background: url('../images/editor/anchor.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__image_icon {
    background: url('../images/editor/image.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__horizontalrule_icon {
    background: url('../images/editor/horizontalrule.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__specialchar_icon {
    background: url('../images/editor/specialchar.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__maximize_icon {
    background: url('../images/editor/maximize.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__source_icon {
    background: url('../images/editor/source.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__bold_icon {
    background: url('../images/editor/bold.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__italic_icon {
    background: url('../images/editor/italic.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__strike_icon {
    background: url('../images/editor/strike.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__removeformat_icon {
    background: url('../images/editor/removeformat.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__numberedlist_icon {
    background: url('../images/editor/numberedlist.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__bulletedlist_icon {
    background: url('../images/editor/bulletedlist.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__outdent_icon {
    background: url('../images/editor/outdent.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__indent_icon {
    background: url('../images/editor/indent.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__blockquote_icon {
    background: url('../images/editor/blockquote.svg') no-repeat !important;
}

.cke_ltr .cke_inner.cke_reset .cke_button__about_icon {
    background: url('../images/editor/about.svg') no-repeat !important;
}

/* editor style end */

/* sendportfolio style start */
.sendportfolio-pages .leftside {
    padding-right: 10rem;
}

.sendportfolio-pages .rightside {
    padding-left: 10rem;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .sendportfolio-pages .leftside {
        padding-right: 7rem;
    }

    .sendportfolio-pages .rightside {
        padding-left: 7rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sendportfolio-pages .leftside {
        padding-right: 2rem;
    }

    .sendportfolio-pages .rightside {
        padding-left: 2rem;
    }
}

@media (max-width: 991px) {
    .sendportfolio-pages .leftside {
        padding-right: 15px;
    }

    .sendportfolio-pages .rightside {
        padding-left: 15px;
    }
}

/* sendportfolio style end */

/* Event style start */
.select-event select, .select-event select:focus {
    width: 200px;
}

.event-page .sampless.custom-checkbox span {
    font-size: 20px;
    margin-top: 0px;
}

.info-hover, .infos-hover, .info-hovers, .hover-detail, .ethnicity-info, .ethnicity-info-others, .hairlength-info {
    background: #FFFFFF;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 8px;
    position: absolute;
    z-index: 9;
    color: #00337C;
    font-size: 13px;
    width: 390px;
    white-space: normal;
    padding: 7px 15px 7px 15px;
    font-family: 'Helvetica-Neue';
}

.info-hover {
    top: 51px;
    left: 68px;
}

.infos-hover {
    top: 28px;
    left: 77px;
}

.info-hovers {
    top: 28px;
    left: 77px;
}

.event-page table.dataTable thead .sorting_asc, .event-page table.dataTable thead .sorting_desc, .event-page table.dataTable thead .sorting {
    width: 180px !important;
}

.event-page .table.dataTable tr th:last-child {
    width: 100px !important;
}

.row.stage_class .ibox, .row.event_content .ibox, #eventRoleScheduleListing .ibox, #eventViewListing .ibox {
    margin-bottom: 0rem;
}

.ibox-tools a.collapse-link i.fa.fa-chevron-up {
    background: url('../images/common/down-arrow.svg') no-repeat;
    color: transparent;
    transform: rotate(-180deg);
    position: relative;
    top: -3px;
}

.ibox-tools a.collapse-link i.fa.fa-chevron-down {
    background: url('../images/common/down-arrow.svg') no-repeat;
    color: transparent;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.ibox-tools a {
    cursor: pointer;
}

.surveyQuestion label {
    font-size: 13px;
}

@media (min-width: 1879px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 13.666667%;
        flex: 0 0 13.666667%;
        max-width: 13.666667%;
    }
}

@media (min-width: 1280px) {
    #venueModal label.col-xl-4.col-lg-4.col-md-12.col-12 {
        -ms-flex: 0 0 20.333333%;
        flex: 0 0 20.333333%;
        max-width: 20.333333%;
    }
}

@media (min-width: 1618px) and (max-width: 1680px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (min-width: 1601px) and (max-width: 1617px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 17.666667%;
        flex: 0 0 17.666667%;
        max-width: 17.666667%;
    }
}

@media (min-width: 1501px) and (max-width: 1600px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 18.666667%;
        flex: 0 0 18.666667%;
        max-width: 18.666667%;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (min-width: 1351px) and (max-width: 1400px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 17.666667%;
        flex: 0 0 17.666667%;
        max-width: 17.666667%;
    }
}

@media (min-width: 1270px) and (max-width: 1350px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 19.666667%;
        flex: 0 0 19.666667%;
        max-width: 19.666667%;
    }
}

@media (min-width: 1200px) and (max-width: 1270px) {
    .select-event .col-xl-2 {
        -ms-flex: 0 0 20.666667%;
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
    }
}

@media (min-width: 1100px) and (max-width: 1199px) {
    .select-event label {
        -ms-flex: 0 0 19.666667%;
        flex: 0 0 19.666667%;
        max-width: 19.666667%;
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .select-event label {
        -ms-flex: 0 0 23.666667%;
        flex: 0 0 23.666667%;
        max-width: 23.666667%;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .select-event label {
        -ms-flex: 0 0 24.666667%;
        flex: 0 0 24.666667%;
        max-width: 24.666667%;
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .select-event label {
        -ms-flex: 0 0 33.666667%;
        flex: 0 0 33.666667%;
        max-width: 33.666667%;
    }
}

@media (min-width: 768px) and (max-width: 799px) {
    .select-event label {
        -ms-flex: 0 0 35.666667%;
        flex: 0 0 35.666667%;
        max-width: 35.666667%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    table#Event_table {
        table-layout: fixed;
    }

    .table-responsive.Event_table table#Event_table {
        table-layout: fixed;
        margin-right: 0rem !important;
    }

    .event-page table.dataTable thead .sorting_asc, .event-page table.dataTable thead .sorting_desc, .event-page table.dataTable thead .sorting {
        width: 165px !important;
    }
}

@media (max-width: 991px) {
    .event-connect {
        margin-top: 0.8rem;
    }
}

@media (max-width: 767px) {
    table#Event_table {
        table-layout: fixed;
    }

    .event-page table.dataTable thead .sorting_asc, .event-page table.dataTable thead .sorting_desc, .event-page table.dataTable thead .sorting {
        width: 120px !important;
    }
}

/* Event style start */

/* datatable style start */
.maincontent-inner .dataTables_wrapper .dataTables_length {
    color: #000;
}

.maincontent-inner .dataTables_wrapper .dataTables_length label {
    font-size: 14px;
}

.maincontent-inner .dataTables_wrapper .dataTables_length select {
    background-color: transparent;
    padding: 4px 10px 4px 10px;
    margin: 0px 10px;
    border: 1px solid #707070;
    border-radius: 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../images/common/down-arrow.svg');
    background-repeat: no-repeat;
    font-size: 14px;
    color: #000;
    width: 64px;
    background-position: right 10px bottom 11px;
    line-height: 20px;
    height: 35px;
}

.maincontent-inner .dataTables_wrapper .dataTables_filter input {
    width: 250px;
    height: 35px;
    border: 1px solid #707070;
    border-radius: 8px;
    padding: 7px 15px;
    font-size: 13px;
    font-family: 'Helvetica-Neue-Light';
}

.maincontent-inner .dataTables_wrapper .dataTables_info, .maincontent-inner .dataTables_wrapper .dataTables_paginate {
    font-size: 14px;
    color: #000;
}

.maincontent-inner table.dataTable thead .sorting_asc, .maincontent-inner table.dataTable thead .sorting_desc, .maincontent-inner table.dataTable thead .sorting {
    background-image: none;
}

.maincontent-inner table.dataTable thead th {
    border-bottom: 2px solid #c0c0c0;
    font-family: 'Helvetica-Neue-Medium';
    padding: .55rem 0rem;
    font-weight: normal;
    padding-left: 0px;
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    position: relative;
    padding-right: 1rem;
}

.maincontent-inner table.dataTable thead td {
    border-bottom: 0px;
}

.maincontent-inner .table-bordered td, .maincontent-inner .table-bordered th {
    border: 0px;
}

.maincontent-inner table.dataTable.no-footer {
    border-bottom: 0px;
    padding-top: 15px !important;
}

.table.dataTable th {
    border-top: 0px;
}

.table.dataTable td {
    border-top: 0px;
    font-size: 14px;
    border-bottom: 2px solid #c0c0c0;
    padding: 0.55rem;
    padding-left: 0px;
    text-align: left;
    vertical-align: middle;
}

.maincontent-inner .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.maincontent-inner .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: transparent;
    border: 0px;
}

.maincontent-inner .table.dataTable td .text-red, .maincontent-inner .table.dataTable td .text-green {
    padding: 5px 7px;
    border-radius: 5px;
}

.maincontent-inner .table.dataTable td .text-green:hover {
    background: #94bf27;
    color: #fff;
}

.maincontent-inner .table.dataTable td .text-red:hover {
    background: #FF3E3E;
    color: #fff;
}

:focus-visible {
    outline: 0px;
}

.dataTables_wrapper img.info-image {
    width: 20px;
    margin-left: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .table-data, .table-responsive, .table-responsive-xl {
        margin-right: -30rem;
    }

    .resume-page .table-responsive-xl {
        margin-right: -50rem;
    }
}

/* datatable style end */

/* support style start */
.support-title {
    font-size: 25px;
    text-align: center;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 0.8rem;
}

.question-support a, .question-support a:hover {
    font-family: 'Helvetica-Neue-Medium';
    color: #000;
    width: 100%;
    display: block;
}

div#term-condition .ibox {
    padding: 1.2rem 1.2rem 0rem 1.2rem;
}

.support-page [data-toggle="collapse"]:after, .talentsearch-page [data-toggle="collapse"]:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(-180deg);
    transition: all linear 0.25s;
    float: right;
    content: "";
    width: 20px;
    height: 20px;
    background: url('../images/common/down-arrow.svg') no-repeat;
    position: absolute;
    top: -2px;
    right: 0px;
    background-position: center;
}

.support-page [data-toggle="collapse"].collapsed:after, .talentsearch-page [data-toggle="collapse"].collapsed:after {
    transform: rotate(0deg);
}

.support-page .form-group.input-sec input {
    padding-left: 20px;
    height: 40px;
}

#contact-us .input-sec textarea {
    padding-left: 20px !important;
    padding-right: 30px !important;
}

.contact-detail i {
    margin-right: 1rem;
}

@media (min-width: 1200px) {
    .contact-detail {
        padding-left: 3rem;
    }
}

@media (max-width: 767px) {
    .support-title {
        font-size: 28px;
    }

    div#term-condition .ibox {
        padding: 1.5rem 0rem 0rem 0rem;
    }
}

@media (max-width: 500px) {
    .contact-detail i {
        margin-right: 0.5rem;
    }
}

/* support style end */

/* contact us popup style start */
textarea {
    border: 1px solid #707070 !important;
    border-radius: 8px !important;
    width: 100%;
    color: #000 !important;
    font-size: 13px !important;
    resize: none;
    height: 200px;
    padding: 15px !important;
}

img.attch-img {
    position: absolute;
    bottom: 20px;
    right: 15px;
}

.modal {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.question-support {
    position: relative;
}

.modal-header h4.modal-title.text-center {
    font-size: 1rem;
}

@media (max-width: 1500px) {
    textarea {
        font-size: 14px !important;
    }
}

@media (min-width: 576px) {
    #contact-us .modal-dialog {
        max-width: 692px;
    }
}

@media (max-width: 512px) {
    .aps-logo {
        width: 100%;
    }
}

/* contact us popup style end */

/* printable style start */
.Printable-title {
    font-size: 28px;
    text-align: center;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 0.8rem;
}

.row.home-email div {
    margin-bottom: 6px;
}

.Save-Printable {
    min-width: 190px;
}

.material-image {
    border: 1px solid #707070;
    padding: 1rem 2.5rem;
    text-align: center;
    height: 100%;
}

span.upload-img {
    background-image: url("../images/common/Upload.svg");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 15px;
}

span:hover.upload-img {
    background-image: url("../images/common/Upload-active.svg");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 15px;
}

.printablelinks img {
    width: 100%;
    opacity: 0;
}

.printablelinks {
    margin: 2rem 0px;
    display: block;
}

.value-break {
    text-align: center;
    margin: auto;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
}

.printablelink {
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: top center;
}

.printablelink[data-url="/printable/show/headshot"] {
    background-image: url("../images/printable/headshot.svg");
}

.printablelink[data-url="/printable/show/labels"] {
    background-image: url("../images/printable/label.svg");
}

.printablelink[data-url="/printable/show/cards"] {
    background-image: url("../images/printable/Business-Cards.svg");
}

.printablelink[data-url="/printable/show/resumeimage"] {
    background-image: url("../images/printable/Resume-Image.svg");
}

.printablelink[data-url="/printable/show/resume"] {
    background-image: url("../images/printable/Resume.svg");
}

.printablelink[data-url="/printable/show/compcard1"] {
    background-image: url("../images/printable/Comp-1.svg");
}

.printablelink[data-url="/printable/show/compcard2"] {
    background-image: url("../images/printable/Comp-2.svg");
}

.printablelink[data-url="/printable/show/compcard3"] {
    background-image: url("../images/printable/Comp-3.svg");
}

#comp1 {
    font-size: 22px;
    color: #00337c;
}

.printable-page td:first-child img {
    width: 90px;
    height: 60px;
    object-fit: cover;
}

.contact-name .width-name {
    padding: 0px;
}

@media (min-width: 1351px) {
    .contact-name .width-name, .traffic-sub .width-name,
    .overview-page section.section2 .Active-section .chart-overview-left,
    .content-sub .width-name {
        -ms-flex: 0 0 32.55%;
        flex: 0 0 32.55%;
        max-width: 32.55%;
        padding: 0px;
    }

    .Active-section .col-xl-8.chart-overview-right {
        -ms-flex: 0 0 66.33%;
        flex: 0 0 66.33%;
        max-width: 66.33%;
        padding: 0px;
    }

    .active-marketing .width-name {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        padding: 0px;
    }

    .Non-active-section .col-xl-6.col-lg-6, .why-join-section, .member-active,
    .accountinfo-page .col-xl-6.col-lg-6 {
        -ms-flex: 0 0 49.33%;
        flex: 0 0 49.33%;
        max-width: 49.33%;
        padding: 0px;
    }
}

@media (min-width: 1200px) {
    .material-headshot .col-xl-3 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
        padding: 0px;
    }

    .material-headshot .col-xl-3:nth-child(8n+1), .material-headshot .col-xl-3:nth-child(8n+2),
    .material-headshot .col-xl-3:nth-child(8n+3), .material-headshot .col-xl-3:nth-child(8n+4) {
        margin-bottom: 1.5rem;
    }

    .printable-page table th {
        width: 270px;
    }

    .printable-page table th:last-child {
        width: 100px;
    }

    .row.home-email {
        padding: 0px 0px 0px 47px;
    }

    .home-email div {
        padding: 0px;
    }

    .home-email.custom-control-label {
        padding-left: 4px;
    }

    .chart-admin .col-xl-4 {
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
        padding: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .contact-name .width-name, .traffic-sub .width-name,
    .overview-page section.section2 .Active-section .chart-overview-left,
    .content-sub .width-name {
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
        padding: 0px;
    }

    .Active-section .col-xl-8.chart-overview-right {
        -ms-flex: 0 0 66.33%;
        flex: 0 0 66.33%;
        max-width: 66.33%;
        padding: 0px;
    }

    .active-marketing .width-name {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        padding: 0px;
    }

    .Non-active-section .col-xl-6.col-lg-6, .why-join-section, .member-active,
    .accountinfo-page .col-xl-6.col-lg-6 {
        -ms-flex: 0 0 49.33%;
        flex: 0 0 49.33%;
        max-width: 49.33%;
        padding: 0px;
    }

    .home-email .col-xl-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) and (max-width: 1346px) {
    .material-image {
        padding: 1rem 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .material-image {
        padding: 1rem 2rem;
    }

    .traffic-sub .width-name, .overview-page section.section2 .Active-section .chart-overview-left {
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
        padding: 0px;
    }

    .Active-section .col-xl-8.chart-overview-right {
        -ms-flex: 0 0 66.33%;
        flex: 0 0 66.33%;
        max-width: 66.33%;
        padding: 0px;
    }

    .active-marketing .width-name {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        padding: 0px;
    }

    .Non-active-section .col-xl-6.col-lg-6, .accountinfo-page .col-xl-6.col-lg-6 {
        -ms-flex: 0 0 49.33%;
        flex: 0 0 49.33%;
        max-width: 49.33%;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .active-marketing .width-name {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        padding: 0px;
    }
}

@media (max-width: 1199px) {
    .material-headshot .col-lg-4.col-md-6.col-sm-6.col-12 {
        margin-bottom: 2rem;
    }

    .printable-page table th {
        width: 160px;
    }

    .printable-page table th:last-child {
        width: 100px;
    }

    .row.home-email {
        padding: 0px 0px 0px 35px;
    }
}

@media (max-width: 991px) {
    .traffic-sub .width-name, .overview-page section.section2 .Active-section .chart-overview-left,
    .Active-section .col-xl-8.chart-overview-right, .active-marketing .width-name, .chart-admin .col-xl-4 {
        padding: 0px;
    }
}

@media (max-width: 767px) {
    .Printable-title {
        font-size: 28px;
    }

    .printable-page table {
        table-layout: fixed;
    }
}

/* printable style end */

/* photo style start */
.photo-page [data-toggle="collapse"]:after, .audio-video-page [data-toggle="collapse"]:after, .nonactive-audio-video-page [data-toggle="collapse"]:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0deg);
    transition: all linear 0.25s;
    float: right;
    content: "";
    width: 20px;
    height: 20px;
    background: url('../images/common/collapse-arrow.svg') no-repeat;
    position: relative;
    top: 0px;
    background-position: center;
    background-size: 20px;
}

/* .audio-video-page div#headingOne a:before{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(0deg) ;
  transition: all linear 0.25s;
  float: right;
  content: "";
  width: 22px;
  height: 22px;
  background: url('../images/common/question-mark.png') no-repeat;
  position: relative;
  top: -1px;
  background-position: center;
  background-size: 22px;
  right: 50px;
} */
.photo-page [data-toggle="collapse"].collapsed:after, .audio-video-page [data-toggle="collapse"].collapsed:after, .nonactive-audio-video-page [data-toggle="collapse"].collapsed:after {
    transform: rotate(180deg);
}

.Recent-Photo-section span.delete-img {
    float: right;
    margin-right: 1rem;
}

img#recentmediathumbnail, .crop-img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
}

.Recent-Photo-table th {
    width: 150px;
}

.Recent-Photo-table th:last-child {
    width: 50px;
}

.Photo-section ul {
    list-style: none;
}

.photoTable td:last-child a span {
    margin: 0px 6px;
}

.table.dataTable.photoTable tr th:last-child, .table.dataTable.photoTable tr td:last-child div {
    width: 50px !important;
}

.photo-page table td {
    padding: 0.5rem 0rem;
}

.Photo-section .table.dataTable td {
    padding: 0.5rem;
    padding-right: 0px;
    padding-left: 0px;
}

.table.dataTable.photoTable thead th.th-View {
    width: 80px !important;
}

.table.dataTable.photoTable thead th.th-Type {
    width: 100px !important;
}

.table.dataTable.photoTable thead th.th-Credit {
    width: 200px !important;
}

.table.dataTable.photoTable thead th.th-Added {
    width: 100px !important;
}

.button-common.mediamanage, .button-common.mediamanages {
    min-width: 130px;
    margin-right: 2rem;
}

span.filter-search input {
    width: 250px;
    height: 40px;
    border: 1px solid #707070;
    border-radius: 8px;
    padding: 7px 15px;
    font-size: 18px;
    font-family: 'Helvetica-Neue-Light';
}

div#photoTable_length {
    display: none;
}

div#mediaDropzone {
    min-height: 132px;
}

div#mediaModal .modal-dialog form, div#audioModal .modal-dialog form, div#nonactive-photo .modal-dialog form {
    width: 100%;
}

@media (min-width: 768px) {
    .crop-width {
        height: 500px;
        width: 500px;
    }
}

@media (min-width: 576px) {
    div#mediaModal .modal-dialog, div#audioModal .modal-dialog, div#nonactive-photo .modal-dialog {
        max-width: 555px;
    }
}

@media (max-width: 1730px) {
    .table.dataTable.photoTable tr th:last-child, .table.dataTable.photoTable tr td:last-child div {
        width: 88px !important;
    }
}

@media (max-width: 1300px) {
    .table.dataTable.photoTable tr th:last-child, .table.dataTable.photoTable tr td:last-child div {
        width: 100px !important;
    }
}

@media (max-width: 1199px) {
    .table.dataTable.photoTable tr th:last-child, .table.dataTable.photoTable tr td:last-child div {
        width: 130px !important;
    }
}

@media (max-width: 991px) {
    .table.dataTable.photoTable tr th:last-child, .table.dataTable.photoTable tr td:last-child div {
        width: 160px !important;
    }

    .table.dataTable.photoTable thead th.th-Type {
        width: 180px !important;
    }

    .table.dataTable.photoTable thead th.th-View {
        width: 100px !important;
    }

    table#recentmediaindicator, table#photoTable, .Recent-Photo-table, .photoTable {
        table-layout: fixed;
    }
}

@media (max-width: 767px) {
    .button-common.mediamanages {
        min-width: 250px;
        margin-right: 0rem;
        margin-bottom: 20px;
    }

    .button-common.mediamanage {
        min-width: 130px;
        margin-right: 0rem;
        margin-bottom: 20px;
    }

    .info-hovers, .infos-hover {
        left: 0px;
        width: 288px;
    }

    .crop-width {
        height: 300px;
    }
}

/* photo style end */

/* drag & drop style start */
.dropzone {
    min-height: 175px;
    border: 1px solid #707070;
    border-radius: 8px;
}

div#mediaDropzone .dz-message {
    margin: 2em 0em !important;
}

.dropzone .dz-message .dz-button {
    font-size: 14px;
    color: #aaaaaa;
    font-family: 'Helvetica-Neue-Light';
}

/* drag & drop style end */


/* audio&video style start */
.video-section .dataTables_length, .Audio-section .dataTables_length {
    display: none;
}

.audio-video-page ul {
    list-style: none;
}

.video-section td:last-child a span, .Audio-section td:last-child a span {
    margin: 0px 6px;
}

.audio-video-page table.dataTable th {
    width: 200px;
}

.audio-video-page table.dataTable th:last-child, .audio-video-page table.dataTable td:last-child div {
    width: 70px;
}

#image-hover {
    width: 100px;
    position: relative;
}

#show-sub-image {
    position: absolute;
    top: -6.3rem;
    right: -10.5rem;
    transform: translate(-168px, 101px);
    -webkit-transform: translate(-168px, 101px);
}

.image-in {
    animation: image-in 0.5s forwards;
    -webkit-animation: image-in 0.5s forwards;
}

.image-out {
    animation: image-out 0.5s forwards;
    -webkit-animation: image-out 0.5s forwards;
    transform: translate(-168px, 101px) !important;
    -webkit-transform: translate(-168px, 101px) !important;
}

.image-in img {
    width: 165px;
    height: 99px;
}

.image-out img {
    width: 100px;
    height: 60px;
}

@keyframes image-in {
    0% {
        transform: translate(-104px, 62px);
    }
    100% {
        transform: translate(-1px, 3px);
    }
}

@-webkit-keyframes image-in {
    0% {
        -webkit-transform: translate(-104px, 62px);
    }
    100% {
        -webkit-transform: translate(-1px, 3px);
    }
}

@keyframes image-out {
    0% {
        transform: translate(-104px, 62px);
    }
}

@-webkit-keyframes image-out {
    0% {
        -webkit-transform: translate(-104px, 62px);
    }
}

.photo-page #image-hover {
    width: 60px;
}

.photo-page #photo-sub-image {
    position: absolute;
    top: -8rem;
    right: -8rem;
    transform: translate(-128px, 128px);
    -webkit-transform: translate(-128px, 128px);
}

.photo-in {
    animation: photo-in 0.5s forwards;
    -webkit-animation: photo-in 0.5s forwards;
}

.photo-out {
    animation: photo-out 0.5s forwards;
    -webkit-animation: photo-out 0.5s forwards;
    transform: translate(-128px, 128px) !important;
    -webkit-transform: translate(-128px, 128px) !important;
}

.photo-page #photo-sub-image img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
}

.photo-in img {
    width: 125px !important;
    height: 125px !important;
}

.photo-out img {
    width: 100px;
    height: 60px;
}

@keyframes photo-in {
    0% {
        transform: translate(-128px, 128px);
    }
    100% {
        transform: translate(-1px, 3px);
    }
}

@-webkit-keyframes photo-in {
    0% {
        -webkit-transform: translate(-128px, 128px);
    }
    100% {
        -webkit-transform: translate(-1px, 3px);
    }
}

@keyframes photo-out {
    0% {
        transform: translate(-128px, 128px);
    }
}

@-webkit-keyframes photo-out {
    0% {
        -webkit-transform: translate(-128px, 128px);
    }
}

@media (max-width: 1700px) {
    .audio-video-page table.dataTable th:last-child, .audio-video-page table.dataTable tr td:last-child div {
        width: 106px !important;
    }
}

@media (max-width: 1300px) {
    .audio-video-page table.dataTable th:last-child, .audio-video-page table.dataTable tr td:last-child div {
        width: 100px !important;
    }
}

@media (max-width: 1199px) {
    .audio-video-page table.dataTable th:last-child, .audio-video-page table.dataTable tr td:last-child div {
        width: 130px !important;
    }
}

@media (max-width: 991px) {
    .audio-video-page table.dataTable th:last-child, .audio-video-page table.dataTable tr td:last-child div {
        width: 124px !important;
    }

    .audio-video-page table {
        table-layout: fixed;
    }
}

/* audio&video style end */

/* physical style start */
.physical-info-page div.physical-page {
    order: 5;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.basic-physical {
    order: 1 !important;
}

.physical-page.agerange {
    order: 2 !important;
}

.physical-page.eyecolor {
    order: 3 !important;
}

.physical-page.ethnicity {
    order: 4 !important;
    margin-top: 0.8rem;
}

/* .basic-physical , .physical-page.agerange , .physical-page.eyecolor{
  -ms-flex: 0 0 30.333333% !important;
  flex: 0 0 30.333333% !important;
  max-width: 30.333333% !important
} */
.basic-physical .ibox, .physical-page.agerange .ibox, .physical-page.eyecolor .ibox {
    height: 100%;
    width: 100%;
}

.infos-hover.basic-info {
    width: 490px;
}

.height-section input {
    width: 70px;
    height: 40px;
}

.physical-info-page span.inlinelabel {
    font-size: 13px;
}

.info-physical {
    width: 18px;
    margin-top: -2px;
    margin-left: 5px;
}

.basic-physical .button-common, .physical-page.agerange .button-common, .physical-page.eyecolor .button-common {
    position: absolute;
    bottom: 0px;
    transform: translate(-50%, -50%);
}

.agerange span.phy-info, .ethnicity span.phy-info, .hairlength span.phy-info {
    background-image: url('../images/common/help-tooltip.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 5px;
}

.physical-page .ibox-title {
    position: relative;
}

.hover-detail, .ethnicity-info, .ethnicity-info-others, .hairlength-info {
    top: 2rem;
    left: 0rem;
    width: 500px;
    text-align: left;
}

.physical-page.agerange .col-lg-12, .physical-page.eyecolor .col-lg-12 {
    padding: 0px;
}

/* .physical-page.agerange .col-lg-12 .row.checkbox-section , .physical-page.eyecolor .col-lg-12 .row.checkbox-section{
  justify-content: space-between;
} */
.physical-info-page .mt-5.text-center {
    margin-top: 1rem !important;
}

button.button-common.physical-button {
    min-width: 260px;
}

.physical-info-page .custom-control.custom-radio.mb-4 {
    margin-bottom: 0rem !important;
}

.physical-info-page .custom-control.custom-radio.mb-4 label.custom-control-label {
    padding-left: 0px !important;
}

.physical-info-page .custom-control.custom-radio.mb-4 span.ml-3 {
    margin-left: 0.5rem !important;
}

.physical-info-page .form-group.col-lg-2.col-sm-5.col-5 {
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.8rem;
    display: inline-block;
    margin-right: 1rem;
    -ms-flex: inherit;
    flex: none;
    max-width: none;
    width: auto;
}

@-moz-document url-prefix() {
    .button-common.physical-button {
        min-width: 290px;
    }
    li.mm-active a.levelone-menu {
        z-index: 9 !important;
    }
}

.physical-page.bodymarkings label.col-xl-12.col-lg-12.col-md-12.col-12.mb-2, .physical-page.ethnicityother label.col-xl-12.col-lg-12.col-md-12.col-12.mb-2 {
    -ms-flex: 0 0 12.666667%;
    flex: 0 0 12.666667%;
    max-width: 12.666667%;
}

.physical-page.bodymarkings .col-xl-12.col-lg-12.col-md-12.col-12, .physical-page.ethnicityother .col-xl-12.col-lg-12.col-md-12.col-12 {
    -ms-flex: 0 0 87.30%;
    flex: 0 0 87.30%;
    max-width: 87.30%;
    padding: 0px;
}

.physical-page.physical-title {
    text-align: center;
    font-size: 28px;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 0.8rem;
}

.physical-info-page .custom-checkbox span, .physical-info-page .custom-radio span {
    word-break: break-word;
}

.physical-info-page .row.checkbox-section {
    margin: 0px;
}

@media (min-width: 1701px) {
    .height-section.d-flex.justify-content-between.align-items-center {
        padding-left: 19px;
    }
}

@media (min-width: 1501px) and (max-width: 1700px) {
    .physical-info-page .height-section input {
        width: 60px;
        height: 40px;
    }

    .basic-physical label {
        padding: 0px;
        padding-left: 15px;
        display: flex;
    }

    .height-section.d-flex.justify-content-between.align-items-center {
        padding-left: 19px;
    }
}

@media (min-width: 1271px) and (max-width: 1500px) {
    .physical-info-page .height-section input {
        width: 60px;
        height: 40px;
    }

    .basic-physical label {
        padding: 0px;
        padding-left: 15px;
        display: flex;
    }

    .physical-info-page span.inlinelabel {
        margin-left: 5px !important;
    }

    .height-section.d-flex.justify-content-between.align-items-center {
        padding-left: 19px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .infos-hover.basic-info, .hover-detail, .ethnicity-info, .ethnicity-info-others, .hairlength-info {
        width: 400px;
    }
}

@media (min-width: 1200px) and (max-width: 1270px) {
    /* .basic-physical, .physical-page.agerange, .physical-page.eyecolor {
      -ms-flex: 0 0 45% !important;
      flex: 0 0 45% !important;
      max-width: 45% !important;
  } */
    .physical-page.eyecolor {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 3rem;
    }
}

@media (min-width: 1200px) {
    .basic-physical, .physical-page.agerange, .physical-page.eyecolor {
        -ms-flex: 0 0 32.33% !important;
        flex: 0 0 32.33% !important;
        max-width: 32.33% !important;
        margin-bottom: 0.8rem;
    }
}

@media (max-width: 1199px) {
    .infos-hover.basic-info, .hover-detail, .ethnicity-info, .ethnicity-info-others, .hairlength-info {
        width: 288px;
    }

    .row.physical-info-page.justify-content-between {
        margin: 0px;
        justify-content: start !important;
    }

    .basic-physical, .physical-page.agerange, .physical-page.eyecolor {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* .physical-page.agerange, .physical-page.eyecolor {
    margin-top: 3rem;
  } */
    .height-section {
        justify-content: start !important;
    }

    .physical-info-page span.inlinelabel {
        margin: 0px 10px;
    }

    .physical-page.bodymarkings label.col-xl-12.col-lg-12.col-md-12.col-12.mb-2,
    .physical-page.ethnicityother label.col-xl-12.col-lg-12.col-md-12.col-12.mb-2 {
        -ms-flex: 0 0 20.666667%;
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
    }

    .physical-page.bodymarkings .col-xl-12.col-lg-12.col-md-12.col-12,
    .physical-page.ethnicityother .col-xl-12.col-lg-12.col-md-12.col-12 {
        -ms-flex: 0 0 79%;
        flex: 0 0 79%;
        max-width: 79%;
    }

    .physical-page.physical-title {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    .hover-detail, .ethnicity-info, .ethnicity-info-others, .hairlength-info {
        left: auto;
        width: 288px;
        right: -5rem;
    }
}

@media (max-width: 767px) {
    .physical-page.bodymarkings label.col-xl-12.col-lg-12.col-md-12.col-12.mb-2,
    .physical-page.ethnicityother label.col-xl-12.col-lg-12.col-md-12.col-12.mb-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .physical-page.bodymarkings .col-xl-12.col-lg-12.col-md-12.col-12,
    .physical-page.ethnicityother .col-xl-12.col-lg-12.col-md-12.col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .basic-physical .button-common, .physical-page.agerange .button-common, .physical-page.eyecolor .button-common {
        position: relative;
        transform: inherit;
    }
}

@media (max-width: 575px) {
    .basic-physical .button-common, .physical-page.agerange .button-common, .physical-page.eyecolor .button-common {
        height: auto;
        line-height: 30px;
    }
}

/* physical style end */

/* union style start */
@media (min-width: 1600px) {
    .union-page .col-xl-7 {
        -ms-flex: 0 0 45.333333%;
        flex: 0 0 45.333333%;
        max-width: 45.333333%;
    }
}

/* union style end */

/* Billing detail page style start */
.billing-detail-page table.processed-transaction th {
    width: 120px;
}

.billing-detail-page table.processed-transaction th:first-child {
    width: 180px;
}

.billing-detail-page table.processed-transaction th:last-child, .billing-detail-page table.processed-transaction td:last-child {
    width: 50px;
    text-align: center;
}

.billing-detail-page table.upcoming-transaction th {
    width: 480px;
}

.billing-detail-page table.upcoming-transaction th:last-child, .billing-detail-page table.upcoming-transaction td:last-child {
    width: 80px;
}

.billing-detail-page .modal-content {
    background-color: #eeeeee;
}

.billing-detail-page table.processed-transaction th.processed-trans-slot {
    width: 180px;
}

@media (min-width: 1500px) {
    .billing-detail-page .modal-xl {
        max-width: 1580px;
    }
}

@media (max-width: 991px) {
    .billing-detail-page table {
        table-layout: fixed;
    }
}

@media (max-width: 991px) {
    .billing-detail-page table.upcoming-transaction th {
        width: 180px;
    }
}

/* Billing detail page style end */

/* Billing edit payment style start */
.billing-edit-page input {
    width: 330px;
}

.billing-edit-page .button-common {
    min-width: 120px;
    margin-top: 1rem;
}

.billing-edit-page .date-select {
    width: 70px;
    padding-left: 15px;
}

.billing-edit-page .year-select {
    width: 90px;
    padding-left: 15px;
}

.billing-edit-page .radio-image img {
    width: 60px;
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .billing-edit-page .col-xl-7 {
        -ms-flex: 0 0 70.333333%;
        flex: 0 0 70.333333%;
        max-width: 70.333333%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .billing-edit-page .col-xl-7 {
        -ms-flex: 0 0 85.333333%;
        flex: 0 0 85.333333%;
        max-width: 85.333333%;
    }
}

@media (min-width: 1200px) {
    .radio-image .col-xl-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 991px) {
    .billing-edit-page input {
        width: 100%;
    }
}

/* Billing edit payment style end */


/* dashboard Non Active style start */
.Non-active-section .col-xl-12.chart-overview-right {
    margin-top: 0.8rem;
}

.Non-active-table {
    margin-bottom: 0px;
}

.Non-active-section .chart-overview-right ul.quick-tips li {
    margin-bottom: 0.8rem;
}

.activate-notice {
    background: #f2f7fc;
    border-radius: 23px;
    margin-top: 3rem;
    width: 311px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.activate-notice a {
    color: #0064C8;
    font-family: 'Helvetica-Neue-Medium';
    margin-right: 6px;
}

#Account-Warning {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 100%;
    left: 0px;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    font-size: 20px;
    padding: 2rem;
    box-shadow: 3px 3px 6px #00000029;
    top: 0px;
    height: 100%;
}

#Account-Warning ul {
    list-style: disc;
    padding-left: 1.3rem;
    margin-bottom: 2rem;
}

#Account-Warning ul li {
    font-size: 18px;
    font-family: 'Helvetica-Neue';
}

#Account-Warning ul li:hover {
    background-color: transparent;
}

.overview-page section.section2 .Active-section {
    position: relative;
}

.Non-active-section #how-to-signup-slider {
    height: auto;
}

.Non-active-section div#learn-about-new-slider {
    top: -2rem;
}

.active-mark-quick {
    padding: 0px;
    margin-bottom: 0px;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .overview-non-active {
        width: 100%;
    }

    .activate-notice {
        width: 275px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    img.overview-non-active {
        width: 50px;
    }

    #Account-Warning ul {
        margin-bottom: 1rem;
    }

    .activate-notice {
        margin-top: 2rem;
    }
}

@media (max-width: 1500px) {
    #Account-Warning {
        font-size: 14px;
    }

    .activate-notice {
        font-size: 14px;
    }

    #Account-Warning ul li {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #Account-Warning {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

    @keyframes slide-in {
        100% {
            transform: translateY(0%);
        }
    }
    @-webkit-keyframes slide-in {
        100% {
            -webkit-transform: translateY(0%);
        }
    }
    @keyframes slide-out {
        0% {
            transform: translateY(0%);
        }
        100% {
            transform: translateY(-10px);
        }
    }
    @-webkit-keyframes slide-out {
        0% {
            -webkit-transform: translateY(0%);
        }
        100% {
            -webkit-transform: translateY(-10px);
        }
    }
}

@media all and (max-width: 767px) {
    .activate-notice {
        width: auto;
        height: auto;
        text-align: center;
        display: block;
        padding: 1rem;
    }
}

/* dashboard Non Active style end */

/* manage Non Active style start */
.warning-title {
    font-size: 30px;
    font-family: 'Helvetica-Neue-Medium';
    color: #FF3E3E;
    margin-bottom: 1rem;
}

@media (min-width: 1700px) and (max-width: 1819px) {
    .nonactive-manage-website-page .col-xl-5 {
        -ms-flex: 0 0 46.666667%;
        flex: 0 0 46.666667%;
        max-width: 46.666667%;
    }
}

@media (min-width: 1501px) and (max-width: 1699px) {
    .nonactive-manage-website-page .col-xl-5 {
        -ms-flex: 0 0 50.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
    }
}

@media (min-width: 1350px) and (max-width: 1500px) {
    .nonactive-manage-website-page .col-xl-5 {
        -ms-flex: 0 0 48.666667%;
        flex: 0 0 48.666667%;
        max-width: 48.666667%;
    }
}

@media (min-width: 1200px) and (max-width: 1349px) {
    .nonactive-manage-website-page .col-xl-5 {
        -ms-flex: 0 0 52.666667%;
        flex: 0 0 52.666667%;
        max-width: 52.666667%;
    }
}

/* manage Non Active style end */

/* height increas style start  */
.event-page, .manage-website-page, .sendportfolio-pages, .traffic-page, .talentapplication-page, .addevent-page, .page-height,
.billing-edit-page {
    min-height: calc(100vh - 292px);
}

/* height increas style start  */

/* audio & video non Active style start */
.Video-Links-table .vdieo-url {
    width: 240px;
}

.Video-Links-table .view {
    width: 250px;
    text-align: center;
}

.Video-Links-table .name {
    width: 150px;
}

.Video-Links-table input {
    margin-bottom: 0rem !important;
}

.Video-Links-table table td {
    border: 0px;
}

@media (min-width: 1700px) {
    .notice-warning.col-xl-9 {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
    }

    .notice-warning .col-xl-2 {
        -ms-flex: 0 0 12.666667%;
        flex: 0 0 12.666667%;
        max-width: 12.666667%;
        padding: 0px;
    }

    .notice-warning .col-xl-10 {
        -ms-flex: 0 0 87.333333%;
        flex: 0 0 87.333333%;
        max-width: 87.333333%;
        padding: 0px;
    }
}

@media (max-width: 991px) {
    .Video-Links-table table {
        table-layout: fixed;
    }
}

/* audio & video non Active style end */

/* accountactive popup style start */
#activationModal .dollar {
    width: 100px;
    height: 100px;
    text-align: center;
    margin: auto;
    border: 1px solid #00337c;
    font-size: 25px;
    font-family: 'Helvetica-Neue-Medium';
    border-radius: 100%;
    padding: 17px;
    color: #00337c;
}

.avnotwanted .subscription {
    white-space: nowrap;
}

#activationModal .modal-dialog {
    max-width: 610px !important;
}

@media (max-width: 767px) {
    .avnotwanted .subscription {
        white-space: normal;
    }
}

@media (max-width: 1500px) {
    #activationModal .f-20 {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    #activationModal .mike-close {
        position: absolute;
        top: -6rem;
        right: 0rem;
    }

    #activationModal .modal-content .button-common {
        height: auto;
        line-height: 32px;
    }

    button#stageAddContent {
        height: auto;
        line-height: 30px;
    }
}

/* accountactive popup style end */


/* Tooltip Styles start */
[data-tooltips] {
    position: relative;
    z-index: 2;
}

[data-tooltips]:before,
[data-tooltips]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

[data-tooltips]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -17px;
    padding: 7px;
    width: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltips);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

[data-tooltips]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

[data-tooltips]:hover:before,
[data-tooltips]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

[data-tooltips]:last-child:before {
    left: auto !important;
    margin-left: 0px;
    right: 0px;
}

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -17px;
    padding: 7px;
    width: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

[data-tooltip]:last-child:before {
    left: auto !important;
    margin-left: 0px;
    right: 0px;
}

/* Tooltip Styles end */

/* bookout page start*/
.bookout-pages span.delete-img:before, .photo-page span.delete-img:before {
    margin-left: -37px;
}

/* bookout page end*/

/* photo page start*/
.photo-page span.movedown-img:before {
    margin-left: -66px;
}

div#photoTable_filter {
    display: none;
}

/* photo page end*/
/* login page style start */
.loginscreen {
    background: #fff;
    border-radius: 15px;
    padding: 2rem;
}

img.img-mobile {
    width: 250px;
}

.loginscreen .input-sec input {
    height: 40px;
}

.sign-in-button {
    margin: 2rem 0rem 2rem 0rem;
}

.sign-in-button .button-common {
    min-width: 100px;
}

.forgot-section p {
    margin-bottom: 0.8em;
}

.forgot-section a {
    cursor: pointer;
}

.forgot-section a:hover {
    color: #94BF27 !important;
}

.login-page {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

@media (min-width: 768px) {
    .loginscreen {
        width: 555px;
    }
}

@media (max-height: 760px) {
    .login-page {
        padding-bottom: 1rem;
        position: relative;
        transform: inherit;
        left: auto;
        top: auto;
        /* text-align: center; */
    }

    .loginscreen {
        margin: auto;
    }
}

@media (max-width: 500px) {
    .img-mobile {
        width: 100%;
    }

    .login-page {
        position: relative;
        top: auto;
        left: auto;
        transform: inherit;
    }
}

/* login page style end */

/* forgot page style start */
.forgot-page .button-common {
    min-width: 148px;
}

#Trouble-Logging div {
    line-height: 30px;
}

@media (min-width: 768px) {
    .forgot-page {
        width: 555px;
    }
}

@media (min-width: 576px) {
    #forgot-password .modal-dialog, #Trouble-Logging .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 575px) {
    .forgot-page .button-common {
        height: 50px;
        line-height: 50px;
    }
}

/* forgot page style end */

/* client account page style start */
.client-img img {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #0000001A;
    border-radius: 15px;
    width: 370px;
}

.client-title {
    text-align: center;
    font-size: 35px;
    font-family: 'Helvetica-Neue-Medium';
    margin-bottom: 2rem;
}

.clientaccount-page .custom-control.custom-checkbox {
    display: block;
}

.clientaccount-page .custom-control.custom-checkbox span {
    margin-top: 4px;
}

.clientaccount-page .input-sec {
    margin-bottom: 1rem !important;
}

.clientaccount-page textarea {
    width: 100%;
    height: 250px;
    padding: 15px;
    resize: none;
}

.clientaccount-page .button-common {
    min-width: 148px;
}

@media (min-width: 1200px) {
    .clientaccount-page .col-xl-3 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .clientaccount-page .col-xl-9 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0px;
    }
}

@media (max-width: 1500px) {
    .client-title {
        font-size: 30px;
    }
}

@media (max-width: 500px) {
    .client-img img {
        width: 100%;
    }
}

/* client account page style end */

/* talent account page style start */
.talentaccount-page .ibox-title {
    position: relative;
}

img.last-name, img.state-name, img.talent-name, img.union-name {
    width: 20px;
    margin-left: 10px;
}

.infos-hover.last-hover {
    left: 122px;
    width: 460px;
}

.infos-hover.state-hover {
    width: 460px;
    top: 38px;
    left: 52px;
}

.information-client {
    height: 40px;
    align-items: center;
    font-size: 18px;
}

.birthdate-section {
    display: flex;
    justify-content: center;
}

.birthdate-section .birth-date {
    display: flex;
    justify-content: center;
}

.birthdate-section label {
    margin-right: 3rem;
}

.birthdate-section .birth-date select {
    width: 103px;
    margin-right: 2rem;
}

.infos-hover.talent-hover {
    top: 29px;
    left: 1rem;
    width: 464px;
    text-align: left;
}

.infos-hover.union-hover {
    top: 30px;
    left: 1rem;
    width: 464px;
    text-align: left;
}

.inner-info {
    position: relative;
}

.union-section .checkbox-section .form-group.input-sec {
    margin-bottom: 0px !important;
}

.resume-checkbox .custom-control.custom-checkbox {
    margin-bottom: 1rem;
}

.weight-height-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
}

.weight-height-section .form-group {
    margin: 0rem 4rem;
}

.choose-upload {
    display: flex;
    float: left;
}

.choose-upload .button-common {
    min-width: 126px;
    padding: 0px 15px;
    margin-right: 20px;
    height: 40px;
    line-height: 40px;
}

.choose-upload input {
    width: 170px;
}

.capture-section {
    display: flex;
    align-items: center;
}

.capture-section img, .capture-section span {
    margin-bottom: 1.5rem;
}

.submit-agreen {
    min-width: 148px;
}

@media (min-width: 1400px) {
    .stage-contact .col-xl-3 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding-left: 0px;
    }

    .stage-contact .col-xl-9 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0px;
    }
}

@media (min-width: 1200px) {
    .stage-contact .col-xl-3 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        padding-left: 0px;
    }

    .stage-contact .col-xl-9 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
        padding: 0px;
    }

    .union-section .custom-checkbox span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .stage-contact .col-lg-12 {
        padding: 0px;
    }

    .talentapplication-page .col-xl-5.col-lg-5 {
        -ms-flex: 0 0 41%;
        flex: 0 0 41%;
        max-width: 41%;
        padding: 0px;
    }

    .talentapplication-page .col-xl-7.col-lg-7 {
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
        max-width: 58%;
        padding: 0px;
    }

    .row.registrationRow .col-lg-4 {
        -ms-flex: 0 0 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .infos-hover.talent-hover, .infos-hover.union-hover {
        width: 200px;
    }

    .infos-hover.last-hover {
        width: 365px;
    }
}

@media (max-width: 1199px) {
    .infos-hover.state-hover {
        width: 360px;
    }

    .talentaccount-page .custom-checkbox span, .talentaccount-page .custom-radio span {
        word-break: break-word;
    }
}

@media (max-width: 991px) {
    .information-client {
        height: auto;
        padding: 0px 15px;
    }
}

@media (max-width: 767px) {
    .infos-hover.state-hover, .infos-hover.last-hover, .infos-hover.talent-hover, .infos-hover.union-hover {
        left: 0px;
        width: 100%;
    }

    .inner-info {
        position: inherit;
    }

    .choose-upload .button-common {
        min-width: 100px;
        margin-right: 15px;
        padding: 0px 7px;
    }

    .choose-upload input {
        width: 125px;
    }

    .capture-section {
        display: block;
    }

    .capture-section input {
        width: 100%;
        margin: 0px 0px 15px 0px !important;
    }
}

@media (max-width: 575px) {
    .birthdate-section, .birthdate-section .birth-date {
        display: block;
    }

    .birthdate-section .birth-date select {
        width: 100%;
        margin-right: 0rem;
        margin-bottom: 1rem;
    }

    .weight-height-section {
        display: block;
        margin-top: 1rem;
    }

    .weight-height-section .form-group {
        margin: 0rem 0rem;
        margin-bottom: 1rem;
    }
}

/* talent account page end start */

/* choose file style start */

.file-select {
    display: flex;
}

.file-upload .file-select .file-select-button {
    display: inline-block;
    border: 1px solid #00337c;
    color: #00337c;
    min-width: 126px;
    padding: 0px 15px;
    margin-right: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    text-align: center;
}

.file-upload .file-select .file-select-name {
    line-height: 35px;
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #707070;
    border-radius: 8px;
    height: 35px;
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.file-upload .file-select .file-select-name.value-color {
    color: #000;
    font-family: 'Helvetica-Neue';
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

/* choose file style end */
/* progress bar style start */
.progress-bar {
    box-shadow: none;
}

.progress-bar {
    background-color: #1ab394;
}

.progress-small,
.progress-small .progress-bar {
    height: 10px;
}

.progress-mini,
.progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0;
}

.progress-bar-navy-light {
    background-color: #3dc7ab;
}

.progress-bar-success {
    background-color: #1c84c6;
}

.progress-bar-info {
    background-color: #23c6c8;
}

.progress-bar-warning {
    background-color: #f8ac59;
}

.progress-bar-danger {
    background-color: #ed5565;
}

/* progress bar style end */

/* clock style start */
span.clockpicker-span-hours.text-primary, span.clockpicker-span-minutes.text-primary {
    color: #00337c !important;
}

/* clock style end */

/* Delete style start */
.swal-button--danger {
    background-color: #FF3E3E;
    font-size: 16px;
}

.swal-button--cancel {
    color: #00337c;
    background-color: transparent;
    border: 1px solid #00337c;
    font-weight: normal;
    font-size: 16px;
}

.swal-button--cancel:hover {
    border: 1px solid #94bf26;
    color: #94bf26;
    background-color: transparent !important;
}

.swal-overlay--show-modal .swal-modal {
    will-change: inherit;
}

.swal-button--cancel:active {
    background-color: transparent;
}

.swal-button--cancel:focus {
    box-shadow: none;
}

/* Delete style end */

/* Toastr custom style  start*/
#toast-container > div {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast {
    background-color: #1ab394;
}

.toast-success {
    background-color: #94bf26 !important;
}

.toast-error {
    background-color: #ed5565 !important;
}

.toast-info {
    background-color: #94bf26 !important;
}

.toast-warning {
    background-color: #f8ac59;
}

.toast-top-full-width {
    margin-top: 20px;
}

.toast-bottom-full-width {
    margin-bottom: 20px;
}

#toast-container > div {
    opacity: 1 !important;
}

/* Toastr custom style end*/


/* checkbox style start */
.markcheckbox {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-self: flex-start !important;
}

.markcheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    border: 2px solid #000000;
    -moz-box-shadow: inset 0 0 2px #808080;
    -webkit-box-shadow: inset 0 0 2px #808080;
    box-shadow: inset 0 0 2px #808080;
}

.markcheckbox input:checked ~ .checkmark {
    background-color: transparent;
}

.markcheckbox input:disabled ~ .checkmark {
    background-color: #e1e1e1;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.markcheckbox input:checked ~ .checkmark:after {
    display: block;
}

.markcheckbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #04337c;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-label {
    word-break: break-word;
    font-size: 18px;
}

@media (max-width: 1500px) {
    .checkbox-label {
        font-size: 14px;
    }

    .checkmark {
        width: 19px;
        height: 19px;
    }

    .markcheckbox .checkmark:after {
        left: 5px;
        top: 1px;
    }
}

/* checkbox style end */


/* radio style start */
.radio {
    display: grid;
    grid-template-columns: -webkit-min-content auto;
    grid-template-columns: min-content auto;
    grid-gap: 0.5em;
    font-size: 18px;
    color: #000;
}

.radio__label {
    line-height: 1;
    font-size: 18px;
    color: #000;
}

.radio__input {
    display: flex;
    align-items: center;
}

.radio__input input {
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-gradient input:checked + .radio__control {
    background: radial-gradient(#04337c 50%, rgba(255, 0, 0, 0) 51%);
    border: 2px solid #04337c;
    background-position: center;
}

.radio-before .radio__control {
    display: grid;
    place-items: center;
}

.radio-before input + .radio__control::before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    box-shadow: inset 0.5em 0.5em currentColor;
    border-radius: 50%;
    transition: 180ms transform ease-in-out;
    transform: scale(0);
}

.radio-before input:checked + .radio__control::before {
    transform: scale(1);
}

.radio__control {
    display: block;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    border: 2px solid #000000;
}

.radio__label, .control {
    align-self: center;
}

@media (max-width: 1500px) {
    .radio__label, .control, .radio {
        font-size: 14px;
    }
}

/* radio style end */

/* select2 style start */
.select2-container--default .select2-selection--multiple {
    border: 1px solid #707070 !important;
    border-radius: 8px !important;
    color: #000;
    font-size: 13px;
    padding: 0px 0px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #707070;
    border-radius: 8px;
    color: #000;
    font-size: 18px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 5px;
    font-size: 18px;
}

/* span.select2.select2-container.select2-container--default.select2-container--below input.select2-search__field {
  padding: 0px 15px;
} */
.select2-container .select2-search--inline {
    width: 100%;
}

span.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below.select2-container--open input.select2-search__field {
    /* padding: 0px 15px; */
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 13px;
    padding: 5px 5px 3px 5px;
    white-space: normal !important;
}

.select2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

.select2 input::-moz-placeholder { /* Firefox 19+ */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

.select2 input:-ms-input-placeholder { /* IE 10+ */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

.select2 input:-moz-placeholder { /* Firefox 18- */
    color: #AAAAAA;
    font-family: 'Helvetica-Neue-Light';
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin: 0px 2px;
    float: right;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000 !important;
    font-size: 18px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #707070 !important;
    border-radius: 8px !important;
    color: #000;
    font-size: 18px;
    padding: 0px 0px;
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    color: #000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../images/common/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 13px bottom 15px;
    line-height: 30px;
    height: 40px !important;
    width: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

@media (max-width: 1500px) {
    .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 14px !important;
    }
}

/* select2 style end */

/*********************** Admin side style start ***********************/

/* overview style start */
.admin-dashboardpage canvas {
    height: 300px !important;
}

/* overview style end */

/* talent search style start */
.talentsearch-page .ibox-tools {
    position: relative;
    top: 0px;
    right: 0px;
    text-align: left;
}

.talent-name .input-sec, .union-status .input-sec {
    margin-bottom: 0px !important;
}

.button-common.talentSearchButton {
    min-width: 140px;
    padding: 0px;
}

.talentsearch-page .height-sec div {
    padding: 0px;
    margin: 0px;
}

.talentsearch-page .height-sec input, .talentsearch-page .bottom-sec input {
    margin-bottom: 0px !important;
}

.chosen-container-multi .chosen-choices {
    background-image: none !important;
    border: 1px solid #707070 !important;
    border-radius: 8px;
    color: #000;
    font-size: 18px;
    padding: 5px 15px !important;
}

.chosen-container-active .chosen-choices {
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background-image: none !important;
    background-color: transparent !important;
    border: 1px solid #aaa !important;
    font-size: 13px !important;
    padding: 5px 20px 3px 5px !important;
}

.form-group.row.mt-3.height-sec {
    margin-left: 0px;
    margin-right: 0px;
}

.count-section {
    font-size: 16px;
    background-color: #94bf27;
    border-radius: 15px;
    /* margin-bottom: 1rem; */
    position: relative;
    display: inline-block;
    padding: 10px 26px;
    color: #fff;
}

/* .talentaccount-page .client-img {
  display: none;
} */
@media (min-width: 1280px) {
    .template-name label.col-xl-4 {
        -ms-flex: 0 0 24.1%;
        flex: 0 0 24.1%;
        max-width: 24.1%;
    }

    .col-xl-4.fontstyle-width {
        -ms-flex: 0 0 25.8%;
        flex: 0 0 25.8%;
        max-width: 25.8%;
    }

    .fontdisplay-width {
        -ms-flex: 0 0 23.8%;
        flex: 0 0 23.8%;
        max-width: 23.8%;
    }
}

@media (min-width: 1200px) {
    .col-lg-12.form-group.row .col-lg-2, .account-info-section .form-group.row.mt-3.ml-0.mr-0 .col-lg-2.col-sm-4.col-6.form-group {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-lg-12.form-group.row .col-lg-2, .account-info-section .form-group.row.mt-3.ml-0.mr-0 .col-lg-2.col-sm-4.col-6.form-group {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    label.col-lg-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .talent-section .col-xl-3.col-lg-3.col-md-3.col-12.count_content {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow div,
    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    div#headrow .count_content img {
        width: 17px;
    }
}

@media (max-width: 400px) {
    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow div,
    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .pad-m0 {
        margin: 0px;
    }

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

    .talentaccount-page .weight-height-section {
        display: block;
    }

    .talentaccount-page .weight-height-section .form-group {
        margin: 0rem 0rem 2rem 0rem;
    }

    .talentaccount-page .capture-section {
        display: block;
    }

    .talentaccount-page label.col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .talentaccount-page .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    div#headrow img {
        width: 19px;
    }
}

@media (max-width: 767px) {
    .mob-top {
        padding-top: 1rem !important;
    }

    .col-lg-12.form-group.row .col-sm-4.col-6, .account-info-section .form-group.row.mt-3.ml-0.mr-0 .col-lg-2.col-sm-4.col-6.form-group {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .talentsearch-page .select-value, .talentsearch-page .select-value:focus, .talentsearch-page .select-common, .talentsearch-page .select-common:focus {
        margin-bottom: 13px;
    }

    .talentsearch-page .height-sec input, .talentsearch-page .bottom-sec input {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 575px) {
    .col-lg-12.form-group.row .col-sm-4.col-6, .account-info-section .form-group.row.mt-3.ml-0.mr-0 .col-lg-2.col-sm-4.col-6.form-group {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* talent search style end */

/* talent search style start */
.green-line {
    border: 2px solid #94BF27;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 10px;
}

.template-sort label {
    white-space: nowrap;
    margin-bottom: 0px;
    margin-right: 10px;
    font-size: 18px;
}

select#talentTemplate, select.form-control.select-value.sortOption, select#talentTemplate_two {
    /* width: 208px; */
    width: 155px;
}

select.jumpTo {
    width: 60px;
}

select.perPage {
    width: 72px;
}

select.selectedWith {
    width: 213px;
}

.template-sort i {
    color: #6b6b6b;
}

.image_coursol {
    margin-bottom: 1.5rem;
}

.talenttemplate-page .image_coursol {
    margin-top: 5px;
}

.talenttemplate-page .carousel-widthdiv {
    width: 100% !important;
    height: 100% !important;
}

.talenttemplate-page .carousel-control-next, .talenttemplate-page .carousel-control-prev {
    width: 30%;
}

.talent_actions span {
    margin-left: 10px;
}

.jump-sec {
    display: flex;
    align-items: center;
}

.talent-section div#secondrow {
    margin-top: 0.5rem !important;
    margin-bottom: 4px !important;
}

.talent-section .row.border-bottom-0.pt-2.pb-2 {
    padding: 0px !important;
}

.searchtemplate-page #secondrow .icon-fa:nth-child(odd) {
    background-color: #f4f4f4;
}

.searchtemplate-page #secondrow .img-height.icon-fa {
    background-color: transparent;
}

.searchtemplate-page span.ondevFields {
    font-size: .9em;
    font-family: 'Helvetica-Neue-Medium';
    /* background-color: #f4f4f4; */
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 225px;
}

.searchtemplate-page span.searchvariable {
    font-size: 16px;
}

.searchtemplate-page .icon-fa, #secondrow .icon-fa {
    /* margin-bottom: 0.2rem; */
    display: flex;
    align-items: center;
}

/* websitesearch page css */
#secondrow .icon-fa:nth-child(odd) {
    background-color: #f4f4f4;
}

.coreHtmlTemp .dots-color {
    width: auto;
    padding-right: 0px;
}

.dots-color {
    color: #277df9;
    font-size: .9em;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 225px;
    white-space: nowrap;
    font-weight: bold;
    padding-right: 5px;
}

.searchtemplate-page span.searchvariable, span.searchvariable {
    font-size: .9em;
    color: black;
    font-weight: normal;
    /* text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 225px; */
}

.searchtemplate-page span.searchvariable p, span.searchvariable p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

span.ondevFields {
    /* text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 134px;
  text-align: left; */

    font-size: .9em;
    font-family: 'Helvetica-Neue-Medium';
    /* background-color: #f4f4f4; */
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 225px;

}

.searchtemplate-page .talentsearch-imgsec {
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 2em;
}

span.ml-2.removeselectable {
    margin-right: .5rem;
}

.col-lg-12.icon-fa.i.unsavefieldAdd, .icon-fa.unsavefieldAdd {
    justify-content: center;
}

#addExportTalent table.exportTable i {
    font-size: 0px;
}

table.table.exportTable td:last-child {
    width: 20%;
}

table.table.exportTable td span {
    margin-left: 10px;
}

.img-height.setDefaultImage {
    margin-bottom: 1.5rem;
}

.row.talent_template_result div#mainbox {
    margin-bottom: 0.5rem;
}

#dynamictemp div#mainbox .pb-4 {
    padding-bottom: 0 !important;
}

#dynamictemp div#mainbox {
    margin-bottom: 0.5rem;
}

.row.age-rangesec h5 {
    margin-bottom: 1rem;
}

.talent_template_result .talent_actions span.Activate-img {
    background-image: url(../images/common/active-A.png);
    width: 22px;
    height: 22px;
}

.talent_template_result .talent_actions span.CompActivate-img {
    background-image: url(../images/common/active-C.png);
    width: 22px;
    height: 22px;
}

.talent_template_result .talent_actions span.Deactivate-img {
    background-image: url(../images/common/Nonactive-N.png);
    width: 22px;
    height: 22px;
}

.active-A span.Activate-img {
    background-image: url(../images/common/active-A.png);
    width: 22px;
    height: 22px;
}

.active-C span.CompActivate-img {
    background-image: url(../images/common/active-C.png);
    width: 22px;
    height: 22px;
}

.active-C span.Activate-img {
    background-image: url(../images/common/active-C.png);
    width: 22px;
    height: 22px;
}

.active-N span.Deactivate-img {
    background-image: url(../images/common/Nonactive-N.png);
    width: 22px;
    height: 22px;
}

@media (min-width: 1600px) {
    .searchtemplate-page span.ondevFields {
        width: 100px !important;
    }
}

@media (max-width: 1500px) {
    .template-sort label, .green-line, .information-client {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .talent-section .carousel-box {
        width: 120px !important;
        height: 150px !important;
    }

    .pagination-section nav ul.pagination {
        float: none;
    }

    .appendPagination span.mr-3 {
        display: flex;
        justify-content: center;
    }

    .ipad-mb-15 {
        margin-bottom: 1rem;
    }

    .ipad-pb-8 {
        padding-bottom: 8px;
    }
}

@media (max-width: 991px) {
    table.table.exportTable td:last-child {
        width: 35%;
    }

    .col-lg-12.icon-fa.i.unsavefieldAdd {
        display: none;
        margin-bottom: 0px !important;
    }

    .ipads-mb-15 {
        margin-bottom: 1rem !important;
    }

    .ipads-mt-15 {
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    .template-sec, .sort-sec {
        margin-bottom: 1rem;
    }

    .searchtemplate-page .talent_actions {
        margin-top: 1rem;
    }

    table.table.exportTable td:last-child {
        width: 53%;
    }

    .mob-mb-15 {
        margin-bottom: 1rem;
    }

    .mob-mt-15 {
        margin-top: 1rem;
    }

    select#talentTemplate, select.form-control.select-value.sortOption, select#talentTemplate_two {
        width: 158px;
    }
}

/* talent search style end */

/* talent template style start */
button#talenttempNew {
    min-width: 170px;
    padding: 0px;
}

div#listTempDiv button {
    border: 0px;
    background: transparent;
    float: right;
}

.temphight input#savetalenttempinput {
    margin-bottom: 0px !important;
}

button#savetalenttemp {
    min-width: 180px;
    padding: 0px;
}

div#listTempDiv button {
    padding: 2px 5px;
}

.searchtemplate-page .talent-section div#mainbox .innerbox {
    background-color: #fff;
    padding: 0.5rem;
    border-radius: 15px;
    margin-bottom: -2rem;
    position: relative;
    height: 100%;
}

.talent_actions span.edit-img::before {
    width: 90px;
}

.talent_actions span.view-img::before {
    width: 90px;
}

.talent_actions span.pick-img::before, .talent_actions span.workspace-img::before, .talent_actions span.minus-img::before {
    width: 165px;
    margin-left: -9rem;
}

.talent_actions {
    display: flex;
    justify-content: flex-end;
}


.talenttemplate-page div#secondrow img {
    width: 100%;
}

@media (min-width: 1200px) {
    .person-detials-left {
        padding-left: 0px;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .person-detials-right {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

@media (min-width: 992px) {
    .website-page .col-xl-4.col-lg-4, .featuredtalent-page .col-xl-4.col-lg-4, .talenttemplate-page .col-xl-4.col-lg-4.col-md-12.col-12 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
        padding: 0px;
    }

    .website-page .col-xl-8.col-lg-8, .featuredtalent-page .col-xl-8.col-lg-8, .talenttemplate-page .col-xl-8.col-lg-8.col-md-12.col-12 {
        -ms-flex: 0 0 65.66%;
        flex: 0 0 65.66%;
        max-width: 65.66%;
        padding: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1767px) {
    .templates-name label.col-xl-2 {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow .talent_actions {
        padding-top: 10px !important;
    }

    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow div,
    .talent-section .col-xl-3.col-lg-3.col-md-12.col-sm-12 div#namerow div {
        margin: 0px;
    }

    .searchtemplate-page .talent-section div#mainbox .innerbox {
        padding: 1rem 0rem;
    }
}

@media (max-width: 1300px) {
    div#listTempDiv button {
        padding: 2px 4px;
    }
}

@media (max-width: 1199px) {
    .person-detials-left p, .person-detials-right p {
        word-break: break-word !important;
    }

    .talent_actions {
        padding: 0px;
        padding-right: 10px;
    }
}

/* talent template style end */

/* picklist style start */
.picklist-page input#picklistDate {
    margin: 0px !important;
}

table#Picklist_table button {
    border: 0px;
    background-color: transparent;
}

table#Picklist_table th {
    width: 170px;
}

@media (max-width: 1500px) {
    .picklist-page .radio__label, .picklist-page .control, .picklist-page .radio {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    table#Picklist_table {
        table-layout: fixed;
    }

    table#Picklist_table thead th {
        width: 90px;
    }

    table#Picklist_table thead th:last-child {
        width: 160px;
    }
}

/* picklist style end */

/* carousel image start */
.carousel-control-prev-icon {
    background-image: url('../images/common/expandleft-img.png');
}

.carousel-control-next-icon {
    background-image: url('../images/common/expand-img.png');
}

.page-item.active .page-link {
    background-color: #00337c;
    border-color: #00337c;
}

.page-link {
    color: #00337c;
}

.page-link:hover {
    color: #00337c;
    text-decoration: none;
    background-color: transparent;
    border-color: #dee2e6;
}

.page-link:focus {
    box-shadow: none;
}

@media (max-width: 1500px) {
    .page-link, .page-link:hover {
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    .page-link {
        padding: 5px 9px;
    }
}

/* carousel image end */

/* admin user style start */
button.button-common.addadminuserdata {
    min-width: 140px;
    margin-bottom: 2rem;
}

table#adminUserTable {
    table-layout: fixed;
}

table#adminUserTable th {
    width: 110px;
}

table#adminUserTable td {
    word-break: break-word;
}

table#adminUserTable td:last-child {
    white-space: nowrap;
}

.cropper-bg {
    margin: auto !important;
    max-width: 100%;
}

.button-common.editAdminType {
    min-width: 110px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    #adminUserModal .modal-dialog, #adminTypeModal .modal-dialog, #contentModal .modal-dialog,
    #stageModal .modal-dialog, #roleModal .modal-dialog {
        max-width: 700px;
    }
}

@media (max-width: 991px) {
    table#adminUserTable th {
        width: 120px !important;
    }
}

@media (max-width: 767px) {
    .button-common.editAdminType {
        margin-top: 2rem;
    }
}

/* admin user style end */

/* list event style start */
table#Admin_Event_table td:last-child a {
    margin-left: 0.6rem;
}

table#Admin_Event_table {
    table-layout: fixed;
}

table#Admin_Event_table td {
    word-break: break-word;
}

table#Admin_Event_table td:last-child {
    white-space: nowrap;
}

table#Admin_Event_table p {
    margin: 0px;
}

.form-group.input-sec.row.m-0.surveyQuestion.registrationRow div {
    margin-bottom: 1.5rem;
}

.form-group.input-sec.row.m-0.surveyQuestion.registrationRow {
    margin-bottom: 0px !important;
}

.form-group.input-sec.row.m-0.surveyQuestion.registrationRow div .dropzone.dz-clickable {
    margin-top: 0.8rem;
}

.surveyQuestion.registrationRow div .dropzone.dz-clickable {
    margin-top: 0.8rem;
    margin-bottom: 0rem;
}

.clientlist table#Event_table th:last-child {
    width: 130px;
}

@media (min-width: 992px) {
    .table-responsive.Admin_Event_table {
        margin-right: -80rem;
    }

    table#Admin_Event_table th {
        width: 150px;
    }

    table#Event_table th {
        width: 150px;
    }

    table#Admin_Event_table th.Event-Category {
        width: 200px;
    }

    table#Admin_Event_table th.type {
        width: 200px;
    }

    table#Admin_Event_table th.date {
        width: 210px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    table#Admin_Event_table th {
        width: 150px;
    }

    table#Event_table th {
        width: 150px;
    }

    .clientlist table#Event_table th {
        width: 160px;
    }

    div#eventViewListing .modal-dialog, div#eventRoleScheduleListing .modal-dialog {
        max-width: 700px;
    }
}

@media (max-width: 767px) {
    table#Admin_Event_table th {
        width: 156px;
    }

    table#Event_table th {
        width: 156px;
    }

    .clientlist table#Event_table th {
        width: 160px;
    }
}

/* list event style end */

/* edit event style start */
button.button-common.saveEvents {
    min-width: 140px;
    background: #fff;
    margin: inherit;
}

div#stageEditStepTwo .ibox, div#roleModal .ibox {
    padding: 1rem 1rem;
    border-radius: 0px;
    margin-bottom: 1rem;
}

.panel-titles {
    word-break: break-word;
    margin-right: 4rem;
    margin-left: 1rem;
}

.d-flex.ibox-title.justify-content-between.align-items-center h5 {
    word-break: break-word;
    margin-right: 6rem;
}

@media (min-width: 1250px) {
    .event-refernce label.col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .event-refernce .col-xl-9 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .event-connect label.col-xl-4 {
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%;
    }

    .event-connect .col-xl-8 {
        -ms-flex: 0 0 57.666667%;
        flex: 0 0 57.666667%;
        max-width: 57.666667%;
    }

    .event-connect .col-xl-4.col-lg-4.col-md-4.col-12 {
        -ms-flex: 0 0 29.333333%;
        flex: 0 0 29.333333%;
        max-width: 29.333333%;
    }

    .event-connect label.control.control--checkbox {
        white-space: nowrap;
    }

    .ibox-content.basic-title label.col-xl-3 {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
    }
}

@media (max-width: 767px) {
    div#stageModal button#stageAddRole {
        height: auto;
        line-height: 28px;
    }
}

/* edit event style end */

/* preferences style start */
.ibox.Talent_Options .ibox.float-e-margins {
    margin-bottom: 0px;
    padding: 0px;
}

.preferences-page input#filename {
    height: 48px;
}

.ibox.Talent_Options .form-group {
    margin-bottom: 0.8rem;
}

.ibox.Talent_Options .form-group.input-sec.col-lg-3, .ibox.Talent_Options .form-group.col-lg-9 {
    margin-bottom: 0rem !important;
    align-self: center;
}

table#Application_table {
    table-layout: fixed;
}

th.name_talent {
    width: 150px;
}

th.action_talent {
    width: 100px;
}

th.link_talent {
    width: 430px;
}

table#Application_table td {
    word-break: break-word;
}

table#Application_table span.edit-img::before {
    width: 57px;
}

table#Application_table span.Activate-img::before, table#Application_table span.Deactivate-img::before {
    width: 90px;
}

table#Application_table td:last-child {
    padding-right: 0px;
}

@media (min-width: 1371px) and (max-width: 1570px) {
    .table-responsive-xl.Application_table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* preferences style end */

/* featuretemplate style start */
.template-name input, .template-name .form-group.row, .font-colorfamily .form-group.row,
.font-colorfamily input#fontcolor {
    margin: 0px !important;
}

.font-colorfamily {
    justify-content: space-between;
}

.age-rangesec .ibox.float-e-margins {
    padding: 0rem 1.7rem;
}

.row.age-rangesec .col-lg-12 {
    padding: 0px;
}

.button-common.saveFeaturedTalent {
    min-width: 180px;
}

.button-common.copyText {
    min-width: 100px;
    height: 35px;
    line-height: 35px;
}

.button-common.saveWebsite {
    min-width: 125px;
}

button#websitetempNew {
    min-width: 170px;
}

div#listTempDiv .col-xl-6.col-lg-12.col-md-6.col-6 {
    margin-bottom: 1.5rem;
}

@-moz-document url-prefix() {
    .getimgbordercolor {
        padding: 3px 3px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .age-rangesec .form-group.col-lg-2.col-sm-4.col-xs-6 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .age-rangesec .form-group.col-lg-2.col-sm-4.col-xs-6 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (max-width: 1500px) {
    .age-rangesec h5 {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .font-colorfamily input#fontcolor, .font-colorfamily select, .font-colorfamily input {
        margin-top: 1rem !important;
    }
}

@media (max-width: 767px) {
    .display-talent label.control.control--checkbox {
        margin-bottom: 5px;
    }

    .button-common.copyText {
        margin-top: 9px;
    }

    .ibox.Talent_Options .form-group.input-sec.col-lg-3 {
        margin-bottom: 0rem !important;
    }
}

@media (max-width: 575px) {
    .button-common.copyText {
        height: auto;
        line-height: 30px;
    }
}

/* featuretemplate style end */

/* client style start */
button#filterbtn {
    min-width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
}

.button-common.addClient {
    min-width: 170px;
}

table#clientTable button.btn, table#clientTable button.btn:hover, .editAgeny, .editAgeny:hover {
    background: transparent;
    border: 0px;
    box-shadow: none !important;
    padding: 0px;
    margin-left: 10px;
}

table#clientTable span.useredit-img::before {
    width: 80px;
}

.appendFields2 {
    padding-top: 0px !important;
}

a.deleteSlotModal span {
    margin-left: 10px;
}

.permission-radio label.permission-label {
    width: 280px;
}

.button-common.addClientUsers {
    min-width: 120px;
}

.table-responsive.normal-table.clientLists table.table {
    table-layout: fixed;
}

.table-responsive.normal-table.clientLists table.table td {
    white-space: normal;
    word-break: break-word;
}

.table-responsive.normal-table.clientLists table.table th {
    width: 90px;
}

.table-responsive.normal-table.clientLists table.table th.email-clientLists {
    width: 240px;
}

.table-responsive.normal-table.clientLists table.table th.user-clientLists {
    width: 160px;
}

.table-responsive.normal-table.clientLists table.table th.name-clientLists {
    width: 150px;
    padding-right: 15px;
}

.table-responsive.normal-table.clientLists table.table td {
    padding-right: 10px;
}

#clientLists span.edit-img::before {
    width: 62px;
}

div#addClientUserModal .form-group.row input {
    margin-bottom: 0px !important;
}

div#addClientUserModal .col-xl-8.col-lg-8.col-md-12.col-12 .form-group.row {
    margin: 0px !important;
}

#clientUserTable td button, #clientUserTable td button:hover {
    border: 0px;
    background: transparent;
    padding: 0px;
    box-shadow: none !important;
}

#clientUserTable td button {
    margin-left: 10px;
}

.clientUserTable-table table#clientUserTable {
    table-layout: fixed;
}

.clientUserTable-table table#clientUserTable th.action-clientUser {
    width: 100px;
}

table#clientUserTable td {
    word-break: break-word;
}

table#clientUserTable td span.edit-img::before {
    width: 60px;
}

table#clientUserTable td span.Deactivate-img::before {
    width: 90px;
}

table#clientUserTable td span.Activate-img::before {
    width: 90px;
}

@media (min-width: 1200px) {
    div#clientModal .modal-dialog, div#clientUserModal .modal-dialog {
        max-width: 950px;
    }
}

@media (min-width: 1600px) {
    #clientModal label.col-xl-4, #addClientUserModal label.col-xl-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .editmyaccount-page label.col-xl-4 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }
}

@media (min-width: 1360px) and (max-width: 1599px) {
    #clientModal label.col-xl-4, #addClientUserModal label.col-xl-4 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }

    .editmyaccount-page label.col-xl-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .action-client .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .adminclient-page label.Select-ClientStatus {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .action-client .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .clientTable-table {
        margin-right: -10rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #clientUserModal .modal-dialog, #clientModal .modal-dialog, #editTalentOptionsKey .modal-dialog {
        max-width: 700px;
    }

    #clientModal label.col-xl-4.col-lg-4.col-md-12.col-12 {
        padding-bottom: 10px;
    }

    #addClientUserModal label.col-xl-4.col-lg-4.col-md-12.col-12 {
        padding: 0px;
        padding-bottom: 10px;
    }

    #addClientUserModal .col-md-12 {
        padding: 0px;
    }

    .editmyaccount-page label.col-xl-4.col-lg-4.col-md-12.col-12 {
        padding-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .clientUserTable-table table#clientUserTable th {
        width: 160px;
    }
}

@media (max-width: 767px) {
    .ext-mt {
        margin-top: 1rem;
        /* padding-left: 0px; */
    }

    /* #clientUserForm label.col-xl-4.col-lg-4.col-md-12.col-12 {
    padding-left: 0px;
  } */
    .permission-radio label.radio.radio-gradient {
        margin-bottom: 0px;
    }

    div#addClientUserModal .companyuser-page .col-xl-8.col-lg-8.col-md-12.col-12 .form-group.row {
        margin: 0px !important;
    }

    .companyuser-page .ext-mt {
        padding-left: 15px;
    }
}

@media (max-width: 575px) {
    .permission-radio label.permission-label {
        width: auto;
    }
}

/* client style end */

/* option data style start */
.optiondata-page .ibox-title {
    position: relative;
}

.btndiv {
    padding: 15px 0px;
    text-align: right;
}

.button-common.newOptionCategory {
    min-width: 200px;
}

.ibox-tools.tool-top {
    top: -4px;
}

.option-td .num-val {
    min-width: 50px;
}

.title-edit h5 {
    text-transform: uppercase;
}

.button-common.addTalentOptions {
    min-width: 95px;
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
}

.option-td {
    display: flex;
    align-items: center;
}

.option-td select {
    width: 200px;
    margin-left: 15px;
}

.optiondata-page button.edittalentoptions, .optiondata-page button.edittalentoptions:hover,
.optiondata-page button.optionConfirmation, .optiondata-page button.optionConfirmation:hover,
.optiondata-page button.edittalentoptionskey, .optiondata-page button.edittalentoptionskey:hover {
    background: transparent;
    border: 0px;
    padding: 0px;
    padding-left: 10px;
    box-shadow: none !important;
}

.optiondata-page button.hide-button {
    background: transparent;
    border: 0px;
    padding: 0px;
    padding-left: 10px;
    box-shadow: none !important;
    opacity: 0;
    cursor: default !important;
}

.optiondata-page button.hide-button span {
    cursor: default !important;
}

.title-edit {
    display: flex;
    align-items: center;
}

.optioncategory td[style="background: #f7f7f7;"] {
    padding: 15px;
}

.optioncategory .ibox-tools.tool-top {
    top: -8px;
}

a.edittalentportfolio {
    margin-left: 13px;
}

.optioncategory span.useredit-img::before {
    left: -3rem;
}

ul#myTab li {
    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

ul#myTab li:last-child {
    border-right: 1px solid #dee2e6;
}

ul#myTab li a {
    padding: 12px 15px;
    font-size: 18px;
}

.optiondata-page th {
    width: 200px;
}

.optiondata-page th.option-action {
    width: 100px;
}

div#editTalentOptionsKey .ibox-tools.tool-top {
    position: relative;
}

div#editTalentOptionsKey .ibox-tools.tool-top .addTalentOptionsValue {
    min-width: 100px;
}

table.table.talent-option {
    table-layout: fixed;
}

table.table.talent-option th {
    width: 150px;
}

table.table.talent-option th.action-talentoption {
    width: 100px;
}

.button-common.clientUserBtn {
    min-width: 140px;
}

.normal-table.optiondata-table th, .normal-table.optiondata-table td {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    ul#myTab li:first-child {
        border-top-left-radius: 12px;
    }

    ul#myTab li:last-child {
        border-top-right-radius: 12px;
    }
}

@media (max-width: 1500px) {
    ul#myTab li a {
        padding: 12px 15px;
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .optiondata-table {
        margin-right: -15rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .table-responsive-xl.optiondata-table {
        margin-right: -40rem;
    }
}

@media (max-width: 575px) {
    .button-common.addTalentOptions {
        padding: 0px;
    }

    ul#myTab li {
        border-right: 1px solid #dee2e6;
        width: 100%;
    }
}

@media (max-width: 400px) {
    .popover {
        left: 80px !important;
    }

    .clockpicker-align-left.popover > .arrow {
        left: auto;
        right: 50%;
    }
}

/* option data style end */

/* Notification style start */
.notification-table th {
    width: 44%;
}

.notification-table th.notify-action {
    width: 100px;
}

.normal-table .notification-table td {
    white-space: normal;
    word-break: break-word;
    padding-right: 1rem;
}

.normal-table .notification-table td:last-child {
    word-break: normal;
    white-space: nowrap;
}

.processed-transaction.admin-billing th:first-child {
    width: 110px !important;
}

.emaillog-action {
    width: 80px;
}

/* Notification style end */

/*********************** Admin side style end ***********************/

/* new style start */
.input-sec input, input.input-sec, .input-label input {
    height: 35px !important;
}

.select-value, .select-value:focus, .select-common, .select-common:focus {
    background-position: right 10px bottom 11px !important;
    line-height: 20px !important;
    height: 35px !important;
}

.nav-second-level li:last-child {
    padding-bottom: 0px !important;
}

.purchase-slots, .Printable-title, .physical-page.physical-title, .support-title,
.client-title {
    font-size: 20px !important;
    margin-bottom: 0.8rem !important;
}

.talentsearch-page .form-group {
    margin-bottom: 0rem;
}

.input-group-text {
    padding: 0rem .75rem !important;
    font-size: 13px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 25px !important;
}

.swal-title {
    color: #000;
    font-weight: normal;
    font-size: 16px;
}

#exportAllTalent h4.text-center {
    font-size: 16px;
}

.fa-2x {
    font-size: 20px !important;
}

i.btn.fa.fa-times {
    font-size: 0px !important;
}

/* @media (min-width:1501px){
  .input-sec label, .input-sec input, .input-sec input, input.input-sec,
  .input-label label, .input-label input, .f-18, .f-20, .checkbox-label,
  .select-value, .select-value:focus, .select-common, .select-common:focus,
  .button-common , .custom-checkbox span, .custom-radio span , .alert , .value-text ,
  .question-support a, .question-support a:hover,.btn , .activate-notice ,
  .maincontent-inner .dataTables_wrapper .dataTables_info,
  .maincontent-inner .dataTables_wrapper .dataTables_paginate,#Account-Warning,
  #Account-Warning ul li,.Activation-Payment,.why-join-section ul li, .free-printed ,
  .extra-fees , .Yearly-plan , .sale-month p:first-child, .sale-month p:last-child,
  .chosen-container-multi .chosen-choices li.search-field input[type="text"],
  .file-upload .file-select .file-select-button,.file-upload .file-select .file-select-name,
  .template-sort label, .green-line, .information-client, .radio__label,ul#myTab li a,span h6,
  .radio,.row.age-rangesec h5,.summary-table td,.summary-table .table-footer td
  {
    font-size: 16px !important;
  }
  body {
    font-size: 16px;
  }
  .businessuser-name {
      font-size: 25px !important;
  }
} */

.input-sec label, .input-sec input, .input-sec input, input.input-sec,
.input-label label, .input-label input, .f-18, .f-20, .checkbox-label,
.select-value, .select-value:focus, .select-common, .select-common:focus,
.button-common, .custom-checkbox span, .custom-radio span, .alert, .value-text,
.question-support a, .question-support a:hover, .btn, .activate-notice,
.maincontent-inner .dataTables_wrapper .dataTables_info,
.maincontent-inner .dataTables_wrapper .dataTables_paginate, #Account-Warning,
#Account-Warning ul li, .Activation-Payment, .why-join-section ul li, .free-printed,
.Yearly-plan, .sale-month p:first-child, .sale-month p:last-child, .containers,
.chosen-container-multi .chosen-choices li.search-field input[type="text"],
.file-upload .file-select .file-select-button, .file-upload .file-select .file-select-name,
.template-sort label, .green-line, .information-client, .radio__label, ul#myTab li a, span h6,
.swal-button--cancel, .swal-button--danger, .looking-older a, .looking-older a:hover,
.folder-list li a, .category-list li a, .chosen-container-single .chosen-single, .radio,
.row.age-rangesec h5, .summary-table .table-footer td, div#adminTypeModal h4,
.one-time-payment, .audiototalline, .videototalline, .td-audio-vdieo h3,
.call-us, .total-today, .setup-fee, .pay-fill, .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default .select2-selection--single {
    font-size: 13px !important;
}

body {
    font-size: 13px;
}

.Active-Member h3, .why-join-section h2, .member-active h2 {
    font-size: 20px;
}

.Active-Member h3 {
    height: 60px;
}

.businessuser-name {
    font-size: 20px !important;
}

ul#myTab li a {
    height: 45px;
}

.checkmark {
    width: 19px;
    height: 19px;
}

.markcheckbox .checkmark:after {
    left: 5px;
    top: 0px;
}

.nodata {
    font-size: 16px;
}

.RemoveSelection.custom-radio .custom-control-label::before {
    border: 2px solid #e08181;
}

/* new style end */