﻿/**
 * 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;
}
/* 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;
}
/** {
     padding:0; margin:0; border:0; line-height: 1px; color:rgb(77,77,77); transition:all 1s ease-out;
        }*/

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;
    /*overflow:auto;*/
}

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;
            /*background: url('/Images/px10x10.jpg') no-repeat center center;*/
        }

#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;
}

form textarea {
    resize: none;
}

/*#close{
            position: fixed;
            top: -1000px;
            right: 10px;
            line-height: normal;
            /*font-size: 50px;
            z-index: 1000000;
        }*/

/*#close img{
            width: 25px;
            height: 25px;
        }*/

#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;
    /*text-shadow: 0 3px 10px rgba(0,0,0,.3);*/
}

.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;
    /*right: 25%;
            bottom: 25%;
            */
}

.contentSelected {
    background-color: #aaaaaa;
}

.helpSelected {
    background-color: #702a70 !important;
}

.filterSelected {
    /*color: #ffffff !important;
            border: 1px solid #ffffff !important;
            background-color: #aaaaaa;*/
}

.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;
}

.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;
}

.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;
}

.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;
}

/*.noHeight{
            height: 0px;
            opacity: 0;
            ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
        }*/

.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;
    /*background-color: rgba(204, 204, 204, .8);*/
    /*box-shadow: 0px 5px 50px rgba(0,0,0,.1);*/
    /*font-size: 12px;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    /*padding: 0 0 10px 0;*/
}

    #nav a {
        /*color: #ffffff;*/
        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 .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;
}

    a:hover {
        /* color:#f26631;*/
    }

.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;
    /*font-weight: 400;*/
    width: 100%;
    height: auto;
    padding: 25px 0 20px 0;
    background-color: #4d4d4d;
    font-size: 12px;
    position: absolute;
    z-index: 999999;
    bottom: 0; /*-155px;*/
    left: 0;
    transition: none;
    margin: 140px 0 0 0;
    color: #ffffff;
    /*transition:(bottom 2s ease-out, padding 2s ease-out);*/
}

    #footer #menuFootPolicyTerms img {
        width: 157px;
    }

    #footer #menuFootAccounts img {
        width: 114px;
    }

    #footer #badge {
        width: 128px;
    }

/*#menuLog.menuDown{
			width: 0px;
            position: absolute;
            top: 0;
            right: 0;
		}*/
#container {
    overflow: auto;
    margin: 0 0 140px 0;
}

#menuMain #menuShow.fade {
    opacity: 0;
}

#menuMain #menuHide.fade {
    opacity: 0;
}

#menuTrigger {
    position: relative;
    /*bottom: 20px;
			left: 10px;*/
    overflow: visible;
    float: left;
}

#menuShow, #menuHide {
    /* float: left; */
    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;
}

#copyright {
    clear: left;
    font-size: 10px;
}

/*input[type="submit"]{
            height: 30px;
            background-color: #702a70;
            color: #ffffff;
            text-align:center;
            text-transform: uppercase;
            padding: 5px 0;
            border: none;
            font-family: "Gotham SSm A", "Gotham SSm B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
            text-transform: uppercase;
        }*/

/****#################******
		#####       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%;
    }
}

.rollUp {
    height: 0 !important;
    margin: 0 !important;
    /*zmargin: initial auto initial auto !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;
    mms-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;
        /* margin: 0 auto; */
    }
}

@media screen and (max-width: 768px) {
    #TOS {
        width: 640px;
        /* margin: 0 auto; */
    }
}

#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;
        /* border-radius: 5px; */
        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;
        /* border-bottom: 1px solid; */
    }

    #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: 60px;
        height: 70px;
		*/
    width: 129px;
    height: auto;
    margin: 0 0 20px 0px;
}
/*
    #PtEd-dash{
        width: 114px;
        height: 69px;
    }

    #Prof-dash{
        width: 54px;
        height: 68px;
        padding: 20px 40px 20px 0;
        margin: 0 auto;
	}

    #Sur-dash{
        width: 75px;
        height: 73px;
        margin: 20px 18px;
    }
*/
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;
        /*padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #4d4d4d;*/
    }

    #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: 10px;
        left: 30%;*/
    /*width: 760px;
        margin: 100px auto;
        background: #ffffff;
        height: 400px;
        overflow: auto;*/
    top: 50px;
    bottom: 50px;
    left: 20%;
    right: 20%;
    overflow: auto;
}

    #response > div, #response > p, #response > span {
        /* position: fixed !important; */
        /* height: 500px !important; */
        /* overflow: auto; */
        /* top: 100px; */
        width: 100% !important;
        background: #ffffff;
        /*position: fixed !important;
        top: 20% !important;
        bottom: 20% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;*/
        margin: 0px auto !important;
        /*
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        */
    }

.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;
    /* margin: 100px 0 0 0; */
    /* padding: 20px; */
    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", Arial, "Helvetica", sans-serif !important;
}

.GothamBk, .gothamBk {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-style: normal;
    font-weight: 400;
}

.gothamM, .GothamM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", 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;
}

.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;
}

.w75P {
    width: 75% !important;
}

.w78P {
    width: 78% !important;
}


.w100p {
    width: 100px !important;
}

.wA {
    width: auto !important;
}

.rad5 {
    border-radius: 5px !important;
}

.rad10 {
    border-radius: 10px !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;
}

.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;
}

.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;
}

.pb20 {
    padding-bottom: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb5 {
    padding-bottom: 5px;
}

.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;
}

.lineTop {
    border-top: 1px solid #4d4d4d;
}

.lineRht {
    border-right: 1px solid #4d4d4d;
}

.lineRhtG {
    border-right: 1px solid #ccc;
}

.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;
}

.h100p {
    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 #4d4d4d;
    border-right: 1px solid #4d4d4d;
}

.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;
}

.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;
}

.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;
}

.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;
}

    .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;
}

.w48P {
    width: 48%;
}

.w46P {
    width: 46%;
}
.w50P {
    width: 50%;
}

.w24P {
    width: 24%;
}

.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;
}

.orangeBkg {
    background-color: rgb(242, 102, 49);
}

.pinkBkg {
    background-color: rgb(203, 79, 149);
}

.blueBkg {
    background-color: rgb(110, 185, 231);
}

.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;
}

.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;
}

.xr19-5P {
    right: 19.5%;
}

.xl-19 {
    left: -19px;
}

.xl235 {
    left: 235px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.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;
}

.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;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml30 {
    margin-left: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.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%;
}

.w20 {
    width: 20px;
}

.w24 {
    width: 24px;
}

.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) */
}

.hiddenfile {
    display: none !important;
}

.blockBrdr {
    border: 2px solid rgb(226,227,227);
    border-radius: 6px;
    box-shadow: 6px 6px 6px #E5E7E9;
}

#response > div.MDouter {
    width: 500px !important;
    border: 4px solid darkgray;
    border-radius: 10px;
    overflow: hidden !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: #fff !important;
}

.contentAlign {
    align-content: center;
}

.autoMargin {
    margin: 0 auto;
}

.pd10 {
    padding: 10px;
}

.pxln5 {
    border-width: 5px !important;
}

.tagColor {
    color: #f26532;
}

.txtColor {
    color: #414042;
}

.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;
}

.pr25 {
    padding-right: 25px;
}

.pr20 {
    padding-right: 20px !important;
}

.pl25 {
    padding-left: 25px;
}

.txtcolor {
    color: #4d4d4d !important;
}

.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;
}

#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;
}

.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;
        }
        #userviewCont .contentSelectBox .whiteBkg a.lb_sendBtn span {
            margin-left: 4px;
        }

.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;
}

.favDiv_main, .alertDiv_main {
    padding: 10px;
}

#ajaxCover #response > div {
    border: 0px !important;
    border-radius: 0px !important;
}

#ajaxCover #favDiv, #ajaxCover #alertDiv {
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    bottom: auto !important;
}

    #ajaxCover #favDiv #favclose, #ajaxCover #alertDiv #alertClose {
        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 li.active ul {
    display: block;
}

#folderNavWrap .folderSect_new #fTitle {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#catalogListTab {
    padding: 5px !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;
}

    .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;
}

    .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/ic_checked.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;
}
.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);
}

#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: 100% !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;
    }
    /*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;
    }
   
}
/*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: 95% !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;
    }
}
/*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%;
    }

    #nav > .mlr70 {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@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: 28px !important;
                margin-top: 5px !important;
            }

            #viewCont .contentSelectBox .whiteBkg .lb_sendBtn img, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn img {
                width: 45px !important;
                margin-top: -5px !important;
            }

        #viewCont .contentSelectBox .lb_sendBtn {
            padding: 5px 0px;
        }

    .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 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;
    }

    .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_title_main::before {
            position: absolute;
            left: 4px;
            content: "Title:";
            text-transform: uppercase;
            color: #4d4e4d;
        }*/

    .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;
    }

    #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;
    }
   

}

@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;
            }
}

@media (max-width:414px) {
    .couponcode_btn #btnValidate {
        font-size: 13px !important;
        padding: 16px 14px;
    }

    .couponcode_btn .field {
        width: 52% !important;
    }
}

@media (max-width:362px) {
    #viewCont {
        padding-left: 0px;
        padding-top: 0px;
    }

        #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
            width: 27px;
            left: -9px;
            top: -18px;
        }

    #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;
    }
}

@media (max-width:320px) {
    .couponcode_btn .field {
        width: 45% !important;
    }

    #viewCont .contentSelectBox .whiteBkg, #userviewCont .contentSelectBox .whiteBkg {
        height: 40px;
    }

        #viewCont .contentSelectBox .whiteBkg img, #userviewCont .contentSelectBox .whiteBkg img {
            width: 30px !important;
        }

        #viewCont .contentSelectBox .whiteBkg .lb_sendBtn img, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn img {
            width: 42px !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 {
    /*background-color: #fff4ec;*/
    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 {
    /*width: 50px;*/
    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;
    /*margin-left:5px;*/
}

    .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;
    }