/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    /*margin: 0;
     padding: 0;
     border: 0;
    */
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1px;
    color: rgb(77,77,77);
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
}
/* Clear MS IE 10 annoying clear X from input*/
input::-ms-clear {
    display: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1px;
}
/*ol, ul {
     list-style: none;
}
*/
blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
div[class*="slide"], p[class*="slide"], span[class*="slide"], div[class*="Slide"], p[class*="Slide"], span[class*="Slide"] {
    transition: none !important;
}

html {
    height: 100%;
}

a {
    line-height: normal;
}

body {
    font-size: 12px;
    height: 100%;
    color: #4d4d4d;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 100;
    font-style: normal;
    background-color: rgba(251, 249, 249, 1);
    padding-left: 0;
    padding-right: 0;
}

div {
    width: auto;
    height: auto;
    overflow: hidden;
}

p {
    font-size: 12px;
    line-height: normal;
    color: rgb(77,77,77);
}

span {
    display: block;
    line-height: normal;
}

form {
    display: block;
    height: auto;
    width: auto;
    overflow: hidden;
}

input, input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-sizing: border-box;
}

input[type="checkbox"], input[type="radio"] {
    border: #a2a2a2 solid 1px;
    margin: 3px 3px 3px 4px;
    border-radius: 0;
}

    input[type="checkbox"]:checked, input[type="radio"]:checked {
        border: #a2a2a2 solid 1px !important;
        background-color: #a2a2a2 !important;
    }

#chckList input[type="checkbox"]:checked, #chckList input[type="radio"]:checked {
    border: #a2a2a2 solid 1px !important;
    border-radius: 5px;
    background: url(/Images/tickmark.png) no-repeat center center;
}

.adminChk input[type="checkbox"] {
    margin-right: 10px !important;
}

    .adminChk input[type="checkbox"]:checked {
        background: url(/Images/Content/Tiles/removeModalChecked.png) no-repeat center center;
    }

form textarea {
    resize: none;
}

#ok {
    margin: 20px auto;
    display: block;
    width: 70px;
}

.trans {
    transition: all 1s ease-out;
}

.transQ {
    transition: all .5s ease-out;
}

.nB, .nBlck {
    display: inline-block !important;
}

.tableCell {
    display: table-cell !important;
}

.tableRow {
    display: table-row !important;
}

.table {
    display: table !important;
    width: 100%;
}

.tableCell.vCenter {
    vertical-align: middle;
}

.tableCell.vBottom {
    vertical-align: bottom;
}

.col2 {
    float: left;
    width: 48%;
    height: auto;
    overflow: auto;
}

.serif {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
}

.light {
    font-weight: 100;
}

.pt18 {
    font-size: 18px;
    line-height: normal;
}

.span30 {
    width: 30%;
}

.span40 {
    width: 40%;
}

.h3Title {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
}

.bold {
    font-weight: 700 !important;
}

.fadingRule {
    height: 1px;
    width: 90%;
    overflow: auto;
    margin: 0 auto;
    background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -moz-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -o-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
}

.fadingRuleVertical {
    width: 1px;
    height: 90%;
    min-height: 100px;
    float: left;
    overflow: auto;
    margin: 2% auto 0 auto;
    background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -moz-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -o-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
}

.horizontalRule {
    width: 100%;
    height: 1px;
}

.verticalRule {
    height: 100%;
    width: 1px;
    overflow: auto;
}

.purpleTxt, .purple {
    color: #702a70;
}

.gold {
    color: #FDB834;
}

.purpleTxt.hover:hover, purple.hover:hover {
    color: #f26631 !important;
}

.orangeTxt, .orange {
    color: #f26631;
}

.purpleTxt.crx {
    display: inline;
    text-transform: uppercase;
    letter-spacing: 0;
}

.orangeTxt.crx {
    display: inline;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.orangeTxt.crx span {
    display: inline;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.whiteBox {
    border: 1px solid #4d4d4d;
    background-color: #ffffff;
}

.white {
    color: white !important;
}

.gray {
    color: #a2a2a2;
}

.earth, .earthTxt {
    color: #c4b091 !important;
}

.babyBlue, .babyBlueTxt {
    color: #6eb9e7 !important;
}

.green, .greenTxt {
    color: rgb(109, 190, 69) !important;
}

.white.hover:hover {
    color: #702a70;
}

.whiteBkg {
    background-color: #ffffff;
}

.whiteBkg90 {
    background-color: rgba(255,255,255,.9);
}

.beigeBkg {
    background-color: #fff8eb;
}

.whiteBkgTrans {
    background-color: #ffffff;
    opacity: .9;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.center {
    position: absolute;
    top: 38%;
    left: 44%;
    width: 100px;
    height: 100px;
}

.contentSelected {
    background-color: #aaaaaa;
}

.helpSelected {
    background-color: #702a70 !important;
}

.error {
    color: #ff0000;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-weight: normal !important;
    width: 400px;
    margin: 0 auto !important;
}

.errorProfile {
    color: #ff0000;
    line-height: normal;
    font-size: 18px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-weight: normal !important;
    margin: 0 auto !important;
}

.resetText {
    line-height: normal;
    font-size: 18px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-weight: normal !important;
    margin: 0 auto !important;
}

.success {
    color: #702a70;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-weight: normal !important;
    width: 400px;
    margin: 0 auto;
}

.emailUsageDiv {
    color: #702a70;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-weight: normal !important;
    width: 500px;
    margin: 0 auto;
}

.congEmailDiv {
    color: #702a70;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-weight: normal !important;
    margin: 0 auto;
}

.modalMsg, .modal-ranking {
    color: #4d4d4d;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: normal !important;
    width: 70%;
    margin: 0 auto;
    padding: 20px;
}

.modal-ranking {
    border-top: 1px solid #cccccc;
}

#response .modalBox .outlineBtn.btn {
    margin: 0 0 20px 0;
    font-size: 18px;
    min-width: 80px;
}

#freeTrial .modalBox .outlineBtn.btn {
    margin: 0 0 20px 0;
    font-size: 18px;
    min-width: 80px;
}

.progressBarCont {
    border: 1px solid #cccccc;
    padding: 5px;
    display: block;
    box-sizing: border-box;
    margin: 0 20px 20px 20px;
}

.progressBar {
    display: block;
    height: 20px;
    background-color: #f26631;
}

.leftLineBlack {
    border-left: 2px solid #4d4d4d;
}

.leftLineWhite {
    border-left: 2px solid #ffffff;
}

.allCaps {
    text-transform: uppercase;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.clearLeft {
    clear: left;
}

#nav {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

    #nav a {
        display: block;
        line-height: normal;
        font-size: 14px;
        font-weight: 700;
    }

    #nav .navMenuLink {
        float: left;
        padding: 0px 20px 0 20px;
        border-right: 1px solid #58595b;
        margin-top: 20px;
    }

    #nav .navMenuLinkEnd {
        float: left;
        padding: 0px 20px 0 20px;
        margin-top: 20px;
    }

    #nav .menuAccount {
        border-right: 0px solid #58595b;
    }

    #nav #menuSignIO {
        font-size: 14px;
        font-weight: 700;
        display: block;
        line-height: normal;
        padding: 0px 0px 0px 20px;
        margin: 20px 0 0 0px;
        border-left: 1px solid #ffffff;
        width: auto;
        text-align: center;
        float: left;
        border-right: 0px solid #58595b;
    }

a {
    text-decoration: none;
    cursor: pointer;
}

.tracking_dates li a:hover {
    line-height: 35px;
    display: block;
    padding-left: 18px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
}

#footer {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    width: 100%;
    height: auto;
    padding: 25px 0 20px 0;
    background-color: #4d4d4d;
    font-size: 12px;
    position: absolute;
    z-index: 999999;
    bottom: 0;
    left: 0;
    transition: none;
    margin: 140px 0 0 0;
    color: #ffffff;
}

    #footer #menuFootPolicyTerms img {
        width: 157px;
    }

    #footer #menuFootAccounts img {
        width: 114px;
    }

    #footer #badge {
        width: 128px;
    }

#container {
    overflow: auto;
    margin: 0 0 140px 0;
}

#menuMain #menuShow.fade {
    opacity: 0;
}

#menuMain #menuHide.fade {
    opacity: 0;
}

#menuTrigger {
    position: relative;
    overflow: visible;
    float: left;
}

#menuShow, #menuHide {
    font-size: 40px;
    position: absolute;
    bottom: 20px;
    left: 10px;
    overflow: visible;
}

#menuShow {
    transition: (opacity, 2s, ease-out);
}

#menuHide {
    left: 15px;
    bottom: 23px;
    transition: (opacity, 2s, ease-out);
}

.sectionContainer {
    transition: (top, .2s, ease-out);
}

#splash.sectionContainer {
    min-height: 760px !important;
}

.error {
    color: #ed1c24;
}

.text-danger, .text-danger span {
    color: #ff2700;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 1px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 300;
}

.sPanelcolor {
    color: #58595b;
}

.lh30 {
    line-height: 30px;
}

.panelBGColor {
    background-color: #cccccb;
}

.field-validation-error {
    text-align: left;
    font-size: 13px;
}

#iFRespon {
    width: 527px;
    height: 344px;
}

#vFRespon {
    width: 527px;
    height: 344px;
}

#DisplayFRespon {
    width: 480px;
    height: 340px;
}

#copyright {
    clear: left;
    font-size: 10px;
}

.bkgImgDiff {
    background: #dce0e9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f8f9fb, #dce0e9);
    background: -moz-linear-gradient(#f8f9fb, #dce0e9);
    background: linear-gradient(#f8f9fb, #dce0e9);
    /* Standard syntax (must be last) */
    /*-webkit-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
     -moz-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
     box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    */
    -webkit-box-shadow: 4px 5px 11px 0px rgba(194,194,194,1);
    -moz-box-shadow: 4px 5px 11px 0px rgba(194,194,194,1);
    box-shadow: 4px 5px 11px 0px rgba(194,194,194,1);
}

.linkVisited {
    background: #1ba652;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7ebb36, #1ba652);
    background: -moz-linear-gradient(#7ebb36, #1ba652);
    background: linear-gradient(#7ebb36, #1ba652);
    /* Standard syntax (must be last) */
}

.linkNotVisited {
    background: #ca1b14;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fda0a1, #ca1b14);
    background: -moz-linear-gradient(#fda0a1, #ca1b14);
    background: linear-gradient(#fda0a1, #ca1b14);
    /* Standard syntax (must be last) */
}

.recGradiant {
    background: #1ba652;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7ebb36, #1ba652);
    background: -moz-linear-gradient(#7ebb36, #1ba652);
    background: linear-gradient(#7ebb36, #1ba652);
    /* Standard syntax (must be last) */
}

.cancelGradiant {
    background: #ca1b14;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fda0a1, #ca1b14);
    background: -moz-linear-gradient(#fda0a1, #ca1b14);
    background: linear-gradient(#fda0a1, #ca1b14);
    /* Standard syntax (must be last) */
}

.MDbtnBdr {
    border: 2px solid #cccccc !important;
}

.MDBtn {
    width: 45%;
}

.action_poup {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0, .5);
    position: fixed;
    z-index: 99999999;
    top: 0;
    bottom: 0;
    display: none;
}

.ac_inner_content {
    width: 500px;
    height: 130px;
    left: auto;
    right: auto;
    position: relative;
    top: 50%;
    margin: 0 auto;
    padding: 50px 15px;
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    text-align: center;
    overflow: visible !important;
    margin-top: -115px;
}

    .ac_inner_content p {
        font-size: 16px;
        font-weight: 500;
    }

.ac_sing_up {
    background: #f3b33f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 15px;
    margin-top: 20px;
    color: #fff !important;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

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

    .ac_sing_in a {
        color: #6f2a70 !important;
    }

#ac_close {
    position: absolute;
    top: -19px;
    right: -19px;
}

.MDpBarbk {
    background: linear-gradient(to right, #fda0a1, #ca1b14);
    border: 2px solid #cccccc;
}

.MDprogressBar {
    background: linear-gradient(to right,#7ebb36, #1ba652);
}

.yellowBkg {
    background: #fdb933;
}

.btmTileSrc {
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 14px;
    white-space: nowrap;
    width: 85%;
    text-align: right;
}

/*New Dexter clas*/
.DexterWidget--HVqxk h1 {
    text-transform: none !important;
    text-align: left !important;
}

.DexterWidget--HVqxk .MessagePanel--38vXL {
    height: 510px !important;
}

.disabledBkg {
    pointer-events: none;
    opacity: 0.4;
}

.dropdownSelectR {
    padding: 14px 25px 14px 7px;
    font-size: 11pt;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px !important;
    border: 1px solid #f3b33f;
    font-family: "Gotham A", "Gotham B" !important;
    font-style: normal;
}

.dropdownSelectR option:first-child {
    color: gray !important;
}

select.dropdownSelectR {
    color: #333;
    font-weight: 500;
}

.dropdownSelectR option {
    color: #333;
    font-weight: 500;
}

select.dropdownSelectR.gray {
    color: #aaa;
    font-weight: normal;
}

.dropdownBtnImg {
    background: url('/Images/dpdarrow.png') 99% / 6% no-repeat rgb(251, 249, 249);
}

.ddTitleBtnImg {
    background: url('/Images/dpdarrow.png') 94% / 25% no-repeat rgb(251, 249, 249);
}

/****#################****** ##### FAQs ##### *****#################*****/
#faq, #video {
    margin: 95px auto;
}

    #faq p, #video p {
        text-align: left;
    }

    #video p {
        width: auto;
        margin: auto;
    }

    #faq .h2Title, .contOuter .contInner .mainTitle, .contOuter .contInner .title {
        font-size: 30px;
        line-height: normal;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
        font-style: normal;
        margin: 0 0 30px 0;
        color: #702a70;
    }

.contOuter .contInner .title {
    font-size: 25px;
}

#faq .h2Title .fadingRule, #video .fadingRule {
    width: 100%;
    margin: 30px auto;
}

#faq .h2Title span, #video .mainTitle span {
    font-size: 16px;
    margin: 40px 0 0px 100px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: normal;
}

#faq .faqQ {
    font-size: 22px;
    line-height: 24px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    color: #702a70;
}

#faq .faqA {
    font-size: 16px;
    line-height: 21px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 25px 100px;
}

#faq.sectionContainer {
    height: 100%;
}

#faq.sectionContainer .centerContainer {
    width: 910px;
    margin: 0 auto;
}

#faq.sectionContainer .captionBig {
    width: auto;
    margin: 140px auto 0 auto;
    padding: 0 0 0 20px;
}

#faq .faqA.last {
    margin: 0;
}

@media screen and (max-width: 1024px) {
    #faq.sectionContainer .centerContainer {
        width: 900px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    #faq.sectionContainer {
        width: 710px;
        margin: 0 auto;
    }

        #faq.sectionContainer .centerContainer {
            width: 710px;
            margin: 0 auto;
        }
}

@media screen and (max-width: 610px) {
    #iFRespon {
        width: 80%;
        height: 100%;
    }

    #vFRespon {
        width: 80%;
        height: 100%;
    }

    #DisplayFRespon {
        width: 100%;
        height: 100%;
    }
}

.rollUp {
    height: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0 !important;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden !important;
}

.rollLeft {
    width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden !important;
    border: none !important;
    height: 0px !important;
}
/****#################****** ##### TOS ##### *****#################*****/
#TOS {
    width: 890px;
    height: auto;
    overflow: auto;
    margin: 120px auto 0 auto;
    padding: 0 0 80px 20px;
    font-size: 14px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

#TOS.leftLineBlack p {
    margin: 15px 0;
    line-height: normal;
    padding: 0;
}

@media screen and (max-width: 1024px) {
    #TOS {
        width: 890px;
    }
}

@media screen and (max-width: 768px) {
    #TOS {
        width: 640px;
    }
}

#TOS ul, #TOS ol {
    display: block;
    margin: 5px 0;
    clear: left;
}

    #TOS ul li, #TOS ol li {
        width: auto;
        height: auto;
        overflow: hidden;
        margin: 10px 0 10px 30px;
        padding: 5px;
        line-height: normal;
    }

    #TOS ul li {
        list-style-position: inside;
        list-style-type: disc;
    }

#TOS h2, #TOS h3, #TOS .sectionHeader {
    font-size: 18px;
    color: #4d4d4d;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
}

#TOS h3 {
    font-size: 16px;
    line-height: normal;
}

#TOS .sectionHeader {
    font-size: 14px;
    line-height: normal;
}

#TOS .header {
    font-size: 16px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
}
/****#################****** ##### About Us ##### *****#################*****/
#about.sectionContainer {
    background-image: url(/Images/About/Skull-2.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: rgb(251, 249, 249);
    height: 82%;
    min-height: 750px;
}

    #about.sectionContainer .centerContainer {
        padding: 70px 150px 70px 0;
        background-color: rgba(251, 249, 249,.6);
    }

    #about.sectionContainer .captionBig {
        font-size: 38px;
        line-height: 45px;
        margin: 70px 40px 50px 40px;
        padding: 0 0 0 20px;
        width: 500px;
    }

@media screen and (max-width: 768px) {
    #about.sectionContainer {
        width: 710px;
        margin: 0 auto;
    }

        #about.sectionContainer .centerContainer {
            width: 710px;
        }

        #about.sectionContainer .captionBig {
            width: 310px;
            font-size: 24px;
            line-height: 31px;
        }
}
/****#################****** ##### Message Form ##### *****#################*****/
input {
    background-color: rgb(251, 249, 249);
    padding: 10px;
}

#emailForm, #form, #feedbackForm {
    width: 700px;
    margin: 140px auto;
    padding: 0 0 100px 0;
}

#feedbackForm {
    padding: 20px;
}

#form {
    width: 340px;
}

#form .error {
    width: 300px;
}

#form label {
    line-height: normal;
    font-size: 12px;
    margin: 0 0 5px 20px;
    float: left;
    clear: left;
}

#form h2 {
    font-size: 30px;
    line-height: 36px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    text-align: center;
}

#emailForm input, #form input {
    width: 298px;
}

#emailForm .field, #form .field {
    width: 300px;
    float: left;
    border: 1px solid #aaaaaa;
    margin: 10px 20px;
}

#form .field {
    margin: 0px 20px 30px 20px;
}

#emailForm #subject.field, #emailForm #to.field, #emailForm #file.field, #emailForm #to input, #emailForm #subject input, #emailForm #file input {
    width: 648px;
}

#emailForm #tArea.field, #emailForm textarea, #feedbackForm textarea, #feedbackForm #tArea .field {
    width: 650px;
    height: 400px;
    line-height: normal;
}

#feedbackForm textarea {
    margin: 40px 0 20px 0;
    width: 694px;
}

#emailForm input[type="submit"] {
    width: 650px;
    height: 30px;
    background-color: #f26631;
    border-radius: 5px;
    margin: 0 20px;
}

#form input[type="submit"] {
    width: 300px;
    padding: 10px 0;
    line-height: normal;
    font-size: 20px;
    border-radius: 0px;
    color: #ffffff;
    background-color: #702a70;
    margin: 0 20px;
    cursor: pointer;
    height: 42px;
    text-transform: uppercase;
    font-weight: normal;
}
/****#################****** ##### Registration ##### *****#################*****/
#tosPrompt {
    width: 760px;
    margin: 0 auto 100px auto;
}

#tosPrompt #TOS {
    width: 738px;
    height: 400px;
    margin: 120px auto 20px auto;
}

#tosPrompt p {
    float: left;
    padding: 4px 0 0 0;
}

#tosPrompt .inp {
    margin: 15px 0;
    float: left;
    clear: left;
    padding-top: 20px;
    border-top: 1px solid #4d4d4d;
}

#tosPrompt .inp p {
    margin: 15px 0;
    float: left;
    font-size: 24px;
    line-height: normal;
    width: 500px;
    border-right: 1px solid #4d4d4d;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    padding: 0 20px 0 0;
}

#tosPrompt input[type="radio"] {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 15px 0 0;
}

#tosPrompt input[type="submit"] {
    float: right;
    width: 150px;
    padding: 15px 0;
    line-height: normal;
    font-size: 20px;
    border-radius: 5px;
    color: #ffffff;
    background-color: #702a70;
    margin: 20px 20px 0 40px;
    cursor: pointer;
    height: auto;
}
/****#################****** ##### Message List ##### *****#################*****/
.dim {
    opacity: 0.5;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

#MyCRX-dash, #PtEd-dash, #Prof-dash, #Sur-dash {
    width: 129px;
    height: auto;
    margin: 0 0 20px 0px;
}

a[id*='-dash'] img {
    /*width: 100%;
    */
    width: 129px;
    height: auto;
}

#menuFAQ .imgLink {
    width: 38px;
    height: auto;
}

#menuAboutUs .imgLink, #menuIntroVid .imgLink {
    width: 72px;
    height: auto;
}

#logo {
    width: 206px !important;
    height: auto !important;
    margin: 17px 0 0 20px;
}

#menuCRX .imgLink {
    width: 55px;
    height: auto;
}

#uploadBtn {
    cursor: pointer;
    line-height: normal;
}

#ajaxLoad {
    width: 100%;
    height: 100%;
}

#ajaxLoad .center {
    position: fixed;
    left: 48%;
    width: 50px;
    height: 50px;
}

#errorBox {
    margin: 170px auto;
    width: 700px;
    text-align: center;
}

#errorBox p {
    font-size: 36px;
    line-height: 48px;
}

#grpNumTxt, #form .tut {
    font-style: italic;
    width: 302px;
    margin: 15px 20px 30px 20px !important;
    font-size: 11px !important;
    text-align: center;
}

#admin .field.noBtm {
    margin-bottom: 0;
}

#welcomeBox {
    width: 500px;
    margin: 150px auto 0 auto;
    padding: 20px 30px;
    border-radius: 5px;
    background-color: #ffffff;
}

#welcomeBox p {
    line-height: normal;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-size: 16px;
    margin: 0 0 20px 0;
}

#welcomeBox .welcomeTxt {
    font-size: 22px;
    color: #702a70;
    font-weight: 600;
}

#welcomeBox #appLink {
    display: block;
    padding: 10px;
    margin: 25px 0 0 0;
}

#welcomeBox #appLink img {
    width: 51px;
}

#logoCap {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    color: #702a70;
    font-size: 10px;
    width: 206px;
    float: left;
    clear: left;
    margin: 10px 0 0 40px;
    line-height: normal;
    padding: 5px 0 0 0;
    border-top: 1px solid #4d4d4d;
}

    #logoCap span {
        color: #702a70;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 700;
        font-style: normal;
        font-size: 9px;
    }

        #logoCap span a {
            color: #702a70;
            display: inline;
        }

                #logoCap span a:hover {
                    color: #f26631;
                    display: inline;
                }

#response {
    position: fixed;
    top: 50px;
    bottom: 50px;
    left: 20%;
    right: 20%;
    overflow: auto;
}

    #response > div, #response > p, #response > span {
        width: 100% !important;
        background: #ffffff;
        margin: 0px auto !important;
    }

#freeTrial {
    position: fixed;
    top: 50px;
    bottom: 50px;
    left: 20%;
    right: 20%;
    overflow: auto;
}

    #freeTrial > div, #freeTrial > p, #freeTrial > span {
        width: 100% !important;
        background: #ffffff;
        margin: 0px auto !important;
    }

.col {
    float: left;
}

.repMsg {
    margin: 100px auto 0 auto;
    padding: 20px 40px;
    background-color: #ffffff;
    width: 660px;
    border-radius: 5px;
}

    .repMsg .error {
        font-size: 24px;
        font-weight: 700;
    }

#repCont.emTblCont .error {
    font-size: 38px;
    font-weight: 700;
    margin: 100px 0 0 0;
}

label {
    line-height: normal;
    font-weight: normal !important;
}

#TOS a[name="TermsOfService"], #TOS a[name="HIPAA"], #TOS a[name="Privacy"], #TOS a[name="Security"], #TOS a[name="Ads"] {
    display: inline-block;
    position: relative;
    top: -116px;
    visibility: hidden;
}

.inst {
    color: #aaaaaa !important;
}

.ignoreInst {
    color: inherit !important;
}

#rPass {
    padding: 10px 0 10px 0;
    width: 340px;
    display: block;
    float: right;
    text-align: center;
    text-transform: uppercase;
    color: #702a70;
    border: 1px solid #702a70;
    margin: 0px 0 15px 0;
    font-size: 16px;
    line-height: normal;
}

#errMsg, #confirmationPrompt {
    background-color: #ffffff;
    position: relative;
    font-size: 14px;
    width: 760px;
    line-height: normal;
}

    #errMsg .hdr, #feedbackForm .hdr {
        border-bottom: 1px solid #a2a2a2;
        padding: 15px;
        display: block;
        float: none;
        color: #702a70;
        font-size: 24px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }

.purpleBtn {
    background-color: #702a70;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
}

.outlineBtn, .outlineBtnBlk {
    border: 1px solid #702a70;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #702a70;
    font-weight: 700;
}

.outlineBtnBlk {
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
}

a.outlineBtn:hover, a.outlineBtnBlk:hover {
    border: 1px solid #f26631;
    color: #f26631;
}
/****#################****** ##### TOS ##### *****#################*****/
#video .mainTitle span {
    margin: 20px 0 0 0;
}

#video .videoLink {
    float: left;
    width: 465px;
}

    #video .videoLink:nth-of-type(2n) {
        float: right;
    }
/*#video.contOuter .contInner .title{
     margin: 0 0 20px 0;
}
*/
#video .videoLink {
    margin: 30px 0 0 0;
}

    #video .videoLink a {
        border: 1px solid #4d4d4d;
        display: block;
        min-height: 385px;
        position: relative;
    }

        #video .videoLink a .playMark {
            top: 32%;
            left: 42%;
            position: absolute;
            width: 68px;
        }

#video.contOuter .contInner .videoLink .title {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-size: 17px;
    color: #4d4d4d;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    letter-spacing: -1px;
}

#video .videoLink a .img {
    height: 300px;
    width: 100%;
    display: block;
    background-color: #f00;
    border-bottom: 1px solid #4d4d4d;
    padding: 0;
}

#video .videoLink a span {
    padding: 10px;
    font-size: 14px;
}
/****#################****** ##### Dashboard ##### *****#################*****/
#dashCont {
    position: relative;
    margin: 95px auto 0 auto;
}

#folderNav {
    position: fixed;
}
/****#################****** ##### General ##### *****#################*****/
.radioListItem .label {
    float: left;
    font-size: 18px;
    margin: 7px 0 0 0;
}

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

    .radioListItem:first-of-type {
        padding: 0 0 10px 0;
    }

    .radioListItem input[type="checkbox"] {
        float: right;
    }

        .radioListItem input[type="checkbox"]:checked {
            width: 22px;
            height: 22px;
        }

.Gotham, .gotham {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", "Helvetica",Arial, sans-serif !important;
}

.GothamBk, .gothamBk {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", "Helvetica", Arial,sans-serif !important;
    font-style: normal;
    font-weight: 400;
}

.gothamM, .GothamM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", "Helvetica", Arial, sans-serif !important;
    font-style: normal;
    font-weight: 500;
}

.Gotham.bold, .gotham.bold {
    font-weight: 700;
}

.WtLight {
    font-weight: 100 !important;
}

.WtMedium {
    font-weight: 400 !important;
}

.WtBold {
    font-weight: 600 !important;
}

.Italic {
    font-style: italic !important;
}

.size26 {
    font-size: 26px !important;
}

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

.size15 {
    font-size: 15px !important;
}

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

.clearFix {
    clear: both;
}

.pointer {
    cursor: pointer;
}

.absoluteWrapper {
    position: absolute;
}

    .absoluteWrapper.fullscreen {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.txtCenter {
    text-align: center;
}

.modal-title {
    font-size: 24px;
    padding: 25px 25px 20px 25px;
    border-bottom: 1px solid #a2a2a2;
    margin: 0;
    width: auto;
    font-weight: 700;
    color: #702a70;
    text-align: center;
    line-height: normal;
    box-sizing: border-box;
}
/* #response .submitBtn ,#response .cancelBtn{
     display: inline-block;
     padding: 5px 20px;
     font-size: 16px;
     margin: 20px 0 40px 0;
     font-weight: 700px;
}
 #response .cancelBtn{
     padding: 4px 19px;
     margin: 20px 20px 40px 0;
}
 */
#moveCopyCont .hdr, .contentSect .hdr {
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
}

#moveCopyCont .fDisabledToggle p {
    margin: 20px 20px 0 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #cccccc;
}

#note {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: rgba(250, 250, 250, .9);
    z-index: 1000;
}

#noteTog {
    color: #702a70;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
}

#note .noteLnk {
    padding: 5px 0 5px 0;
    margin: 0 0 15px 0;
    width: 700px;
}

    #note .noteLnk._new {
        color: #f26631;
    }

#note .togCont {
    margin: 5px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #aaaaaa;
}

#ckTbl {
    margin: 100px 0 0 0;
}

    #ckTbl p.txtCenter {
        font-size: 18px;
        margin: 0 0 30px 0;
    }

    #ckTbl label {
        display: block;
    }

    #ckTbl #submit {
        padding: 11px 20px;
        vertical-align: middle;
        text-align: center;
        width: auto;
        height: auto;
    }

#response.homeVid {
    width: 800px;
    left: auto;
    right: auto;
}

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

.btn {
    padding: 5px 10px;
}

.vCenter {
    vertical-align: middle !important;
}

.vTop {
    vertical-align: top !important;
}

.half {
    width: 48%;
}

.floatLeft {
    float: left;
}

.txtLeft {
    text-align: left;
}

.txtRight {
    text-align: right;
}

.outlineGry {
    border: 1px solid #a2a2a2;
}

.outlineOrange {
    border: 1px solid #ec8223;
}

.outlineOrangeYellow {
    border: 1px solid #f3b33f;
}

.outlineBlk {
    border: 1px solid #000000;
}

.mAll0 {
    margin: 0 !important;
}

.pAll0 {
    padding: 0 !important;
}

.pAll10 {
    padding: 10px !important;
}

.pAll20 {
    padding: 20px !important;
}

.B {
    display: block !important;
}

.px22 {
    font-size: 22px !important;
}

.px30 {
    font-size: 30px !important;
}

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

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

.px18 {
    font-size: 18px !important;
}

.px20 {
    font-size: 20px !important;
}

.black {
    color: #000000 !important;
}

.gothamRBk, .GothamRBk {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.gothamRM, .GothamRM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-style: normal;
}

.tungstenM, .TungstenM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-style: normal;
    font-weight: 500;
}

.w100, .w100P {
    width: 100% !important;
}

.h100, .h100p {
    height: 100% !important;
}

.w15P {
    width: 15% !important;
}

.w70P {
    width: 70% !important;
}

.w70 {
    width: 70%;
}

.w75P {
    width: 75% !important;
}

.w75 {
    width: 75%;
}

.w78P {
    width: 78% !important;
}

.w100p {
    width: 100px !important;
}

.wA {
    width: auto !important;
}

.rad5 {
    border-radius: 5px !important;
}

.rad6 {
    border-radius: 6px !important;
}

.rad10 {
    border-radius: 10px !important;
}

.rad16 {
    border-radius: 16px !important;
}

.rad20 {
    border-radius: 20px !important;
}

.rad50 {
    border-radius: 50px !important;
}

.untexttrans {
    text-transform: none !important;
}

.ttlowercase {
    text-transform: lowercase;
}

.outlineGray {
    border: 1px solid #4d4d4d;
}

.outlineGreen {
    border: 1px solid #2ea540;
}

.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt15 {
    margin-top: 15px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mtb25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mlr25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mlr15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mtb8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.ml18 {
    margin-left: 18px;
}

.ml25 {
    margin-left: 25px;
}

.ml25I {
    margin-left: 25px !important;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mr45 {
    margin-right: 45px;
}

.mr55 {
    margin-right: 55px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

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

.mb40 {
    margin-bottom: 40px !important;
}

.mlrA {
    margin-left: auto;
    margin-right: auto;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

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

.ptb25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb25 {
    padding-bottom: 25px;
}

.pt15 {
    padding-top: 15px;
}

.pt10 {
    padding-top: 10px;
}

.pt8 {
    padding-top: 8px;
}

.pt4 {
    padding-top: 4px;
}

.pt2 {
    padding-top: 2px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb6 {
    padding-bottom: 6px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.cBoxSize {
    box-sizing: content-box;
}

.bBoxSize {
    box-sizing: border-box;
}

.sshineBkg, .goldenBkg {
    background-color: rgb(252, 189, 58) !important;
}

.sshineImgBkg {
    background-image: url('/Images/sshine.png');
}

.oLayBlkBkg35 {
    background-color: rgba(0,0,0,.35);
}

.bkgCover {
    background-size: cover;
}

.bkgXYCC {
    background-position: center center;
}

.rel {
    position: relative !important;
}

.abs {
    position: absolute !important;
}

.fixed {
    position: fixed !important;
}

.oFlowShow {
    overflow: visible;
}

.oFlowAuto {
    overflow: auto;
}

.oFlowNo {
    overflow: hidden;
}

body.oFlowNo {
    /*position:fixed;
    */
    width: 100%;
}

.All8, .xy8 {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
}

.yb0 {
    bottom: 0;
}

.yt0 {
    top: 0;
}

.yb70 {
    bottom: 70px;
}

.yb100 {
    bottom: 100px;
}

.yb60 {
    bottom: 60px;
}

.yb115 {
    bottom: 115px;
}

.xb48 {
    bottom: 48px;
}

.lineBtm {
    border-bottom: 1px solid #4d4d4d;
}

.autoCursor {
    cursor: auto;
}

.OrangelineBtm {
    border-bottom: 1px solid rgb(252, 189, 58);
}

.lineTop {
    border-top: 1px solid #4d4d4d;
}

.lineTopOrange {
    border-top: 1px solid #ec8223;
}

.lineRht {
    border-right: 1px solid #4d4d4d;
}

.lineRhtG {
    border-right: 1px solid #ccc;
}

.lineRhtO {
    border-right: 1px solid #ec8223;
}

.lineLft {
    border-left: 1px solid #4d4d4d;
}

.brdrWht {
    border-color: #ffffff;
}

.xyAllAuto, #response #share.xyAllAuto {
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
}

.xyAll15P, #response #share.xyAll15P {
    top: 15%;
    right: 15%;
    bottom: 15%;
    left: 15%;
}

.x5P, #response #share.x5P, #response #fwd.x5P {
    right: 5%;
    left: 5%;
}

.xl-1 {
    left: -1px;
}

.xl0 {
    left: 0;
}

.xl-10 {
    left: -10px;
}

.xr0 {
    right: 0;
}

.xl0 {
    left: 0;
}

.xr55 {
    right: 55px;
}

.xl205 {
    left: 205px;
}

.y15P, #response #share.y15P, #response #fwd.y15P {
    top: 15%;
    bottom: 15%;
}

.y10P, #response #share.y10P, #response #fwd.y10P {
    top: 10%;
    bottom: 10%;
}

.px26 {
    font-size: 26px !important;
}

.outlineWhite {
    border: 1px solid #ffffff !important;
}

.outlineGold {
    border: 1px solid rgb(252, 189, 58) !important;
}

.pxln10 {
    border-width: 10px !important;
}

.pxln2 {
    border-width: 2px !important;
}

.lineWhite {
    border-color: #ffffff;
}

.h30p {
    height: 30px;
}

.h100px {
    height: 100px;
}

.h135p {
    height: 135px;
}

.h155p {
    height: 155px;
}

.h165p {
    height: 165px;
}

.h195p {
    height: 195px;
}

.h215p {
    height: 215px;
}

.h255p {
    height: 255px;
}

#yesBtn img {
    width: 72px;
}

.w510p {
    width: 510px;
}

.w580p {
    width: 580px;
}

.lineLR {
    border-left: 1px solid #7c7b7b;
    border-right: 1px solid #7c7b7b;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.z3 {
    z-index: 3;
}

.z6 {
    z-index: 6;
}

.zM1 {
    z-index: 1000000;
}

.zMx-1 {
    z-index: 999999;
}

.w480p, #fwd.w480p {
    width: 480px !important;
}

#fwd.w510p {
    width: 510px !important;
}

.noOutline {
    border: none !important;
}

.lh1 {
    line-height: 1px !important;
}

.lh21 {
    line-height: 21px !important;
}

.lhN {
    line-height: normal !important;
}

.lh14 {
    line-height: 14px !important;
}

.visbl {
    overflow: visible !important;
}

.h250p {
    height: 250px;
}

.h300p {
    height: 300px;
}

.h500p {
    height: 500px;
}

.hM250p {
    max-height: 250px;
}

.scrlA {
    overflow: auto !important;
}

.lineGry {
    border-color: #a2a2a2;
}

.charcoalBkg {
    background-color: rgb(77,77,77);
}

.red {
    color: #ff0000;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt60 {
    padding-top: 60px;
}

.pt86 {
    padding-top: 86px;
}

.pt100 {
    padding-top: 100px;
}

.pt140 {
    padding-top: 140px;
}

.pt144 {
    padding-top: 144px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.nVis {
    visibility: hidden;
}

.purpleBkg {
    background-color: #702a70;
}

.orangeyellowBkg {
    background-color: #f3b33f;
}

.purpleBkg.hover:hover {
    /*background-color: #f26631 !important;
     */
}

.outlinePrp {
    border: 1px solid #702a70;
}

    .outlinePrp.hover:hover {
        /* border-color: #f26631;
    */
    }

.w105p {
    width: 105px;
}

.w120p {
    width: 120px;
}

.w127p {
    width: 127px;
}

.w600p {
    width: 600px;
}

.w1000p {
    width: 1000px;
    width: 1210px;
}

.w1020p {
    width: 1020px;
}

.w158p {
    width: 158px;
}

.w160p {
    width: 160px;
}

.w175p {
    width: 175px;
}

.h105p {
    height: 105px;
}

.xlr25P {
    left: 25%;
    right: 25%;
}

.yt30P {
    top: 30%;
}

.yt35P {
    top: 35%;
}

.yt50P {
    top: 50%;
}

.px15 {
    font-size: 15px;
}

.px19 {
    font-size: 19px;
}

.px17 {
    font-size: 17px;
}

.px13 {
    font-size: 13px;
}

.px11 {
    font-size: 11px;
}

.px10 {
    font-size: 10px;
}

.px9 {
    font-size: 9px;
}

.w48P {
    width: 48%;
}

.w40P {
    width: 40%;
}

.w38P {
    width: 38%;
}

.w46P {
    width: 46%;
}

.w50P {
    width: 50%;
}

.w22P {
    width: 22%;
}

.w24P {
    width: 24%;
}

.w25P {
    width: 25%;
}

.w18P {
    width: 18%;
}

.w49P {
    width: 49%;
}

.w60P {
    width: 60%;
}

.w64P {
    width: 64%;
}

.w33P {
    width: 33%;
}

.w30P {
    width: 30%;
}

.mh36p {
    min-height: 36px;
}

.mh65p {
    min-height: 65px;
}

.mh195p {
    min-height: 195px;
}

.mh210p {
    min-height: 210px;
}

.mh500p {
    min-height: 500px;
}

.mxh208 {
    max-height: 208px;
}

.tileStxtC {
    color: rgb(77,77,77);
}

.orangeBkg {
    background-color: rgb(242, 102, 49);
}

.l_orangeBkg {
    background-color: #ffdaae;
    /*box-shadow: 1px 6px 7px 2px #bfb9b9;
    */
    -webkit-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    -moz-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
}

    .l_orangeBkg .dotLC {
        background-image: url('../Images/Content/Tiles/Grey-Dot.png');
        background-repeat: no-repeat;
        width: 3px;
        height: 3px;
    }

.pinkBkg {
    background-color: rgb(203, 79, 149);
}

.blueBkg {
    background-color: rgb(110, 185, 231);
}

.premiumBkg {
    background-color: rgb(47, 64, 154);
}

.l_premiumBkg {
    background-color: #88c5eb;
    border: 1px solid #2f409a !important;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    -moz-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
}

    .l_premiumBkg .lineTopOrange {
        border-top: 1px solid #2f409a !important;
    }

    .l_premiumBkg .lineRhtO {
        border-right: 1px solid #2f409a !important;
    }

    .l_premiumBkg .dotLC {
        background-image: url('../Images/Content/Tiles/Grey-Dot.png');
        background-repeat: no-repeat;
        width: 3px;
        height: 3px;
    }

.tealBkg {
    background-color: rgb(102, 192, 186);
}

.greenBkg {
    background-color: rgb(109, 190, 69);
}

.orangeBrdr {
    border-color: rgb(242, 102, 49);
    border-width: 2px;
    border-style: solid;
}

.pinkBrdr {
    border-color: rgb(203, 79, 149);
    border-width: 2px;
    border-style: solid;
}

.blackBrdr {
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid;
}

.blueBrdr {
    border-color: rgb(110, 185, 231);
    border-width: 2px;
    border-style: solid;
}

.tealBrdr {
    border-color: rgb(102, 192, 186);
    border-width: 2px;
    border-style: solid;
}

.greenBrdr {
    border-color: rgb(109, 190, 69);
    border-width: 2px;
    border-style: solid;
}

.xr-12 {
    right: -12px;
}

.xr15 {
    right: 15px;
}

.xr10 {
    right: 10px;
}

.xr19-5P {
    right: 19.5%;
}

.xl-19 {
    left: -19px;
}

.xl235 {
    left: 235px;
}

.mt15 {
    margin-top: 15px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt75 {
    margin-top: 75px;
}

.mt100 {
    margin-top: 100px;
}

.mt150 {
    margin-top: 150px;
}

.mt200 {
    margin-top: 200px;
}

.mt225 {
    margin-top: 225px;
}

.mt275 {
    margin-top: 275px;
}

.yt-19 {
    top: -19px;
}

.yt-12 {
    top: -12px;
}

.yt10 {
    top: 10px;
}

.yt35 {
    top: 35px;
}

.yt40 {
    top: 40px;
}

.yt56 {
    top: 56px;
}

.yt58 {
    top: 58px;
}

.yt60 {
    top: 60px;
}

.yt75 {
    top: 75px;
}

.yt135 {
    top: 135px;
}

.w30p {
    width: 30px;
}

.w39 {
    width: 39px;
}

.w198p {
    width: 198px;
}

.w208p {
    width: 208px;
}

.w238p {
    width: 238px;
}

.w325p {
    width: 325px;
}

.w765p {
    width: 765px;
}

.w274p {
    width: 274px;
}

.ml235 {
    margin-left: 235px;
}

.ml265 {
    margin-left: 265px;
}

.ml235 {
    margin-left: 235px;
}

.mr30 {
    margin-right: 30px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr15 {
    margin-right: 15px;
}

.mr10 {
    margin-right: 10px;
}

.mr50 {
    margin-right: 50px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pb30 {
    padding-bottom: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}

.pl60 {
    padding-left: 60px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml30 {
    margin-left: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt18I {
    margin-top: 18px !important;
}

.grayBkg204-80 {
    background-color: rgba(204, 204, 204, .8);
}

.outlineRed {
    border: 1px solid #ff0000;
}

.thick2 {
    border-width: 2px;
}

.w19P {
    width: 19%;
}

.w80P {
    width: 80%;
}

.w84P {
    width: 84%;
}

.w85P {
    width: 85%;
}

.w90P {
    width: 90%;
}

.w15 {
    width: 15px;
}

.w20 {
    width: 20px;
}

.w24 {
    width: 24px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h24 {
    width: 24px;
}

.h35p {
    width: 35px;
}

.bkgGreen {
    background-color: #00d43a;
}

.bkgOffWhite {
    background-color: rgb(251, 249, 249);
}

.mt25 {
    margin-top: 25px;
}

.mt20 {
    margin-top: 20px;
}

.radTLR5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.radTLR10 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.radBLR5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.radBLR9 {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.radBLR10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.hide {
    display: none !important;
}

.txtWrap {
    word-wrap: break-word;
}

.a50 {
    opacity: .5;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.a00 {
    opacity: 0;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
}

.w1p {
    width: 1px;
}

.clearRight {
    clear: right;
}

.xl20P {
    left: 20%;
}

.xr20P {
    right: 20%;
}

.gradMDTop {
    background-color: rgb(250,187,25);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgb(250,187,25), rgb(254,229,136));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgb(250,187,25), rgb(254,229,136));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgb(250,187,25), rgb(254,229,136));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgb(250,187,25), rgb(254,229,136));
    /* Standard syntax (must be last) */
}

.pEBkg {
    background-color: #515a66;
    color: white;
}

.pECustomBkg {
    background-color: #2b617b;
    color: white;
}

.MDTileTxtBkg {
    background-color: #fdb933;
}

.MDCustomTileTxtBkg {
    background-color: #45a586;
}

    .MDCustomTileTxtBkg span {
        color: #ffffff !important;
    }

.hiddenfile {
    display: none !important;
}

.blockBrdr {
    border: 2px solid #cccccc !important;
    border-radius: 6px;
    /*border: 2px solid rgb(226,227,227) !important;
     box-shadow: 6px 6px 6px #E5E7E9;
    */
}

#response > div.MDouter {
    width: 500px !important;
    border: 4px solid darkgray;
    border-radius: 10px;
    overflow: hidden !important;
}

#response > div.successMD {
    width: 450px !important;
}

.greenChecked {
    background: url('/Images/Dashboard/Greentick.png') no-repeat center center;
    background-size: 30px 30px;
}

.greenUncheck {
    background: url('/Images/Dashboard/uncheck_grey.png') no-repeat center center;
    width: 30px;
    height: 30px;
}

.loginChecked {
    background: url('/Images/Dashboard/checkbox.png') no-repeat center center;
    background-size: 30px 30px;
}

.loginUncheck {
    background: url('/Images/Dashboard/uncheckbox.png') no-repeat center center;
    background-size: 30px 30px;
}

.checkListgrayRow {
    background-color: rgb(226,227,227);
}

.checkRow:nth-of-type(2n) {
    background-color: rgb(226,227,227) !important;
}

.fwdCancelBtn {
    width: 25%;
    padding: 15px 40px;
    margin-right: 10px;
    background-color: #be1e2d;
    color: #ffffff;
    text-decoration: none;
    border-radius: 9px;
}

.MDCancelBtn {
    width: 25%;
    padding: 15px 55px;
    margin-right: 10px;
    background-color: #a7a9ac;
    color: #ffffff;
    text-decoration: none;
}

.fwdShareBtn {
    width: 25%;
    padding: 15px 40px;
    margin: 0 auto;
    background-color: #8dc63f;
    color: #ffffff;
    text-decoration: none;
    border-radius: 9px;
}

.MDShareBtn {
    width: 28%;
    padding: 15px 48px;
    margin: 0 auto;
    background-color: #39b54a;
    color: #ffffff;
    text-decoration: none;
}

.recommendBtn {
    padding: 15px 40px;
    margin: 0 auto;
    background-color: #8dc63f;
    color: #ffffff;
    text-decoration: none;
    border-radius: 9px;
}

.recommendBtnST {
    padding: 15px 40px;
    margin: 0 auto;
    background-color: #8dc63f;
    color: #ffffff;
    text-decoration: none;
}

.contentAlign {
    align-content: center;
}

.autoMargin {
    margin: 0 auto;
}

.pd10 {
    padding: 10px;
}

.pxln5 {
    border-width: 5px !important;
}

.tagColor {
    color: #f26532;
}

.txtColor {
    color: #414042;
}

.txtColorBlack {
    color: #000000 !important;
}

.plr25 {
    padding-left: 25px;
    padding-right: 25px;
}

.px12 {
    font-size: 12px;
}

.loginBkgC {
    background-color: #f8f9f9 !important;
    /*#f9f9fa*/
}

.logPtxtC {
    color: #4d4d4d;
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.plr35 {
    padding-left: 35px;
    padding-right: 35px;
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.plr50 {
    padding-left: 50px;
    padding-right: 50px;
}

.plr60 {
    padding-left: 60px;
    padding-right: 60px;
}

.pr25 {
    padding-right: 25px;
}

.pr20 {
    padding-right: 20px !important;
}

.pl25 {
    padding-left: 25px;
}

.txtcolor {
    color: #4d4d4d !important;
}

.paddingFwdTop {
    padding: 40px 100px;
}

.menuUnderLine {
    color: #6f2a70 !important;
    /*border-bottom: 2px solid #4d4d4d;
    */
}

.txtcolor.hover:hover {
    color: #8c8c8c !important;
}

.menuUnderLine.hover:hover {
    color: #8c8c8c !important;
}

.loginNav a {
    text-decoration: none;
    cursor: pointer;
    color: #4d4d4d !important;
}

    .loginNav a:hover {
        color: #8c8c8c !important;
        /*border-bottom: 2px solid #4d4d4d;
    */
    }

    .loginNav a.active {
        color: #8c8c8c !important;
        /*border-bottom: 2px solid #4d4d4d;
    */
    }

.dropbtn {
    position: relative;
}

.dropdown-content {
    display: none;
    /*visibility:hidden;
    */
    position: absolute;
    bottom: -40px;
    background-color: #fff
    /*#f9f9f9*/
    ;
    min-width: 160px;
    z-index: 1;
}

    .dropdown-content a {
        color: #4d4d4d;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }
/*.dropdown-content a:hover {
    background-color: #f1f1f1
}
*/
.dropdown:hover .dropdown-content {
    display: block;
}

.mlr70 {
    margin-left: 70px;
    margin-right: 70px;
}

.navBkgcolor {
    background-color: #ffffff
    /*#f5f4f4*/
    ;
}

.new_bckPR {
    min-height: 275px;
}

#registration label {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px !important;
}

#registration .mb25 {
    margin-bottom: 0px !important;
}

#registration .text-danger, #registration .text-danger span {
    margin-bottom: 10px !important;
}

div#menuMainFoot a {
    padding: 5px 0;
}

#cResponse {
    width: 100%;
    padding-left: 247px !important;
    margin-top: 110px;
}

#aResponse {
    width: 100%;
    padding-left: 246px !important;
}

.w965p {
    width: 984px;
}

#tagArray #chckList .i_opt div:nth-child(2) {
    margin-left: -30px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Search_from_1 {
    min-height: 58px;
    width: 100%;
    padding-left: 13px;
}

    .Search_from_1 .oFlowShow {
        width: 67%;
        min-height: 55px;
    }

    .Search_from_1 #searchCont {
        width: 100%;
    }

    .Search_from_1 #filterForm {
        position: relative;
    }

        .Search_from_1 #filterForm::before {
            width: 1px;
            height: 100%;
            position: absolute;
            content: "";
            background: #4d4d4d;
            top: 0px;
            right: 42px;
        }

        .Search_from_1 #filterForm .w84P {
            width: 100%;
            font-size: 16px;
            font-weight: 400;
            padding: 17px 10px !important;
            color: #000 !important;
            border-right: 0px solid #ccc !important;
            padding-right: 75px !important;
        }

.search_btns {
    position: absolute;
    right: 10px;
    top: 14px;
}

.Search_from_1 #EmptyTxt {
}

.Search_from_1 .search_icn {
    margin-left: 6px;
    margin-right: 3px;
}

@media screen and (min-width: 1024px) {
    .Search_from_1 .oFlowShow {
        width: 60%;
    }
}

@media screen and (max-width: 992px) {
    .Search_from_1 .oFlowShow {
        width: 50%;
    }
}

#teamFol input[type="checkbox"]:checked, #fChckList input[type="checkbox"]:checked, #chckList input[type="radio"]:checked {
    border: #a2a2a2 solid 1px !important;
    border-radius: 5px;
    background: url(/Images/tickmark.png) no-repeat center center;
}

#fContChckList input[type="checkbox"] {
    border: #a2a2a2 solid 1px !important;
    border-radius: 5px;
    background: url(/Images/Content/Tiles/unSel.png) no-repeat center center;
}

    #fContChckList input[type="checkbox"]:checked {
        border: #a2a2a2 solid 1px !important;
        border-radius: 5px;
        background: url(/Images/Content/Tiles/Sel.png) no-repeat center center;
    }

#fContChckList .grayBkgCheckbox {
    position: relative;
}

    #fContChckList .grayBkgCheckbox::before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0px;
        /*background: url('/Images/tickmark.png') no-repeat center center;
    */
        background: url(/Images/Content/Tiles/removeModalChecked.png) no-repeat center center;
        border-radius: 5px;
    }

.checkbox_label_1 {
    padding-left: 30px;
    margin-left: -30px;
}

#cChckList .orangeBkg, #cChckList .greenBkg, #cChckList .tealBkg, #cChckList .blueBkg, #cChckList .pinkBkg {
    position: relative;
}

    #cChckList .orangeBkg::before, #cChckList .greenBkg::before, #cChckList .tealBkg::before, #cChckList .blueBkg::before, #cChckList .pinkBkg::before {
        content: "";
        width: 22px;
        height: 22px;
        position: absolute;
        left: -2px;
        top: 0px;
        background: url('/Images/tickmark.png') no-repeat center center;
    }

#cChckList label {
    font-size: 14px;
    /*color: purple;
    */
    font-weight: 400 !important;
    /*line-height:15px;
    */
    padding-top: 0px !important;
}

#signIn #cChckList label {
    padding-left: 18px;
}

.login_trail_poup#ajaxCover > div {
    width: 710px !important;
}

.login_trail_poup#ajaxCover #response {
    width: 710px !important;
    top: 35%;
    padding-right: 13px;
}

.login_trail_poup#ajaxCover #close {
    margin-left: 685px;
    top: 21px;
    position: relative;
}

#menuMainFoot a {
    margin-bottom: 5px;
    margin-top: 5px;
}

.searchbar_main {
    width: 100%;
    margin-left: 0px;
    padding-left: 232px;
    left: 0px;
    min-height: 74px;
    /*height: 74px;
    */
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #9c9c9c;
}

.link_click {
    color: #1dabf7;
    text-decoration: underline;
}

#submitFol:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: no-drop;
}

.gouthamblack {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 800 !important;
}

.gouthammedium {
    font-family: "Gotham A", "Gotham B" !important;
    font-style: normal;
    font-weight: 500;
}

.gouthamlight {
    font-family: "Gotham A", "Gotham B" !important;
    font-style: normal;
    font-weight: 300 !important;
}

.gouthambook {
    font-family: "Gotham A", "Gotham B" !important;
    font-style: normal;
    font-weight: 400 !important;
}

.gouthambold {
    font-family: "Gotham A", "Gotham B" !important;
    font-style: normal;
    font-weight: 700 !important;
}

.UlP {
    border-bottom: 1px solid #702a70;
}

.register_msgs p {
    color: #fcb732;
    font-size: 35px;
    text-align: left;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 800;
}

.register_msgs ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 20px;
}

    .register_msgs ul li {
        font-size: 18px;
        text-align: left;
        line-height: 17px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 400;
        color: #4d4e50;
        position: relative;
        padding-left: 30px;
        padding-bottom: 10px;
    }

        .register_msgs ul li::before {
            position: absolute;
            content: '';
            background: url('/Images/green_tick.png');
            background-repeat: no-repeat;
            background-size: 20px 20px;
            left: 0px;
            width: 20px;
            height: 20px;
        }

        .register_msgs ul li span {
            display: inline !important;
            font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
            font-weight: 700;
        }

#menuMain #logoN {
    max-width: 100%;
}

.signin_button {
    text-align: right;
    padding-right: 24px;
    float: right;
}

#signIn .loginpass {
    padding-bottom: 3px;
    padding-top: 1px;
}

.folderNavWrap_menu_2 {
    width: 30px;
    height: 30px;
    top: 16px;
    right: 15px;
    position: fixed;
    cursor: pointer;
    display: none;
    z-index: 99999999;
    background: url('/Images/menu_icon.png');
    background-size: 100% 100%;
}

.mainmenu_toggle {
    width: 30px;
    height: 30px;
    top: 14px;
    right: 20px;
    position: fixed;
    cursor: pointer;
    display: none;
    z-index: 9999999;
    background: url('/Images/menu_icon.png');
    background-size: 100% 100%;
    overflow: visible;
}

    .mainmenu_toggle:before {
        content: 'Menu';
        position: absolute;
        top: 120%;
        font-weight: 500;
        font-size: 11px;
    }

.folderNavWrap_menu_2.active {
    left: 222px;
    background: url('/Images/menu_icon_1.png');
    background-size: 100% 100%;
}

#ErrorResponse {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0, .5);
    position: fixed;
    z-index: 1000000;
    top: 0;
    bottom: 0;
}

.response_style {
    width: 800px !important;
    left: auto;
    right: auto;
    position: fixed;
    top: 50px;
    bottom: 50px;
    overflow: auto;
}

#ErrorResponse #close {
    margin-left: 774px;
}

.frame {
    width: 75%;
    margin: 0 auto;
    padding: 0px 25px !important;
    min-height: 70px;
}

    .frame img {
        width: 90% !important;
        padding: 0px 15px 0px 25px !important;
    }

    .frame .guillotine-canvas {
        width: 100%;
        left: 0px;
    }

#controls {
    display: none !important;
}

    #controls button {
        background: #F9AC37;
        border: none;
        color: #fff;
        font-size: 20px;
        padding: 3px 10px;
    }

#viewCont .contentSelectBox, #userviewCont .contentSelectBox {
    cursor: pointer;
}

    #viewCont .contentSelectBox .mh65p p, #userviewCont .contentSelectBox .mh65p p {
        max-height: 120px;
        overflow: hidden;
    }

    #viewCont .contentSelectBox .whiteBkg a, #userviewCont .contentSelectBox .whiteBkg a {
        float: left;
    }

        #viewCont .contentSelectBox .whiteBkg a.lb_sendBtn, #userviewCont .contentSelectBox .whiteBkg a.lb_sendBtn {
            margin-top: 1px;
        }

        #viewCont .contentSelectBox .whiteBkg a span, #userviewCont .contentSelectBox .whiteBkg a span {
            display: block !important;
        }

        #viewCont .contentSelectBox .whiteBkg a.lb_sendBtn span, #userviewCont .contentSelectBox .whiteBkg a.lb_sendBtn span {
            display: inline-block !important;
        }

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

.folders_tab {
    display: none;
    background: url(../images/Blue-Folder.png);
    background-size: 55px 40px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 55px;
    height: 40px;
    line-height: 51px;
    text-align: center;
    padding: 0px 0px;
    float: left;
    color: #fff;
}

.selected_folder_name {
    display: none;
    float: left;
    padding: 5px;
    margin: 8px 5px;
    color: #000;
    width: 120px;
    height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

#ajaxCover #response {
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    bottom: auto !important;
}

    #ajaxCover #response.fwdRemoveBKG {
        background: none !important;
        border: none !important;
        height: 100%;
        top: 0px;
        bottom: 0px;
        /*border-radius: 20px !important;
    */
        bottom: auto !important;
    }
/*.responseModalsty{
     background-color: #fff;
     border: 10px solid rgb(252, 189, 58);
     max-height:none !important;
     border-radius: 20px !important;
}
*/
#ajaxPaywallCover #freeTrial {
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    bottom: auto !important;
}

.favDiv_main, .alertDiv_main {
    padding: 10px;
}

#ajaxCover #response > div {
    border: 0px !important;
    border-radius: 0px !important;
}

#ajaxPaywallCover #freeTrial > div {
    border: 0px !important;
    border-radius: 0px !important;
}

#ajaxCover #favDiv, #ajaxCover #alertDiv, #ajaxCover #contentPaywallDiv {
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    bottom: auto !important;
}

    #ajaxCover #favDiv #favclose, #ajaxCover #alertDiv #alertClose, #ajaxCover #contentPaywallDiv #paywallClose {
        position: absolute !important;
        right: 0px !important;
        top: -1px;
    }

.container {
    width: 1170px;
    margin: 0 auto;
}

.border_gray {
    border: 1px solid #cccccc;
}

.container .paymnetgatway {
    width: 70%;
    float: left;
}

.paymnetgatway_header {
    background: #f2f2f2;
    padding: 10px;
    border-right: 1px solid #cccccc;
}

    .paymnetgatway_header h2 {
        padding: 0px;
        margin: 0px;
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        font-weight: 400;
    }

.billing_info_header {
    background: #f2f2f2;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
    border-left: 0px;
}

    .billing_info_header h2 {
        padding: 0px;
        margin: 0px;
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        font-weight: 400;
    }

.paymnetgatway_inner {
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 10px 5px;
}

    .paymnetgatway_inner label {
        margin-bottom: 5px;
    }

.width50 {
    width: 50%;
    float: left;
}

.width33 {
    width: 33.3%;
    float: left;
}

.width66 {
    width: 66.6%;
    float: left;
}

.width100 {
    width: 100%;
    float: left;
}

.width65px {
    width: 65px;
}

.paymnetgatway_inner .field {
    padding-left: 5px;
    padding-right: 5px;
}

.clearfix {
    clear: both;
}

.mrt22 {
    margin-top: 22px;
}

.billing_info {
    width: 30%;
    float: left;
}

.billing_info_inner {
    padding: 15px;
}

    .billing_info_inner p {
        font-size: 14px;
        text-align: left;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .billing_info_inner p span {
            float: right;
        }

.underline {
    border-bottom: 1px solid #ccc;
}

.billing_info_inner .summary {
    color: #702a70;
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 15px;
}

    .billing_info_inner .summary span {
        color: #702a70;
    }

.couponcode_btn {
    text-align: right;
}

    .couponcode_btn #btnValidate {
        margin-right: 25px;
    }

.aa-input-container {
    display: inline-block;
    position: relative;
}

.aa-input-search {
    width: 300px;
    border: 1px solid rgba(228, 228, 228, 0.6);
    padding: 12px 28px 12px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
        display: none;
    }

.aa-input-icon {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #e4e4e4;
}

.couponcode_btn .field {
    width: 52% !important;
}

#filterForm .algolia-autocomplete {
    width: 100%;
}

.aa-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

.aa-suggestion {
    padding: 12px;
    cursor: pointer;
}

#searchCont, #searchCont form {
    overflow: visible;
}

#searchCont {
    padding: 1px;
}

.aa-suggestion + .aa-suggestion {
    border-top: 1px solid rgba(228, 228, 228, 0.6);
}

.aa-suggestion:hover, .aa-suggestion.aa-cursor {
    background-color: rgba(241, 241, 241, 0.35);
}

.container_reg {
    width: 1100px;
    margin: 0 auto;
}

    .container_reg #imageHolder {
        float: left;
        padding-top: 52px;
        padding-bottom: 20px !important;
    }

    .container_reg.signin_c #imageHolder {
        padding-top: 52px;
    }

#catalogListTab {
    padding-right: 5px;
}

.folderSect_new #fTitle > div {
    line-height: 0px !important;
    height: 60px !important;
}

#shareForm .inst {
    color: #000 !important;
}

#controls #fit {
    display: none;
}

#controls #zoom_out {
    background: url('../Images/img_minus.png') no-repeat center;
    background-size: 30px 30px;
    padding: 0px;
    font-size: 0px;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    display: block;
    float: right;
}

#controls #zoom_in {
    background: url('../Images/img_plus.png') no-repeat center;
    background-size: 30px 30px;
    padding: 0px;
    font-size: 0px;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    float: right;
    clear: both;
    margin-top: 3px;
}

    #controls #zoom_in:focus, #controls #zoom_out:focus {
        outline: 0;
        opacity: 1;
    }

#controls {
    width: 70%;
    margin: 0 auto;
    text-align: right;
    margin-top: -65px !important;
    position: relative;
    z-index: 99;
}

.reg_for_st {
    width: 100%;
    text-align: right;
    padding-top: 15px;
    clear: both;
}
/*Small devices */
/* New Design Styles */
/* New Design Styles */
.catlog_list {
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-top: 40px;
}

    .catlog_list > li {
        background: #f6f6f6;
        position: relative;
    }

        .catlog_list > li:nth-child(odd) {
            background: #fff;
        }

        .catlog_list > li > label {
            font-size: 16px;
            padding: 10px;
            padding-left: 40px;
            display: block;
            font-weight: 400;
            cursor: pointer;
        }

    .catlog_list ul li {
        padding: 5px 0px;
        padding-left: 70px;
        font-size: 12px;
        line-height: 18px;
        border-top: 1px solid #e3e3e3;
        position: relative;
        color: #58595b;
        font-weight: 400;
        cursor: pointer;
    }

        .catlog_list ul li .addbtn {
            width: 14px;
            height: 14px;
            background-image: url('../Images/plus_icon_2.png');
            background-size: 14px 14px;
            display: inline-block;
            position: absolute;
            left: 45px;
            top: 8px;
        }

        .catlog_list ul li > label {
            cursor: pointer;
        }

        .catlog_list ul li.inactive, .catlog_list ul li.inactive > label {
            /*color:#939598 !important;
     cursor:no-drop;
    */
        }

            .catlog_list ul li.inactive .addbtn {
                background-image: url('../Images/plus_icon_3.png');
                cursor: pointer;
            }

    .catlog_list ul {
        display: none;
        list-style: none;
    }

.catlog_list_main {
    margin-left: -22px;
    margin-top: -25px;
}

.info_title {
    text-align: left;
    color: #58595b;
    margin-bottom: 10px;
    padding: 10px 5px 8px 23px;
    position: fixed;
    z-index: 1;
    background: #fff;
    width: 100%;
    margin-top: 4px;
    font-size: 14px;
    border-bottom: 1px solid #9c9c9c;
}

    .info_title img {
        width: 16px;
        padding: 0px 3px;
    }

.catlog_list_arrow {
    width: 16px;
    height: 14px;
    background-image: url('../Images/arrow_icon_1.png');
    background-size: 16px 16px;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: 20px;
    top: 12px;
}

.catlog_list li.active .catlog_list_arrow {
    background-image: url('../Images/arrow_icon_2.png');
}

.catlog_list_arrow_down {
    background-image: url('../Images/arrow_icon_2.png');
}

.catlog_list_arrow_up {
    background-image: url('../Images/arrow_icon_1.png');
}

.catlog_list li.active ul {
    display: block;
}

#folderNavWrap .folderSect_new #fTitle {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#fSysCtrl {
    padding-bottom: 100px !important;
}
/*.container_reg.reg_cont #forgot {
     padding-top: 145px;
}
*/
/* New Design Styles Ends*/
/*Tracking Styles*/
.tracking_sidebar {
    position: fixed;
    top: 74px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    margin-left: -16px;
    border-left: 1px solid #9c9c9c;
    width: 220px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #9c9c9c;
    /*border-bottom: 1px solid #9c9c9c;
    */
    padding-bottom: 10px;
    z-index: 9999 !important;
    margin-left: 0px;
}

.ms_mobilemenu_inner {
    height: 100%;
}

.track_side_header {
    position: absolute;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 9;
    height: 73px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #9c9c9c;
}

    .track_side_header h3 {
        line-height: 15px;
        font-weight: 500;
        padding-left: 18px;
        padding-right: 5px;
        text-align: left;
        font-size: 14px;
        padding-top: 27px;
    }

.track_side_content {
    position: relative;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 74px;
}

.tracking_dates {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .tracking_dates.pactive {
        padding-bottom: 235px;
    }

.mobileApp .tracking_dates.pactive {
    padding-bottom: 235px !important;
}

.tracking_dates li a {
    line-height: 35px;
    border-bottom: 1px solid #eee;
    display: block;
    padding-left: 18px;
    font-size: 14px;
    font-weight: 500;
}

    .tracking_dates li a.active, .tracking_dates li a:hover {
        font-weight: 700;
        font-size: 15px;
        color: #6f2a70;
    }

.tracking_main {
    width: 100%;
    padding-left: 222px;
    margin-top: 18px;
    box-sizing: border-box;
    min-height: 40px;
}

.tracking_list {
    padding-top: 74px;
    overflow: auto;
}

.tracking_main .tracking_item_header {
    position: fixed;
    width: 100%;
    background: #fcf9f7;
    border-bottom: 1px solid #ccc;
    margin-top: -74px;
    height: 74px;
    overflow: hidden;
}

    .tracking_main .tracking_item_header .tracking_item_header_inner {
        padding-right: 222px;
        padding-left: 10px;
        padding-top: 17px;
        padding-bottom: 17px;
    }

        .tracking_main .tracking_item_header .tracking_item_header_inner div {
            float: left;
        }

            .tracking_main .tracking_item_header .tracking_item_header_inner div p {
                font-size: 14px;
                font-weight: 500;
                line-height: 40px;
                padding: 0px 5px;
                color: #4d4e4d;
            }

.trk_resend {
    width: 6%;
}

    .trk_resend span {
        font-weight: 500;
        font-size: 11px;
    }

.trk_title {
    width: 52%;
}

.trk_date {
    width: 17%;
}

.trk_count {
    width: 8%;
}

.tracking_list_item .trk_count p {
    margin-left: 5px;
}

.trk_open_dates {
    width: 17%;
}

.tracking_list_item {
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
    padding-left: 10px;
}

#btnShare {
    cursor: pointer;
    padding-left: 5px;
}

.tracking_list_item div {
    float: left;
}

    .tracking_list_item div p, .tracking_list_item div li {
        font-size: 14px;
        font-weight: 500;
        padding: 0px 5px;
        color: #4d4e4d;
        line-height: 22px;
    }

    .tracking_list_item div #lnkPreview {
        font-size: 14px;
        font-weight: 500;
        padding: 0px 5px;
        color: #415a98;
        line-height: 22px;
        display: inline-block;
        width: 100%;
        cursor: pointer;
    }

    .tracking_list_item div p span, .tracking_list_item div li span {
        display: inline;
    }

.expand_div li {
    display: none;
}

.trk_open_dates .expand {
    font-size: 13px;
}

.tracking_mobile, #cover2 {
    display: none;
}

.trk_count .none {
    background: red;
    display: inline-block;
    color: #fff;
    line-height: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.select_user_search {
    padding: 10px;
    padding-right: 76px;
    width: 80%;
    margin: 25px auto;
    position: relative;
    margin-top: 150px;
}

    .select_user_search #btnOk {
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 8px 15px 9px;
        border-radius: 0px 5px 5px 0px !important;
    }

#nav #sign_up_free {
    border-right: 0px solid #58595b;
    background: #f3b33f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 9px;
    color: #fff !important;
    margin-left: 10px;
}

.folder_mainlist {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    list-style: none;
}

.folderSect_tracking .folder_mainlist {
    margin-bottom: 0px;
}

.folder_mainlist li > div, .folder_mainlist li > a, .folder_mainlist li > #catalogListTab {
    padding-left: 40px !important;
    display: block;
    min-height: 20px !important;
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    cursor: pointer;
    border: 2px solid #fff !important;
}

    .folder_mainlist li > div.outlineGold, .folder_mainlist li > a.outlineGold, .folder_mainlist li > #catalogListTab.outlineGold {
        border: 2px solid rgb(252, 189, 58) !important;
    }

    .folder_mainlist li > div span, .folder_mainlist li > a span, .folder_mainlist li > #catalogListTab span {
        font-size: 14px !important;
        color: #5e5f60 !important;
        /*color: #702970 !important;
    */
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        padding-top: 3px;
    }

.folder_mainlist li .outlineGold span, .folder_mainlist li .outlineGold span, .folder_mainlist li .outlineGold span {
    padding-top: 3px;
}

.folder_mainlist li img {
    width: 25px;
    position: absolute;
    left: 5px;
    top: 8px;
}

.folder_mainlist li .outlineGold img {
    top: 8px;
}

.folder_mainlist li span {
    font-weight: 500;
}

.icheck_samll_icon {
    width: 20px;
    height: 20px;
    padding-top: 0px;
}

    .icheck_samll_icon .loginChecked, .icheck_samll_icon .loginUncheck {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        cursor: pointer;
        /*margin-top: -1px;
    */
    }

#signIn .icheck_samll_icon {
    width: 13px;
    height: 13px;
    padding-top: 0px;
    position: absolute;
    margin-top: 1px;
}

    #signIn .icheck_samll_icon .loginChecked, #signIn .icheck_samll_icon .loginUncheck {
        width: 13px;
        height: 13px;
        background-size: 13px 13px;
        cursor: pointer;
        /*margin-top: -1px;
    */
    }

#signIn .error, #forgot .error {
    margin-left: 25px !important;
    text-align: left;
    width: auto;
    margin-bottom: 10px !important;
}

#signIn .loginChecked {
    background-image: url('../Images/Content/Tiles/Sel.png') !important;
    border-radius: 0px !important;
}

#signIn .loginUncheck {
    background-image: url('../Images/ic_unchecked.png') !important;
    border-radius: 0px !important;
}

#signIn input:placeholder-shown, #forgot input:placeholder-shown, #registration input:placeholder-shown {
    font-weight: 300 !important;
}

#signIn input, #forgot input, #registration input {
    font-size: 12pt;
}
/*#viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
     width: 30px;
     left: -10px;
     top: -18px;
}
*/
#viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
    bottom: 21px;
    left: 14px;
}

.reg_terms {
    position: relative;
    margin: 5px 25px;
    padding-left: 20px;
    text-align: left;
}

    .reg_terms input {
        position: fixed;
        left: 3000px;
    }

    .reg_terms .icheck_samll_icon {
        position: absolute;
        left: 0px;
        top: 3px;
        width: 13px;
        height: 13px;
    }

        .reg_terms .icheck_samll_icon .loginChecked {
            width: 13px;
            height: 13px;
            background-size: 13px 13px;
            background-image: url(../Images/ic_checked.png) !important;
            border-radius: 0px !important;
        }

        .reg_terms .icheck_samll_icon .loginUncheck {
            background-image: url(../Images/ic_unchecked.png) !important;
            border-radius: 0px !important;
        }

#registration .reg_terms label {
    font-weight: 500 !important;
    font-size: 10pt !important;
    padding-top: 0px;
}

    #registration .reg_terms label a, .res_login a {
        color: #702a70;
    }

.res_login {
    margin: 10px 25px 20px 25px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    text-align: center;
    /*font-weight: 500 !important;
    */
    font-size: 10pt !important;
}

.show_mobile {
    display: none;
}

.ms_header {
    height: 70px;
    top: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
    z-index: 9999999999;
    overflow: visible;
}

.ms_mobilemenu.active .ms_header {
    position: fixed;
    left: 0px;
}

.ms_header_inner {
    padding-left: 10px;
    padding-right: 60px;
    height: 100%;
    width: 100%;
}

    .ms_header_inner .ms_close {
        position: absolute;
        right: 10px;
        top: 15px;
        text-align: center;
    }

        .ms_header_inner .ms_close span {
            font-weight: 500;
            font-size: 11px;
            padding-top: 1px;
        }

    .ms_header_inner img {
        max-height: 100%;
        max-width: 100%;
    }

    .ms_header_inner img {
        width: 20px;
    }

.menu_mobile_re {
    position: fixed;
    width: 100%;
    background: #fff;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: 0px !important;
    top: 0px;
    z-index: 9999999 !important;
    bottom: 0px;
}

    .menu_mobile_re.active {
        display: block !important;
    }

#cChckList .orangeBrdr {
    background: rgb(242, 102, 49);
}

#fContChckList .grayBrdrCheckbox {
    /*background: rgb(130, 128, 127);
    */
    background: url(/Images/Content/Tiles/removeModalUnChecked.png) no-repeat center center;
}

#ajaxCover.alertLibrary #alertDiv {
    border: 0px solid rgb(252, 189, 58) !important;
}

#ajaxCover.alertLibrary > div {
    max-width: 450px;
}

#contentMenu #removeBtn img {
    margin-left: 3px;
}

.cdcImage {
    cursor: pointer;
}

.cdcImage1 {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 40% 50%;
    cursor: pointer;
    opacity: 0.1;
}

.preview_header {
    padding-right: 215px;
    position: relative;
    min-height: 45px;
}

.preview_icons {
    position: absolute;
    right: 0px;
    height: 100%;
}
/*Tracking Styles Ends*/
/*Extra large devices (Desktops)*/
@media (max-width: 1200px) {
    html, body {
        /* Allows content to fill the viewport and go beyond the bottom */
        height: 100%;
        /* Allows you to scroll below the viewport;
         default value is visible */
        overflow-y: scroll;
        /* To smooth any scrolling behavior */
        -webkit-overflow-scrolling: touch;
    }

    .w1000p {
        width: auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container {
        width: 100%;
    }

        .container .border_gray {
            margin-left: 15px;
            margin-right: 15px;
        }

    .container_reg {
        width: 100%;
        margin: 0 auto;
    }
    /*Tracking Styles Starts*/
    .tracking_dates li a {
        font-size: 13px;
    }

        .tracking_dates li a.active {
            font-size: 14px;
        }

    .tracking_main .tracking_item_header .tracking_item_header_inner div p {
        font-size: 13px;
    }

    .tracking_list_item div #lnkPreview {
        font-size: 13px;
    }

    .tracking_list_item div p, .tracking_list_item div li {
        font-size: 13px;
    }

    .trk_resend {
        width: 9%;
    }

    .trk_title {
        width: 45%;
    }

    .trk_date {
        width: 21%;
    }

    .trk_count {
        width: 8%;
    }

    .trk_open_dates {
        width: 17%;
    }

    #footer #menuMainFoot {
        width: 100%;
    }

    #previewBox .lineBtm .txtLeft .floatRight {
        width: 100%;
        padding-bottom: 10px;
        text-align: right;
        border-left: 0px solid #000 !important;
        margin-top: 10px;
    }

    .preview_icons {
        position: static;
        right: 0px;
        height: auto;
    }

    .preview_header {
        padding-right: 0px;
    }

    #tileControls {
        width: 206px !important;
    }
    /*Tracking Styles Ends*/
}
/*Large devices (Desktops)*/
@media (max-width: 1024px) {
    #imageHolder .register_msgs {
        width: 100% !important;
    }

    #imageHolder {
        padding-bottom: 20px !important;
        float: none !important;
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box;
        padding-top: 15px !important;
    }

    .container_reg #imageHolder {
        padding-bottom: 40px !important;
    }

    .tracking_dates li a:hover, .tracking_dates li a:active, .tracking_dates li a:focus {
        font-size: 13px;
        font-weight: 500;
        color: rgb(77,77,77);
    }

    .mobileApp .searchbar_main {
        padding-left: 0;
    }

    .mobileApp .mainmenu_toggle {
        display: block;
    }

    .mobileApp #cResponse {
        width: 100%;
        padding-left: 30px !important;
        margin-top: 100px;
    }

        .mobileApp #cResponse.active {
            margin-top: 100px;
        }

    .mobileApp #aResponse {
        width: 100%;
        padding-left: 30px !important;
    }

    .mobileApp #folderNavWrap {
        margin-left: -100%;
        !important;
    }

        .mobileApp #folderNavWrap.active {
            margin-left: 0px !important;
            top: 74px;
            width: 100% !important;
            z-index: 9999999 !important;
            background: #fff;
            bottom: 0px;
            height: 100% !important;
        }

            .mobileApp #folderNavWrap.active .ms_mobilemenu_inner {
                width: 100% !important;
                top: 74px;
                margin-left: 0px !important;
            }

            .mobileApp #folderNavWrap.active .folderSect_new {
                left: 0px !important;
                width: 100%;
                border-left: 0px;
            }

            .mobileApp #folderNavWrap.active #folderNav {
                left: 0px !important;
                padding-bottom: 0px !important;
                width: 100% !important;
                border-left: 0px;
            }

                .mobileApp #folderNavWrap.active #folderNav #fSysCtrl {
                    padding-bottom: 0px;
                }

        .mobileApp #folderNavWrap #folderNav {
            padding-left: 3%;
        }

        .mobileApp #folderNavWrap #fSysCtrl {
            width: 94% !important;
        }

        .mobileApp #folderNavWrap .folderSect .pl15.pr15 {
            padding-left: 3%;
            padding-right: 3%;
        }

    .mobileApp #Favorites {
        width: 100% !important;
        box-sizing: border-box;
    }

    .mobileApp #folderNavWrap #fSysCtrl .pointer p {
        padding-left: 50px;
        margin-top: -40px;
        width: 100% !important;
        box-sizing: border-box;
        display: inline-block !important;
    }

    .mobileApp .Search_from_1 {
        padding-left: 50px;
        padding-right: 54px;
        box-sizing: border-box;
    }

        .mobileApp .Search_from_1 .oFlowShow {
            width: 100%;
        }

        .mobileApp .Search_from_1 #shareBtn {
            margin-right: 5px;
        }

    .mobileApp .mainmenu_toggle {
        top: 17px !important;
    }

    .mobileApp .tracking_sidebar {
        left: -100%;
        width: 100%;
        top: 0px;
        z-index: 9999999 !important;
    }

        .mobileApp .tracking_sidebar.active {
            margin-left: 0px !important;
            left: 0px;
            top: 0px;
            width: 100% !important;
            z-index: 9999999 !important;
            background: #fff;
            bottom: 0px;
            height: 100% !important;
        }

            .mobileApp .tracking_sidebar.active .ms_mobilemenu_inner {
                position: fixed;
                width: 100%;
                height: 100%;
                left: 0px;
                top: 0px;
                bottom: 0px;
                overflow-x: hidden;
                overflow-y: scroll;
            }

            .mobileApp .tracking_sidebar.active .track_side_header {
                position: fixed !important;
                width: 100%;
                left: 0px;
                top: 0px;
                z-index: 9999999 !important;
            }

    .mobileApp.mobileApp_source .Search_from_1 {
        padding-left: 50px;
        padding-right: 53px;
    }

    .mobileApp.mobileApp_source #cResponse {
        margin-top: 100px !important;
    }

    .mobileApp .catlog_list_main {
        margin-left: -30px;
    }

    .mobileApp .tracking_main {
        padding-left: 0px;
    }

    .mobileApp .tracking_list {
        padding-top: 78px;
        padding-left: 0px;
    }

    .mobileApp .tracking_main .tracking_item_header .tracking_item_header_inner {
        padding-right: 0;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 17px;
        border-top: 1px solid #ccc;
        margin-top: 37px;
        width: 100%;
        box-sizing: border-box;
    }

    .mobileApp .tracking_list::before {
        top: 0px;
        left: 0px;
        width: 100%;
        background: rgba(251, 249, 249, 1);
        position: fixed;
        content: '';
        height: 50px;
        z-index: 9;
    }

    .mobileApp .landing_defalut_content {
        margin-left: -10px !important;
        padding-left: 0px;
        margin-top: -30px;
    }

    .mobileApp #viewCont .landing_defalut_content {
        margin-left: -30px !important;
        padding-left: 0px;
    }

    .mobileApp .track_side_header {
        position: relative;
        height: auto;
        padding: 0px;
        background: #fff;
        z-index: 999;
    }

        .mobileApp .track_side_header h3 {
            padding: 10px 15px;
        }

    .mobileApp .track_side_content {
        margin-top: 0px;
        /*position:fixed;
        */
        height: auto !important;
        width: 100%;
        top: 30px;
    }

    .mobileApp .tracking_dates {
        padding-bottom: 36px;
    }

    .catlog_list_main {
        box-sizing: border-box;
    }

        .catlog_list_main p {
            box-sizing: border-box;
        }

    .catlog_list {
        padding-top: 51px;
    }

    .mobileApp .Search_from_1 #shareBtn span {
        margin-left: 1px;
        top: -5px;
        position: relative;
    }

    #tileControls {
        width: 206px !important;
    }
}
/*Large devices (Desktops)*/
@media (max-width: 992px) {
    #nav .navMenuLink {
        padding: 0px 10px 0 10px;
    }

    #fileSelect .formSect {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .container_reg #imageHolder {
        padding-top: 20px;
        margin-right: 30px;
        float: none;
    }

    .tracking_main .tracking_item_header .tracking_item_header_inner div p {
        line-height: 18px;
        padding: 5px 5px;
    }

    .tracking_main .tracking_item_header .tracking_item_header_inner .trk_resend p {
        padding-left: 0px;
    }

    .edit_profile .w48P {
        width: 100% !important;
        clear: both;
        float: left;
    }

    #content {
        padding-bottom: 400px !important;
    }

        #content.mobileApp {
            padding-bottom: 0px !important;
        }

    #footer #menuMainFoot {
        width: 100%;
    }

        #footer #menuMainFoot > .floatLeft {
            width: 48%;
            float: left;
            margin-bottom: 20px;
        }

    #folderNavWrap #folderNav #fSysCtrl {
        padding-bottom: 400px !important;
    }

    #tileControls {
        width: 206px !important;
    }
}
/*Medium devices (Tablets)*/
@media (min-width: 768px) {
    .info_title {
        font-size: 18px;
    }
}

@media (max-width: 769px) {
    .Search_from_1 .oFlowShow {
        width: 58%;
    }

    #ajaxCover > div {
        width: 90% !important;
        margin-left: 5%;
    }

    #ajaxPaywallCover > div {
        width: 90% !important;
        margin-left: 5%;
    }

    #nav > .mlr70 {
        margin-left: 15px;
        margin-right: 15px;
    }

    #tileControls {
        width: 206px !important;
        padding-top: 10px !important;
    }
}

@media (max-width: 700px) {
    #nav #menuMain > .oFlowShow {
        top: 48px !important;
    }

    #nav {
        height: 100px;
    }

    #folderNavWrap .folderSect_new {
        top: 100px !important;
    }

    #folderNavWrap #folderNav {
        top: 0px !important;
    }

    #content {
        padding-top: 80px !important;
    }
}

@media (max-width:767px) {
    html {
        -webkit-text-size-adjust: 100%;
    }

    #formField, #formField #signIn {
        width: 100% !important;
        padding-bottom: 30px;
    }

    #content {
        padding-bottom: 560px !important;
    }

        #content.mobileApp {
            padding-bottom: 0px !important;
        }

    #footer {
        margin-top: 0px;
    }

        #footer #menuMainFoot {
            width: 100%;
        }

            #footer #menuMainFoot > .floatLeft {
                width: 48%;
                float: left;
                margin-bottom: 20px;
            }

    #formField > .w510p {
        width: 100% !important;
    }

    .container_reg .bckPR {
        width: 100% !important;
    }

    .container_reg.reg_cont #forgot {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    #nav .navMenuLink {
        padding: 0px 6px 0 6px !important;
    }

    #nav #menuSignIO {
        width: 70px !important;
    }

    #folderNavWrap {
        position: fixed !important;
        width: 230px !important;
        top: 0px;
        z-index: 9999999 !important;
        background: #fff;
        height: 100%;
        margin-left: -235px !important;
    }

        #folderNavWrap .ms_mobilemenu_inner {
            margin-left: -360px !important;
        }

        #folderNavWrap .folderSect_new {
            z-index: 99999999 !important;
        }

        #folderNavWrap.active {
            margin-left: 0px !important;
            top: 0px;
            width: 100% !important;
            z-index: 9999999 !important;
            height: 100% !important;
        }

            #folderNavWrap.active .ms_mobilemenu_inner {
                width: 100% !important;
                top: 0px;
                margin-left: 0px !important;
            }

            #folderNavWrap.active .folderSect_new {
                left: 0px !important;
                width: 100%;
                border-left: 0px;
            }

            #folderNavWrap.active #folderNav {
                left: 0px !important;
                padding-bottom: 0px !important;
                width: 100% !important;
                border-left: 0px;
            }

                #folderNavWrap.active #folderNav #fSysCtrl {
                    padding-bottom: 40px !important;
                }

        #folderNavWrap .folderSect_new {
            top: 0px !important;
        }

        #folderNavWrap #folderNav {
            top: 0px !important;
        }

    #cResponse {
        width: 100%;
        padding-left: 15px !important;
        /* min-height: 200px;
        */
        margin-top: 100px;
    }

        #cResponse.active {
            margin-top: 145px;
        }

    #aResponse {
        width: 100%;
        padding-left: 20px !important;
    }

    .searchbar_main {
        padding-left: 0px;
        height: auto !important;
        min-height: auto !important;
    }

    #folderNavWrap.active::before {
    }

    #cover, #cover1, #cover2 {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        top: 0px;
        z-index: 9999999;
        display: none;
    }

        #cover2 img {
            width: 30px;
            margin-left: 222px;
            margin-top: 30px;
        }

    #cover1 {
        z-index: 999999;
    }

    #ptList > .w48P {
        width: 92%;
    }

    .Search_from_1 .oFlowShow {
        width: 46%;
    }

    #nav #menuMain > .oFlowShow {
        top: 72px !important;
        right: 0px !important;
        width: 160px;
        padding: 0px 10px;
        background: rgba(0,0,0,0.7);
        height: 100%;
        position: fixed !important;
        display: none;
    }

        #nav #menuMain > .oFlowShow a {
            display: block !important;
            width: 100%;
            color: #fff !important;
            border-left: 0px !important;
        }

            #nav #menuMain > .oFlowShow a#navCategory {
                display: none !important;
            }

    #nav #menuSignIO {
        width: 100% !important;
        text-align: left;
    }

    .mainmenu_toggle {
        display: block;
    }

    #cResponse, #aResponse {
        padding-left: 15px !important;
    }

    .mobileApp #aResponse {
        padding-left: 15px !important;
    }

    #nav #sign_up_free {
        margin-left: 0px;
        margin-top: 16px;
        padding: 5px 10px !important;
        width: 100px !important;
    }

    #viewCont .contentSelectBox, #userviewCont .contentSelectBox {
        margin-right: 10px;
        width: 46%;
        max-width: 208px;
    }

        #viewCont .contentSelectBox .ml25.mr25, #userviewCont .contentSelectBox .ml25.mr25 {
            margin-right: 10px;
            margin-left: 10px;
        }

        #viewCont .contentSelectBox .whiteBkg, #userviewCont .contentSelectBox .whiteBkg {
            height: 45px;
        }

            #viewCont .contentSelectBox .whiteBkg a, #userviewCont .contentSelectBox .whiteBkg a {
                height: 35px;
            }

            #viewCont .contentSelectBox .whiteBkg img, #userviewCont .contentSelectBox .whiteBkg img {
                /* width: 35px !important;
        */
                width: 22px !important;
                margin-top: 5px !important;
            }

            #viewCont .contentSelectBox .whiteBkg .lb_sendBtn img, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn img {
                width: 30px !important;
                margin-top: 5px !important;
            }

            #viewCont .contentSelectBox .whiteBkg .lb_sendBtn, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn {
                padding-left: 2.1px !important;
            }

            #viewCont .contentSelectBox .whiteBkg .previewBtn img, #userviewCont .contentSelectBox .whiteBkg .previewBtn img {
                /* width: 35px !important;
        */
                width: 28px !important;
                margin-top: 5px !important;
            }

        #viewCont .contentSelectBox .tileStxtC, #userviewCont .contentSelectBox .tileStxtC {
            font-size: 10px !important;
        }

        #viewCont .contentSelectBox .lb_sendBtn {
            padding: 5px 0px;
        }

        #viewCont .contentSelectBox .whiteBkg a.lb_sendBtn, #userviewCont .contentSelectBox .whiteBkg a.lb_sendBtn {
            margin-top: 3px;
        }

    #copyBtn > img {
        padding-left: 6px !important;
    }

    .w46P {
        width: 48%;
    }

    #viewCont .contentSelectBox .whiteBkg a span, #userviewCont .contentSelectBox .whiteBkg a span {
        font-size: 11px !important;
        display: none !important;
    }

    #viewCont .contentSelectBox .whiteBkg a.lb_sendBtn span, #userviewCont .contentSelectBox .whiteBkg a.lb_sendBtn span {
        display: none !important;
    }

    .Search_from_1 .oFlowShow, .mobileApp .Search_from_1 .oFlowShow {
        width: 96%;
        margin-left: 1.5%;
        display: block !important;
        height: auto;
        min-height: 40px;
        box-sizing: border-box;
    }

    .mobileApp .mainmenu_toggle {
        top: 11px !important;
        width: 18px !important;
        height: 18px !important;
    }

    .mobileApp.mobileApp_source #cResponse {
        margin-top: 66px !important;
    }

    .Search_from_1 {
        padding-left: 0px;
        /*height: 40px;
        */
        min-height: 40px;
        box-sizing: border-box;
    }

    .mobileApp .Search_from_1 {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }

    .mobileApp #viewCont .landing_defalut_content {
        margin-left: -10px !important;
        padding-left: 0px;
    }

    .mobileApp .Search_from_1 #shareBtn span {
        margin-left: 3px;
    }

    .Search_from_1 #filterForm .w84P {
        padding: 10px 10px !important;
        padding-right: 67px !important;
        font-size: 15px;
    }

    .Search_from_1 #EmptyTxt {
        top: 9px;
    }

        .Search_from_1 #EmptyTxt img {
            width: 22px;
        }

    .Search_from_1 .search_icn {
        top: 9px;
    }

        .Search_from_1 .search_icn img {
            width: 22px;
        }

    .Search_from_1 .vBottom > img {
        width: 30px !important;
        margin-left: 5px;
    }

    .Search_from_1 .vBottom > span {
        margin-left: 5px;
    }

    .Search_from_1 a.vBottom.mr15 {
        margin-top: 10px;
    }

    .Search_from_1 .vBottom.mr15 {
        margin-right: 8px;
        height: auto;
    }

    .mobileApp.mobileApp_source .Search_from_1 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .searchbar_main {
        padding-top: 13px;
        padding-bottom: 4px;
        margin-top: -6px;
    }

    .folders_tab {
        display: inline-block;
    }

    .selected_folder_name {
        display: inline-block;
    }

    .mobileApp #cResponse {
        width: 100%;
        padding-left: 16px !important;
        margin-top: 80px;
    }

        .mobileApp #cResponse.active {
            margin-top: 80px;
        }

    #nav {
        height: auto;
    }

    #content {
        padding-top: 55px !important;
    }

        #content.active {
            padding-top: 80px !important;
        }

            #content.active #nav {
                height: 100px;
            }

    #viewCont {
        padding-top: 0px;
    }

    .mobileApp #viewCont {
        padding-top: 0px
    }
    /*#viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
         width: 30px;
         left: -10px;
         top: -18px;
    }
    */
    #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
        bottom: 11px;
        left: 11px;
    }

    .width50 {
        width: 100%;
    }

    .width33 {
        width: 100%;
    }

    .width66 {
        width: 100%;
    }

    .width100 {
        width: 100%;
    }

    .container .paymnetgatway {
        width: 100%;
    }

    .billing_info {
        width: 100%;
    }

    .couponcode_btn .field {
        width: 64% !important;
    }

    .error {
        width: 100%;
        font-size: 14px;
    }

    .catlog_list_main {
        margin-left: -15px;
        margin-top: -12px;
    }

    .mobileApp .catlog_list_main {
        margin-left: -18px;
    }

    .catlog_list_main .info_title {
        margin-top: -18px;
        font-size: 14px !important;
        padding: 10px 5px 8px 9px;
    }

    .mobileApp .catlog_list_main .info_title {
        margin-top: -4px;
    }
    /*Tracking Styles Starts*/
    .track_side_header {
        position: relative;
        height: auto;
        padding: 0px;
    }

        .track_side_header h3 {
            padding: 10px 15px;
        }

    .tracking_sidebar {
        left: -100%;
        width: 100%;
        top: 0px;
        z-index: 9999999 !important;
    }

        .tracking_sidebar .ms_mobilemenu_inner {
            position: fixed;
            top: 0px;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            left: -100%;
        }

    .track_side_content {
        margin-top: 0px;
        height: auto !important;
    }

    .tracking_sidebar.active {
        left: 0px;
        height: 100% !important;
    }

        .tracking_sidebar.active .ms_mobilemenu_inner {
            left: 0px;
        }

    .tracking_main {
        padding-left: 0px;
        margin-top: 12px;
    }

        .tracking_main .tracking_item_header .tracking_item_header_inner {
            padding-right: 0px;
        }

    .trk_title, .trk_date, .trk_count, .trk_open_dates {
        width: 100%;
    }

    .tracking_item_header {
        display: none;
    }

    .tracking_list_item {
        position: relative;
    }

    .tracking_list {
        padding-top: 5px;
    }

    .mobileApp .tracking_list {
        padding-top: 33px;
        position: relative;
    }

        .mobileApp .tracking_list::before {
            top: 0px;
            left: 0px;
            width: 100%;
            background: rgba(251, 249, 249, 1);
            position: fixed;
            content: '';
            height: 50px;
            z-index: 9;
        }

    .trk_resend {
        position: absolute;
        width: auto !important;
        padding-left: 52px !important;
        right: 0px;
        bottom: 0px;
        padding-bottom: 9px;
        padding-right: 7px;
    }

        .trk_resend::before {
            position: absolute;
            left: 4px;
            /* content: "Resend";
         color: #4d4e4d;
         top: 32px;
        /* right: 10px;
         */
            left: 43px;
        }

    #btnShare {
        margin-right: 0px;
    }

    .trk_title_main {
        position: relative;
        padding-left: 4px !important;
    }
   
    .trk_date p {
        position: relative;
        padding-left: 92px !important;
    }

        .trk_date p::before {
            position: absolute;
            left: 4px;
            content: "Date Sent:";
            text-transform: uppercase;
            color: #4d4e4d;
        }

    .trk_count p {
        position: relative;
        margin-left: 57px !important;
    }

        .trk_count p::before {
            position: absolute;
            left: -52px;
            content: "Opens:";
            text-transform: uppercase;
            color: #4d4e4d;
        }

    .trk_open_dates .expand_div {
        position: relative;
        padding-left: 117px !important;
        list-style: none;
    }

        .trk_open_dates .expand_div::before {
            position: absolute;
            left: 4px;
            content: "When Opened:";
            text-transform: uppercase;
            color: #4d4e4d;
            font-size: 13px;
            font-weight: 500;
            top: 10px;
        }

    .trk_open_dates .expand {
        padding-left: 117px !important;
    }

    .tracking_mobile {
        display: block;
        padding: 0px 5px;
        background: #f2f2f2;
        border-bottom: 1px solid #ccc;
        position: fixed;
        width: 100%;
        cursor: pointer;
        z-index: 99;
        height: 40px;
    }

        .tracking_mobile img {
            width: 38px;
            margin-left: 5px;
        }

    .show_mobile {
        display: block;
    }

    .ms_menu {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        padding-top: 70px;
    }

        .ms_menu a {
            padding: 0px 10px 0 15px;
            margin-top: 15px;
            line-height: normal;
            font-size: 14px;
            line-height: 14px;
            font-weight: 700;
            color: #5e5f60 !important;
        }

            .ms_menu a.menuUnderLine {
                color: #6f2a70 !important;
            }

            .ms_menu a.hover:hover, .ms_menu a:focus {
                font-weight: 700 !important;
                font-size: 15px !important;
                color: #6f2a70 !important;
            }

        .ms_menu #menuSignIO {
            bottom: 0px;
            width: 100%;
            background: #fff;
            z-index: 999999999;
        }

    .ms_mobilemenu.active .ms_menu #menuSignIO {
        position: fixed;
        padding: 15px;
        left: 0px;
        z-index: 9999999999 !important;
    }

        .ms_mobilemenu.active .ms_menu #menuSignIO:focus, .ms_mobilemenu.active .ms_menu #menuSignIO:hover, .ms_mobilemenu.active .ms_menu #menuSignIO:active {
            color: #5e5f60 !important;
            font-size: 14px !important;
        }

    #removeBtn {
        margin-left: 5px;
        margin-right: 3px;
    }
    /*#copyBtn {
         margin-left: 5px;
    }
    */
    #contHolder {
        margin-top: 20px !important;
    }

    .tracking_dates {
        padding-bottom: 40px;
    }

    .w580p {
        width: 100%;
    }

    #folderNavWrap #folderNav {
        padding-left: 3%;
    }

    #folderNavWrap #fSysCtrl {
        width: 94% !important;
    }

    #folderNavWrap .folderSect .pl15.pr15 {
        padding-left: 3%;
        padding-right: 3%;
    }

    #Favorites {
        width: 100% !important;
        box-sizing: border-box;
    }

    #folderNavWrap #fSysCtrl .pointer p {
        padding-left: 50px;
        margin-top: -40px;
        width: 100% !important;
        box-sizing: border-box;
        display: inline-block !important;
    }
    /*Tracking Styles Ends*/
    #contentMenu #removeBtn img {
        margin-left: 8px;
    }

    .mobileApp #folderNavWrap.active {
        top: 55px;
    }

        .mobileApp #folderNavWrap.active .ms_mobilemenu_inner {
            top: 55px;
        }

    .mobileApp .mainmenu_toggle {
        top: 10px !important;
        left: 12px !important;
    }

        .mobileApp .mainmenu_toggle::before {
            top: 28px !important;
            left: -2px !important;
        }

    .search_btns {
        position: absolute;
        right: 0px;
        top: 7px;
    }

    .mobileApp .folderNavWrap_menu_3 {
        top: 10px !important;
        left: 12px !important;
        width: 18px !important;
        height: 18px !important;
    }

        .mobileApp .folderNavWrap_menu_3::before {
            top: 28px !important;
            left: -2px !important;
        }

    .hidemobile_1 {
        display: none !important;
    }

    #previewBox .lineBtm .floatRight {
        width: 100%;
        text-align: right;
        border-left: 0px solid #000 !important;
        margin-top: 10px;
    }

    .catlog_list {
        padding-top: 43px;
    }

    .register_msgs p {
        font-size: 20px;
    }

    .register_msgs ul li {
        font-size: 14px;
    }

    .container_reg #imageHolder {
        padding-bottom: 20px !important;
        padding-top: 0px !important;
    }

    .res_login {
        margin-bottom: 0px;
    }

    #previewBox .lineBtm .txtLeft .floatRight a {
        margin-right: 5px;
    }

    .preview_header {
        padding-right: 0px;
        position: relative;
        min-height: 45px;
    }

    .preview_icons {
        position: static;
        right: 0px;
        height: auto;
    }

    .preview_header .preview_txt {
        margin-top: 8px;
    }

    .tracking_dates.pactive {
        padding-bottom: 0px;
    }

    #folderNavWrap #folderNav #fSysCtrl.pactive {
        padding-bottom: 0px;
    }
    /* .DexterWidget--3Gs4e .MessagePanel--2brm1 {
         width: 330px !important;
         height: 420px !important;
         border: 1px solid #dedada;
    }
     .DexterWidget--3Gs4e h1 {
         padding-left: 5px !important;
         padding-right: 0px !important;
    }
     .DexterWidget--3Gs4e .p2--33Jit {
         padding: 0.3rem !important;
    }
     .DexterWidget--3Gs4e .MessagePanel-header--3At-q {
         padding: 1rem !important;
    }
     .DexterWidget--3Gs4e h1 {
         text-transform: none !important;
         text-align: left !important;
    }
    */
    /*New css form Dexter*/
    .DexterWidget--HVqxk h1 {
        text-transform: none !important;
        text-align: left !important;
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .DexterWidget--HVqxk .MessagePanel--38vXL {
        width: 240px !important;
        height: 460px !important;
        border: 1px solid #dedada;
    }
}

@media (max-width:580px) {
    .couponcode_btn .field {
        width: 62% !important;
    }
}

@media (max-width:568px) {
    .couponcode_btn .field {
        width: 57% !important;
    }

    .catlog_list > li > label {
        padding-left: 25px;
    }

    .catlog_list_arrow {
        left: 5px;
    }

    .catlog_list ul li {
        padding-left: 40px;
    }

        .catlog_list ul li .addbtn {
            left: 20px;
        }

    #previewBox .lineBtm .txtLeft {
        padding-left: 10px;
    }

        #previewBox .lineBtm .txtLeft .floatRight {
            width: 100%;
            border-left: 0px solid #ccc;
            padding-bottom: 10px;
        }

            #previewBox .lineBtm .txtLeft .floatRight #shareBtnPre img {
                margin-top: -10px;
            }

            #previewBox .lineBtm .txtLeft .floatRight #shareBtnPre span {
                margin-top: 0px;
                display: block !important;
            }

    .w480p, #fwd.w480p {
        width: auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .w510p {
        width: auto !important;
    }

    .spotImg {
        border: 1px solid #bcbec0 !important;
    }

    #fwd.w510p {
        width: auto !important;
    }

    #ajaxCover #response {
        left: 0px !important;
        right: auto !important;
    }

    .paddingFwdTop {
        padding: 20px 20px;
    }

    .fwdCancelBtn {
        padding: 10px 20px;
    }

    .fwdShareBtn {
        padding: 10px 20px;
    }

    .MDCancelBtn {
        padding: 10px 20px;
    }

    .MDShareBtn {
        padding: 10px 20px;
    }

    #logo {
        margin: 10px 0 0 0 !important;
        width: 160px !important;
    }

    .logobottom {
        bottom: auto !important;
    }

    .errorfwdpd {
        padding: 0px 10px !important;
    }

    #response > div.MDouter {
        width: 100% !important;
    }

    #response > div.successMD {
        width: 100% !important;
    }
    /*.TopBackCk {
         padding-left:10px !important;
         padding-right: 10px !important;
    }
    */
    .TopBackCk > div p {
        font-size: 14px !important;
        padding-top: 0px !important;
    }

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

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

    .MDLogoImg {
        width: 180px !important;
    }

    .DocImg {
        width: 90px !important;
    }

    .HDImg {
        width: 32% !important;
    }

    .imgPdd {
        padding-top: 20px !important;
    }

    .HText {
        width: 67% !important;
    }

    .HCLogo {
        width: 120px !important;
    }

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

    .SourceName {
        font-size: 10px !important;
    }

    .linkVisited > p, .linkNotVisited > p {
        font-size: 14px !important;
    }

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

    .MDfooterTxt {
        font-size: 12px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #emTblSub {
        border-radius: 0px !important;
    }

    .ac_inner_content {
        width: 300px !important;
        height: auto !important;
    }

    #recommendDiv {
        width: 100% !important;
    }

    .errorRef {
        width: 90% !important;
    }

    #recommendForm {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    img.featureimg {
        width: 100% !important;
    }

    .mainDivwidth{
        width:100% !important;
    }
    #resendModal{
        width:90% !important;
    }

    .testRTable{
        width:90% !important;
    }

    .headerTxtres{
        font-size:18px!important;
    }
    div.labheader p {
        font-size: 12px !important;
    }
    div.labpatient p {
        font-size: 12px !important;
    }
    #errorBox{
        width:95% !important;
    }
    .resultdisLink{
        padding:20px 10px !important;
        font-size:14px !important;
    }
}

.spotImg {
    border: 1px solid #bcbec0 !important;
}

@media (max-width:414px) {
    .couponcode_btn #btnValidate {
        font-size: 13px !important;
        padding: 16px 14px;
    }

    .couponcode_btn .field {
        width: 52% !important;
    }

    #userviewCont .contentSelectBox .whiteBkg a.lb_sendBtn {
        margin-top: 0px;
    }

    .MDRecSub {
        width: 37% !important;
    }

    .closeWidth {
        width: 34% !important;
    }

    .drRecLogo {
        top: 10% !important;
    }

    .MDBtn {
        width: 70% !important;
    }

    .recommendAdd {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

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

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

    .DocImgPos {
        right: -15% !important;
    }

    .DexterWidget--HVqxk .MessagePanel-skinny--2PftB {
        position: relative !important;
        top: 50px !important;
        left: 10px !important;
    }

    #signIn input, #forgot input, #registration input {
        font-size: 10pt !important;
    }

    .dropdownSelectR {
        font-size: 10pt !important;
    }

    #registration #FirstName, #registration #LastName {
        width: 36% !important;
    }
}

@media (max-width: 385px) {
    #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
        bottom: 11px;
        left: 9px;
    }
   
}

@media (max-width:362px) {
    #viewCont {
        padding-left: 0px;
        padding-top: 0px;
    }
    .resultdisLink {
        padding: 20px 10px !important;
        font-size: 12px !important;
    }

        #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
            width: 27px;
            bottom: 7px;
            left: 7px;
        }

    .MDLogoImg {
        width: 150px !important;
    }

    .MDAWHOLogoImg {
        width: 80px !important;
    }

    .DocImg {
        width: 75px !important;
    }

    .HDImg {
        padding-top: 10px;
    }

    .TopBackCk > div p {
        padding-top: 0px !important;
    }

    #multiShare {
        padding-left: 0px;
    }

    #logoN {
        width: 235px !important;
    }

    #selectedFldName {
        display: none;
    }

    .folders_tab {
        margin-right: 5px;
    }

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

    #cResponse {
        margin-top: 150px;
    }

    .mobileApp #cResponse {
        margin-top: 70px;
    }

    #RecomBtn {
        font-size: 16px !important;
    }

    .MDRecSub {
        width: 37% !important;
    }

    .closeWidth {
        width: 34% !important;
    }
}

    @media (max-width:320px) {
        .couponcode_btn .field {
            width: 45% !important;
        }
        .resultdisLink {
            font-size: 10px !important;
        }

        #viewCont .contentSelectBox .whiteBkg, #userviewCont .contentSelectBox .whiteBkg {
            height: 40px;
        }

            #viewCont .contentSelectBox .whiteBkg img, #userviewCont .contentSelectBox .whiteBkg img {
                width: 20px !important;
            }

            #viewCont .contentSelectBox .whiteBkg .lb_sendBtn img, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn img {
                width: 30px !important;
            }
        /* .DexterWidget--3Gs4e .MessagePanel--2brm1 {
         width: 288px !important;
         height: 350px !important;
         border: 1px solid #dedada;
    }
     .DexterWidget--3Gs4e h1 {
         padding-left: 5px !important;
         padding-right: 0px !important;
    }
     .DexterWidget--3Gs4e .p2--33Jit {
         padding: 0.3rem !important;
    }
     .DexterWidget--3Gs4e .MessagePanel-header--3At-q {
         padding: 1rem !important;
    }
     .DexterWidget--3Gs4e h1 {
         text-transform: none !important;
         text-align: left !important;
    }
    */
        /*New Dexter css*/
        .DexterWidget--HVqxk h1 {
            text-transform: none !important;
            text-align: left !important;
            padding-left: 5px !important;
            padding-right: 0px !important;
        }

        .DexterWidget--HVqxk .MessagePanel--38vXL {
            width: 288px !important;
            height: 350px !important;
            border: 1px solid #dedada;
        }

        .ac_inner_content {
            width: 250px !important;
            height: auto !important;
        }

        .SourceName {
            font-size: 9px !important;
        }

        .MDRecSub {
            width: 40% !important;
            padding: 10px 9px !important;
        }
    }
    /* ----------- iPhone 6 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #viewCont .contentSelectBox, #userviewCont .contentSelectBox {
            margin-right: 10px;
            width: 46%;
        }

        .Search_from_1 #EmptyTxt {
            top: 9px;
        }

            .Search_from_1 #EmptyTxt img {
                width: 22px;
            }

        .Search_from_1 .search_icn {
            top: 9px;
        }

            .Search_from_1 .search_icn img {
                width: 22px;
            }

        .Search_from_1 .vBottom > img {
            width: 30px !important;
        }

        .Search_from_1 .vBottom.mr15 {
            margin-right: 8px;
        }

        .searchbar_main {
            padding-top: 12px;
        }

        .folders_tab {
            display: inline-block;
        }

        .selected_folder_name {
            display: inline-block;
        }

        #nav {
            height: auto;
        }

        #content {
            padding-top: 55px !important;
        }

            #content.active {
                padding-top: 80px !important;
            }

                #content.active #nav {
                    height: 100px;
                }
    }
    /* Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    }
    /* ----------- iPhone 6+ ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
        #cResponse, #aResponse {
            padding-left: 10px !important;
        }

        #viewCont .contentSelectBox, #userviewCont .contentSelectBox {
            margin-right: 10px;
            width: 46%;
        }

        .Search_from_1 #EmptyTxt {
            top: 9px;
        }

            .Search_from_1 #EmptyTxt img {
                width: 22px;
            }

        .Search_from_1 .search_icn {
            top: 9px;
        }

            .Search_from_1 .search_icn img {
                width: 22px;
            }

        .Search_from_1 .vBottom > img {
            width: 30px !important;
        }

        .Search_from_1 .vBottom.mr15 {
            margin-right: 8px;
        }

        .searchbar_main {
            padding-top: 13px;
        }

        .folders_tab {
            display: inline-block;
        }

        .selected_folder_name {
            display: inline-block;
        }

        #nav {
            height: auto;
        }

        #content {
            padding-top: 55px !important;
        }

            #content.active {
                padding-top: 80px !important;
            }

                #content.active #nav {
                    height: 100px;
                }
    }
    /* Landscape */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    }
    /* ----------- iPad mini ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* ----------- iPad 1 and 2 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* ----------- iPad 3 and 4 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    }
    /*Extra large devices (Desktops)*/
    @media (max-width: 1200px) {
    }
    /*Large devices (Desktops)*/
    @media (max-width: 1024px) {
    }
    /*Large devices (Desktops)*/
    @media (max-width: 992px) {
    }
    /*Medium devices (Tablets)*/
    @media (min-width: 768px) {
    }

    @media (max-width: 769px) {
    }

    @media (max-width: 700px) {
    }

    @media (max-width:767px) {
    }

    @media (max-width:568px) {
    }

    @media (max-width:362px) {
    }
    /* ----------- iPhone 6 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    }
    /* New Design Styles Ends*/
    /*IOS Device Styles*/
    .FlowH {
        overflow: hidden !important;
    }

    .mobileApp #nav, .mobileApp .ms_header, .mobileApp .ms_menu, .mobileApp .folder_mainlist {
        display: none !important;
    }

    .mobileApp .mainmenu_toggle {
        background: url(/Images/menu_icon_1.png);
        background-size: 100% 100%;
        width: 25px;
        height: 25px;
        top: 10px;
        left: 12px;
        z-index: 99;
    }

        .mobileApp .mainmenu_toggle::before {
            content: "Back" !important;
            top: 34px;
            left: -2px;
        }

    .mobileApp .folderNavWrap_menu_3 {
        background: url(/Images/menu_icon_1.png);
        background-size: 100% 100%;
        width: 25px;
        height: 25px;
        top: 17px;
        left: 12px;
        z-index: 99;
        overflow: visible;
        position: fixed;
        display: none;
    }

        .mobileApp .folderNavWrap_menu_3::before {
            content: "Back" !important;
            top: 33px;
            left: 1px;
            position: absolute;
        }

    .mobileApp .folderSect_new {
        margin-top: 10px;
    }

    .mobileApp .ms_menu {
        padding-top: 0px !important;
    }

    #content.mobileApp {
        padding-top: 0px !important;
    }

    .mobileApp #footer {
        display: none;
    }

    .mobileApp .tracking_list {
        padding-left: 0px;
    }

    .mobileApp .searchbar_main {
        padding-top: 6px;
        margin-top: -18px !important;
        padding-bottom: 8px;
    }

    .mobileApp.mobileApp_source .searchbar_main {
        padding-top: 8px;
        margin-top: -21px !important;
    }

    .mobileApp .Search_from_1 #shareBtn {
        position: fixed;
        top: 0px;
        right: 0px;
        margin-top: 7px !important;
    }

    .mobileApp .pl10.outlineGold {
        border: none !important;
        padding-left: 0px;
    }

    .mb50 {
        margin-bottom: 50px;
    }
    /*_____________________*/
    /*_____________________*/
    .captha_block {
        width: 38%;
        float: left;
    }

    .captha_inner {
        padding-right: 30px;
        position: relative;
        text-align: center;
    }

    #captchaText {
        color: red;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        text-decoration: line-through;
        text-align: center;
        font-size: 24px;
        float: left;
        margin-left: 8px;
        padding-bottom: 10px;
    }

    #m_imgCaptcha {
        max-width: 100%;
        height: 46px;
    }

    .img_refresh {
        position: absolute;
        right: 3px;
        padding-top: 11px;
        top: 0px;
    }

    .erro_msg {
        color: #ff2700;
        text-align: left;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 1px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 300;
        margin-top: -10px !important;
        margin-bottom: 10px;
    }

    .captcha_inputTxt {
        float: left;
    }

        .captcha_inputTxt input {
            border: 1px solid #a2a2a2;
            border-radius: 10px !important;
            -webkit-border-radius: 10px !important;
            -moz-border-radius: 10px !important;
            padding-left: 15px;
            padding-right: 15px;
        }

    .errorTxt {
        text-align: left;
    }

    .mobileApp #previewBox #delBtn, .mobileApp #previewBox #editBtn {
        display: none !important;
    }

    .mobileApp #previewBox .lineBtm .floatRight.whiteBkg {
        text-align: center;
        padding-bottom: 1px !important;
    }

    #shareBtnPre span {
        position: relative;
        top: 0px;
    }

    _::-webkit-full-page-media, _:future, :root .keepSingin_lable {
        color: #414042;
        padding: 4px 10px 0px 10px;
    }

    .keepSingin_lable {
        color: #414042;
        padding: 0px 10px;
    }

    .mobileApp .sidebar_bottom_space {
        height: 0px !important;
    }

    .mobileApp.mobileApptab4 .mainmenu_toggle {
        display: none !important;
    }

    .mobileApp #previewBox .lineBtm .floatRight {
        text-align: right !important;
    }

    .link_model {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999;
        background: #fff;
        box-sizing: border-box;
        top: 0px;
        left: 0px;
        bottom: 0px;
        display: none;
    }

        .link_model .close_model {
            width: 26px;
            width: 100%;
            position: relative;
            z-index: 9999;
        }

            .link_model .close_model img {
                width: 20px;
                margin-top: 5px;
                padding-left: 3px;
                margin-bottom: 5px;
            }

        .link_model .link_frame {
            width: 100%;
            height: 100%;
            margin-top: -30px;
            padding-top: 30px;
            box-sizing: border-box;
            -webkit-overflow-scrolling: touch;
            overflow: scroll;
            background-image: url('../Images/loading.gif');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 40px 40px;
        }

            .link_model .link_frame iframe {
                width: 100%;
                height: 100%;
            }

            .link_model .link_frame canvas {
                margin: 0 auto;
            }

    span.titlespan {
        display: inline !important;
    }