/* Minification failed. Returning unminified contents.
(921,16): run-time error CSS1038: Expected hex color, found '#inherit'
(2047,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4708,1): run-time error CSS1019: Unexpected token, found '}'
(5396,53): run-time error CSS1038: Expected hex color, found '#A9A9A9100'
(5396,63): run-time error CSS1019: Unexpected token, found '%'
(5396,63): run-time error CSS1042: Expected function, found '%'
(5396,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(5398,56): run-time error CSS1038: Expected hex color, found '#A9A9A9100'
(5398,66): run-time error CSS1019: Unexpected token, found '%'
(5398,66): run-time error CSS1042: Expected function, found '%'
(5398,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(5417,43): run-time error CSS1019: Unexpected token, found '#'
(5417,43): run-time error CSS1042: Expected function, found '#'
(5417,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(5421,55): run-time error CSS1038: Expected hex color, found '#696969100'
(5421,65): run-time error CSS1019: Unexpected token, found '%'
(5421,65): run-time error CSS1042: Expected function, found '%'
(5421,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(6128,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6150,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6172,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6184,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6196,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6206,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6216,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6226,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6236,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6246,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6256,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6266,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6316,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6348,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6406,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6454,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6505,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6524,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6553,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6587,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6597,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6612,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6622,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
	display: block; 
}
								  
ol, ul { 
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

input {
	border: 0px;
}
/*@import 'reset.css';
@import 'responsive.gs.24col.css';*/
/*@import 'Fonts/fonts.css';
@import 'Fonts/icons/icons.css';*/

.k-input.k-textbox {
    border: 1px solid #ccc !important;
}

.sa-button-container {
    text-align: center !important;
}

.load_overlay {
    background: rgba(0,0,0,0.75);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    padding-top: 20%;
}

.slide_load body:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
}

.slide_load .bar {
    font-size: 20px;
    width: 10em;
    height: 1em;
    position: relative;
    margin: 100px auto;
    border-radius: .5em;
    background: rgba(255,255,255,0.6);
    box-shadow: 0 0 0 .05em rgba(100,100,100,0.075), 0 0 0 .25em rgba(0,0,0,0.1), inset 0 .1em .05em rgba(0,0,0,0.1), 0 .05em rgba(255,255,255,0.7);
}



    .slide_load .bar .text {
        position: absolute;
        left: 0;
        top: 150%;
        color: #ff3701;
        text-shadow: 0 .05em rgba(0,0,0,0.3);
        text-align: center;
        font-family: 'antonio';
        text-transform: uppercase;
        letter-spacing: -0.03em;
        font-weight: 400;
        right: 0;
        margin: auto;
        word-break: keep-all;
    }


    .slide_load .bar .sphere {
        border-radius: 50%;
        color: #ff3701;
        width: 1em;
        height: 100%;
        background: -webkit-linear-gradient(#ff3701, #ff3701);
        background: linear-gradient(#ff3701, #ff3701);
        box-shadow: inset 0 .15em .1em rgba(255,255,255,0.3), inset 0 -.1em .15em rgba(0,0,0,0.15), 0 0 .25em rgba(0,0,0,0.3);
        display: block;
        -webkit-animation: slide 1.75s ease-in-out infinite alternate;
        animation: slide 1.75s ease-in-out infinite alternate;
    }

@-webkit-keyframes slide {
    from {
    }

    to {
        margin-left: 90%;
    }
}

@keyframes slide {
    from {
    }

    to {
        margin-left: 90%;
    }
}



#walletWidgetDiv {
    width: 400px;
    height: 228px;
    padding: 30px;
    float: left;
}

#consentWidgetDiv {
    width: 400px;
    height: 228px;
    padding: 30px;
    overflow: hidden;
}

#readOnlyWalletWidgetDiv {
    width: 400px;
    height: 185px;
    padding: 30px;
}

#lblError {
    color: red;
    font-size: small;
}

.save_changes {
    float: right;
    margin-top: 10px;
    display: none;
}

    .save_changes.button_red {
        display: none;
    }

.k-today {
    background-color: rgba(200, 77, 25, 0) !important;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: inherit;
}

.fulltext, .fulltext * {
    white-space: nowrap !important;
}


body {
    background: #000;
    color: #000;
    font-family: 'proxima_nova', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
}



img {
    border: 0px;
    max-width: 100%;
    height: auto;
}



a {
    text-decoration: none;
    color: inherit;
}

p {
    text-align: inherit;
    margin-bottom: 2em;
    color: #666;
}

    p.right {
        text-align: right;
        display: block;
        margin: 0px;
        clear: both;
    }

b, strong, .bold {
    font-weight: 800;
}

em, .italic {
    font-style: italic;
}

.rightside {
    text-align: right;
}

    .rightside.block {
        display: block;
    }

.floatright {
    float: right;
}

.title {
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    text-align: inherit;
    display: block;
}

.inline {
    display: inline !important;
}

.lined {
    padding-bottom: 3px;
    border-bottom: 5px solid #000;
    margin-bottom: 40px;
    margin-top: 20px;
}

h1 {
    font-size: 67px;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 400;
    line-height: 120%;
}

h2 {
    font-size: 40px;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 150%;
    font-weight: 400;
}

h3 {
    font-size: 25px;
    margin: 10px 0px;
    line-height: 115%;
}

h4 {
    font-size: 21px;
    margin: 10px 0px;
    line-height: 120%;
}


.red {
    color: #ff3701;
}

.white {
    color: #fff;
}

.mobileonly {
    display: none !important;
}

.fullwrap {
    background: #fff;
    width: 100%;
    padding: 0px;
}

.full {
    width: 100%;
}

.small, small, .info {
    font-size: 13px;
    line-height: 17px;
    display: block;
}

.large {
    font-size: 18px;
    line-height: 100%;
}

.hide {
    display: none;
    width: 0px;
}

sup {
    font-size: 80%;
    top: -0.5em;
}

.noselect, .filterbox, .tog_header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pointer {
    cursor: pointer;
}

.center, .text-align-center {
    text-align: center;
    margin: auto;
}

.centered {
    margin: auto !important;
    text-align: center;
    display: block !important;
    float: none !important;
}

.caps {
    text-transform: uppercase;
}

i {
    line-height: inherit;
}

[class^="os-icon-"]:before,
[class*=" os-icon-"]:before {
    font-size: inherit;
    line-height: inherit;
    font-size: 160%;
    vertical-align: middle;
    padding: 0px 9px;
}

[class^="os-icon-"].nopadding:before, [class*=" os-icon-"].nopadding:before {
    padding: 0px;
}


/*-------------------- Repeated Styles -----------------------------*/
.darkgray {
    color: #666;
}

.box {
    margin-bottom: 40px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 100%;
}

.box_head {
    background: #000;
    color: #fff;
    padding: 20px 30px;
}

    .box_head h2 {
        font-size: 26px;
        line-height: 36px;
        display: inline-block;
        width: 70%;
        max-width: 75%;
        padding-top: 0px;
        margin-top: 5px;
    }

    .box_head.tog {
        background: url('img/bg_tog_up.png') no-repeat left center #000;
        background-origin: content-box;
        cursor: pointer;
    }

        .box_head.tog.up {
            background: url('img/bg_tog_down.png') no-repeat left center #000;
            background-origin: content-box;
        }

            .box_head.tog.up + .box_subhead {
                display: none !important;
            }

                .box_head.tog.up + .box_subhead + .box_content {
                    display: none;
                }

        .box_head.tog h2 {
            margin-left: 38px;
        }

    .box_head .button_red, .box_subhead .button_red {
        float: right;
        z-index: 111;
        width: auto;
        padding: 0 15px;
        font-size: 21px;
    }

.box_subhead * {
    vertical-align: middle;
}

.box_subhead {
    background: #414042;
    padding: 20px 30px;
    font-size: 16px;
    color: #fff;
}

    .box_subhead .left {
        width: 50%;
        float: left;
        display: table-cell;
        vertical-align: middle;
    }

    .box_subhead .right {
        width: 50%;
        float: left;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

.gray {
    color: #888;
}

.black {
    color: #000;
}

.green {
    color: #5ECCAE;
}

.box_content {
    border: 1px solid #e2e4e4;
    background: #f4f5f5;
    padding: 30px;
}

    .box_content.bgblack {
        background: #000;
        border: 0px;
        color: #fff;
    }

        .box_content.bgblack .summaryblock, .box_content.bgblack .summaryblock strong {
            color: #fff !important;
        }

/* .columnfloat {
	position: relative;
	margin: 0;
	padding: 0;
}

 .columnfloat .packagebox {
      display: none;
    }
*/



.columnfloat {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    width: 100%;
}

    .columnfloat .packagebox {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
        margin-top: 1px;
    }

.vmid * {
    vertical-align: middle;
}

.fullwidth {
    width: 100%;
}

.blacktile {
    background: url('img/blacktile_full.svg') center center no-repeat #000;
    background-size: cover;
}

.orangetile {
    background: url('img/orangetile_bg.jpg') center center repeat-x #ff3701;
    background-size: 100% auto;
}

#sigPadCanvas {
    max-height: 85px;
    width: 100%;
    border: 1px solid #E2E4E4;
}

.clearsign {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    color: #666;
    z-index: 111;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    border: 1px solid #E2E4E4;
}

    .clearsign:hover {
        color: #ff3701;
    }

[class*="button_"], .m-signature-pad--footer button {
    font-size: 18px;
    line-height: 44px;
    height: 40px;
    padding: 0 20px;
    min-width: 80px;
    z-index: 222;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 400;
    clear: both;
    border: 0px;
}

.dgrayImportant {
    color: #656565 !important;
}

.dgray {
    color: #656565;
}

.lgray {
    color: #f4f5f5;
}

.nopadding {
    padding: 0px;
}

.button_remove {
    border: 0px;
    display: inline-block;
    margin-left: 3px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    height: 25px;
    background: none;
}

    .button_remove i {
        font-size: 9px;
        line-height: 7px;
    }

.button_black {
    background: #000;
    color: #FFF !important;
}

.button_dgray, .m-signature-pad--footer button {
    background: #666;
    color: #fff !important;
}

    .button_dgray:hover, .m-signature-pad--footer button:hover {
        background: #000;
    }

.button_black:hover {
    background: #ff3701;
}

.button_red {
    background: #ff3701;
    color: #FFF !important;
    border: 0px;
}

    .button_red:hover {
        background: #000;
        border: 0px;
    }

    .button_red.whitehov:hover, .button_black.whitehov:hover, .button_dgray.whitehov:hover {
        background: #fff;
        color: #ff3701 !important;
    }

.button_pdf {
    background: url('img/pdficon.png') no-repeat left center;
    background-size: auto 70%;
    padding-left: 35px;
}

    .button_pdf:hover {
        color: #3b3b3b;
    }

.itemboxed {
    background: #000;
    color: #fff;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 150%;
    font-weight: 400;
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    padding: 20px 10px;
    font-size: 18px;
    max-width: 200px;
    margin-bottom: 10px;
}

    .itemboxed p {
        color: #fff;
        margin: 0px;
        padding: 0px;
    }

    .itemboxed.inlined {
        display: inline-block;
    }

    .itemboxed i {
        background: #ff3701;
        -webkit-border-radius: 100% 100% 100% 100%;
        border-radius: 100% 100% 100% 100%;
        width: 75px;
        height: 75px;
        text-align: center;
        color: #fff;
        line-height: 75px;
        font-size: 20px;
        margin: 0px auto 15px;
        display: block;
    }

.end-package {
    max-width: 200px;
    display: block;
    margin: auto;
}

#endPackageContainer {
    margin-bottom: 10px;
}

hr:before, hr:after {
    clear: both;
    content: "";
    display: table;
}


/* -------------------------FORMS ---------------*/
input {
    outline: none;
    vertical-align: middle;
}

    input:not([type=submit]):not([type=file]):not([type=button]):not([type=checkbox]), select, textarea {
        background: #fff;
        color: #666;
        height: 35px;
        padding: 4px 6px;
        border: 0px;
    }

        input:not([type=submit]):not([type=file]):not([type=button]):not([type=checkbox]):focus, select:focus, textarea:focus {
            background: #fff;
            box-shadow: 0 0 5px rgba(255, 55, 1, 0.5);
            border: 1px solid rgba(255, 55, 1, 1);
            color: #111;
            outline: none;
        }

    input.calendar {
        background: url('img/calendar.png') no-repeat center right #fff !important;
        background-size: auto 100%;
    }

        input.calendar:focus {
            background: url('img/calendar-disabled.png') no-repeat center right #fff !important;
            background-size: auto 100%;
        }

.ms-ctn {
    background: #fff !important;
}

form input[type=submit] {
    height: 35px;
    line-height: 40px;
    min-width: 70px;
}

form input[type=checkbox] {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: auto;
}

[class^="alert_"], [class*=" alert_"] {
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    padding: 5px 5px 5px;
    padding-left: 36px;
    height: auto;
    margin: 5px !important;
    display: block;
    font-size: 13px !important;
    clear: both;
}

input[type="checkbox"]:disabled {
    -webkit-appearance: checkbox !important;
}

.custom-checkbox {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: #fff;
    background-size: contain;
}

    .custom-checkbox:hover {
        background: url('img/checkbox-hovered.png') no-repeat;
        background-size: contain;
    }

    .custom-checkbox.selected {
        background: url('img/checkbox-selected.png') no-repeat;
        background-size: contain;
    }

    .custom-checkbox input[type="checkbox"] {
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        width: 18px;
        height: 18px;
    }

    .custom-checkbox + label {
        margin-left: 10px;
    }

.understanditem {
    border-bottom: 1px solid rgba(255,255,255,0.20);
    padding: 15px 0px;
}

    .understanditem:last-child {
        border-bottom: 0px;
    }

    .understanditem select, .understanditem input[type=password] {
        margin: 0px;
    }


.alert_error {
    border: 1px solid #d50000;
    background: url('img/bg_error.png') left center no-repeat #f9efef;
    color: #d50000 !important;
}

.alert_success {
    border: 1px solid #197b30;
    background: url('img/bg_success.png') left center no-repeat #e8f4ea;
    color: #197b30 !important;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}


input:disabled, select:disabled {
    background: #5a5a5a !important;
    color: #fff !important;
    border: 0px !important;
    cursor: default !important;
    pointer-events: none !important;
    -webkit-appearance: none !important;
}

.editban {
    background: #5a5a5a !important;
    color: #fff !important;
    border: 0px !important;
    cursor: default !important;
    pointer-events: none !important;
    -webkit-appearance: none !important;
}

.looknormal {
    background: none !important;
    color: inherit !important;
    cursor: default !important;
    pointer-events: none !important;
    -webkit-appearance: none !important;
}

.mainbody a {
    color: #ff3701;
}

    .mainbody a:hover {
        color: #inherit;
    }
/*-------------------------------------------------------------------------------*/
.mainlogin {
    background: url('img/blacktile_bg.jpg') repeat #000;
    background-size: 100% auto;
    min-height: calc(100vh - 70px);
    height: auto;
    text-align: center;
    padding: 0px;
    margin: auto;
}

    .mainlogin:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }


.formbox {
    margin: 30px auto 50px;
    text-align: center;
    width: 620px;
    max-width: 100%;
    color: #fff;
    padding: 50px 20px;
    display: inline-block;
    vertical-align: middle;
}

    .formbox.narrow {
        width: 420px;
    }

    .formbox i {
        background: #ff3701;
        font-size: 25px;
        font-weight: 400;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        height: 85px;
        width: 85px;
        line-height: 85px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin: auto;
        margin-bottom: -80px;
        z-index: 222;
    }

    .formbox .logo {
        width: 250px;
        height: auto;
        margin: 20px auto 30px;
        display: block;
    }

    .formbox h3 {
        display: block;
        padding: 7px 10px 9px;
        line-height: 160%;
        font-size: 29px;
        border-bottom: 3px solid #191919;
        color: #fff;
        margin: 0px -30px 15px;
    }

    .formbox p {
        margin: 5px auto 15px;
        color: #9a9a9a;
        font-size: 16px;
        font-family: 'proxima_nova', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: normal;
        text-transform: none;
    }

    .formbox.form {
        background: rgba(0,0,0,1);
        margin-top: 60px;
        display: block;
        -webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,0.02);
        box-shadow: 0 0 50px 0 rgba(255,255,255,0.02);
        text-align: center;
        padding: 20px 30px;
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        transition: all 0.6s linear;
    }

    .formbox.feedback form {
        background: rgba(0,0,0,1);
        margin-top: 60px;
        display: block;
        -webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,0.02);
        box-shadow: 0 0 50px 0 rgba(255,255,255,0.02);
        text-align: center;
        padding: 0px;
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        transition: all 0.6s linear;
    }

.hometerms {
    background: #fff;
    color: #000;
    margin-top: 10px;
    display: block;
    -webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,0.02);
    box-shadow: 0 0 50px 0 rgba(255,255,255,0.02);
    text-align: center;
    padding: 20px 30px;
    overflow: scroll;
    min-height: 450px;
    height: calc(100vh - 370px);
    padding: 45px;
    font-size: 13px;
}

    .hometerms p {
        font-size: 13px;
        color: #000;
        text-align: left;
    }

    .hometerms h3 {
        color: #000;
        text-align: left;
        font-family: 'antonio';
        text-transform: uppercase;
        letter-spacing: -0.03em;
    }

    .hometerms h5 {
        display: inline;
    }

    .hometerms .c3 {
        font-weight: 700;
    }

.formbox form.glow {
    -webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,0.1);
    box-shadow: 0 0 50px 0 rgba(255,255,255,0.1);
}

.formbox form label {
    font-size: 18px;
}

.formbox form input[type=submit] {
    width: auto;
    margin: auto;
    display: block;
}

.mainlogin .loginbox {
    text-align: center;
    height: 50%;
    vertical-align: middle;
    width: 100%;
    max-width: 500px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.logo {
    display: table-cell;
    padding: 10px 0 0;
    vertical-align: middle;
    height: 80px;
}

    .logo img {
        max-height: 55px;
        width: auto;
    }


.mainlogin .loginlogo {
    width: 100%;
    text-align: center;
    background: #000;
    padding: 40px 40px 0px;
}

.mainlogin .loginbox .loginlogo img {
    max-width: 70%;
}

form.loginform {
    padding: 20px 40px 40px;
    margin: 0;
    background: #000;
}

    form.loginform span:first-child {
        border-top: 2px solid #666;
        padding-top: 25px;
    }

    form.loginform span {
        padding: 10px 0;
        display: block;
        text-align: right;
    }


        form.loginform span * {
            vertical-align: middle;
        }

    form.loginform label {
        width: 25%;
        font-size: 19px;
        color: #fff;
        height: 35px;
        line-height: 40px;
        display: inline-block;
    }

    form.loginform .footnote {
        font-size: 12px;
        margin-top: 10px;
        text-align: right;
        color: #878787;
        display: compact;
        width: 20%;
        line-height: 13px;
    }

        form.loginform .footnote:hover {
            color: #fff;
        }

    form.loginform input:not([type=submit]) {
        height: 35px;
        width: 75%;
        display: inline-block;
        border: 1px solid #666;
        padding: 5px;
    }

.mobilenav i {
    cursor: pointer;
}

.openmobile.active, .openprofile.active {
    background: #fff;
    color: #ff3701;
    border-left: 1px solid #262626;
}

.mobilenav {
    display: none;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 9999;
    color: #fff;
    background: #000;
}

#mobileprofile {
    display: none;
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    background: #fff;
    margin-top: 50px;
    padding: 3%;
    text-align: center;
    color: #000;
}

    #mobileprofile hr {
        border-color: rgba(0,0,0,0.1);
    }


    #mobileprofile img {
        width: 75px;
        height: 75px;
        display: block;
        margin: 5px auto 10px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    #mobileprofile a.button {
        display: inline-block;
        height: 40px;
        line-height: 46px;
        padding: 0px 15px;
        background: #000;
        color: #fff;
        font-size: 18px;
        margin: 3px;
    }

        #mobileprofile a.button:hover {
            background: #ff3701;
        }

.mobilenav ul#mobilemenu {
    display: none;
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    background: #fff;
    margin-top: 50px;
    padding: 3% 0%;
}

    .mobilenav ul#mobilemenu li a {
        display: block;
        padding: 14px 20px 9px;
        font-size: 22px;
        color: #000;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }


    .mobilenav ul#mobilemenu li:hover a {
        color: #ff3701;
    }

    .mobilenav ul#mobilemenu li:hover {
        background: rgba(0,0,0,0.03);
    }

.mobilenav i {
    color: #fff;
    float: right;
    line-height: 50px;
    width: 50px;
    height: 50px;
    margin-left: -1px;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #353535;
}

    .mobilenav i:hover, mobilenav i.active {
        background: #fff;
        color: #ff3701;
    }

.mobilenav .mobilelogo {
    float: left;
    color: #fff;
    font-size: 20px;
    border: 0px !important;
}

.header {
    background: #000;
    color: #fff;
}

    .header ul.nav li {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        color: #777;
        font-size: 24px;
        border-right: 1px solid #262626;
        margin: 0px;
        float: left;
    }

        .header ul.nav li a {
            border-bottom: 4px solid rgba(0,0,0,0);
        }

        .header ul.nav li:first-child {
            padding-top: 13px;
            padding-bottom: 6px;
            border-bottom: 4px solid rgba(0,0,0,0);
        }

        .header ul.nav li:last-child {
            border-right: 0px;
        }



        .header ul.nav li.active:first-child {
            background: #fff;
        }

        .header ul.nav li:not(.active):hover {
            background: #262626;
            border-right: 1px solid #262626;
        }

        .header ul.nav li a.active {
            color: #fff;
            border-bottom: 4px solid #fff;
        }

        .header ul.nav li a {
            white-space: nowrap;
            padding: .95em .95em .65em;
            display: block;
        }

        .header ul.nav li.active a, .header ul.nav li:hover a {
            color: #fff;
        }

.navright {
    text-align: right;
    padding-top: 10px;
}

    .navright .navlogo {
        max-height: 37px;
    }

.useralert {
    width: 19px;
    height: 19px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    pointer-events: none;
    max-width: 30%;
    max-height: 30%;
}

.useralertbox {
    padding: 10px;
    border: 1px solid #eee;
    background-color: #f8f8f8;
    line-height: 16px;
    margin-bottom: 10px;
    color: #000;
}

    .useralertbox strong {
        display: block;
        font-size: 18px;
        line-height: 24px;
        color: #ff3701;
    }

    .useralertbox.mail {
        background: url('img/useralert_mail_bg.png') no-repeat bottom right #f8f8f8;
        background-size: auto 100%;
        padding-right: 50px;
    }

    .useralertbox .closebutton {
        display: block;
        color: #000;
        position: absolute;
        top: 0px;
        right: 0px;
        font-weight: 600;
        font-size: 15px;
    }

    .useralertbox a.closebutton {
        color: #fff !important;
        padding: 4px 5px 0px 6px !important;
        display: block;
        background: #000;
    }

        .useralertbox a.closebutton:hover {
            background: #ff3701;
        }

.openuserbox {
    width: 38px;
    height: 38px;
    cursor: pointer;
    margin: 0px 16px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

#userbox {
    position: absolute;
    top: 53px;
    background: #fff;
    z-index: 555;
    width: 300px;
    color: #777;
    font-size: 14px;
    padding: 20px 20px 10px;
    display: none;
    line-height: 22px;
    -webkit-box-shadow: 0 4px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 4px 3px 0 rgba(0,0,0,0.2);
}

    #userbox b {
        color: #000;
    }

    #userbox a {
        color: #ff3701;
        padding-left: 0px;
        display: block;
        padding: 0px;
    }


    #userbox hr {
        margin: 0px auto 10px;
    }

.topbar_dash {
    padding-top: 35px;
    background: url('img/blacktile_bg.jpg') center center no-repeat #000;
    background-size: 100% auto;
}

.topbar_existing {
    padding-top: 25px;
}

.topbar_new {
    padding-top: 25px;
}

.top_profile * {
    vertical-align: middle;
}

.top_profile ul li {
    display: inline-block;
    color: #fff;
}

    .top_profile ul li:first-child {
        margin-right: 15px;
    }


    .top_profile ul li:last-child {
        padding-right: 0px;
        text-align: right;
        float: right;
    }

.top_profile h2 {
    display: block;
    font-size: 41px;
    line-height: 100%;
}

.top_profile .profileimg {
    width: 100px;
    height: 100px;
    background: #000;
}

.top_profile [class*="button_"] {
    margin: 2px;
}

ul.dash_buttons {
    margin: 25px auto 40px;
    display: block;
}

    ul.dash_buttons li {
        background: #ff3701;
        color: #fff;
        vertical-align: middle;
        padding: 30px auto 0px;
        line-height: 90px;
        font-size: 24px;
        text-align: center;
        width: 24.1%;
        margin: 0 .5%;
        float: left;
    }

        ul.dash_buttons li:first-child {
            margin-left: 0;
        }

.tabnav {
    clear: both;
    margin-top: 30px;
    display: block;
}

.blacktile .tabnav li {
    background: rgba(255,255,255,0.24);
}

.orangetile .tabnav li {
    background: rgba(0,0,0,0.5);
}

.tabnav li {
    display: block;
    float: left;
    width: auto;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 0.6333333%;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

    .tabnav li a {
        line-height: 55px;
        min-width: 130px;
        padding: 0px 10px;
        height: 50px;
        display: block;
        text-align: center;
    }

    .tabnav li.active, .tabnav li:hover {
        color: #ff3701;
        background: #fff;
    }

    .tabnav li .cartcount {
        background: #000;
        font-size: 12px;
        font-weight: 400;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        height: 21px;
        width: 21px;
        line-height: 21px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: -3px;
        margin-right: -3px;
        pointer-events: none;
    }

    .tabnav li:hover .cartcount, .tabnav li.active .cartcount {
        color: #fff;
    }

.mainbody {
    padding: 50px 0px 50px;
    min-height: 800px;
}



.searchbody {
    background: url('img/blacktile_full.svg') center top no-repeat #000;
    background-attachment: fixed;
    background-size: 120%;
    min-height: 600px;
    min-height: calc(100vh - 155px);
    text-align: center;
    display: block;
    padding: 0 0 45px;
}

.searchbar {
    display: block;
    padding-top: 25px;
    text-align: center;
}

    .searchbar .light {
        position: absolute;
        top: 0;
        margin: auto;
        background: url('img/bg_searchlight.png') no-repeat top center;
        background-size: auto 100%;
        height: 100%;
        width: 100%;
        opacity: 0.4;
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        transition: all 0.6s linear;
    }


.lighten {
    opacity: 0.9;
}

.searchbar form {
    color: #fff;
    padding: 20px 30px;
    margin: 30px auto;
    background: #000;
    display: block;
    width: 100%;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-size: 26px;
}

    .searchbar form * {
        vertical-align: middle;
    }

.searchbar select, .searchbar select option {
    text-transform: uppercase;
    font-family: 'proxima_nova', sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.searchbar form input[type=search] {
    font-family: 'proxima_nova', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.searchbar form div {
    text-align: center;
    display: block;
    margin: auto;
}

.searchbar input:not([type=submit]) {
    width: 70%;
    margin: 0 10px;
}

.searchbar input[type=submit] {
    text-align: center;
    line-height: 40px;
}

.searchresults h2 {
    border-bottom: 4px solid #fff;
    color: #fff;
    margin-bottom: 30px;
}

.searchresults {
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.resultsbox.company {
    background: url('img/resultsbox_company.png') no-repeat bottom right #fff;
    background-size: 45% auto;
}

.resultsbox.user {
    /* background: url('img/bg_resultsbox_user.jpg') no-repeat bottom right #fff; 
      background: url('img/resultsbox_user.png') no-repeat bottom right #fff;
   background-size: 20% auto;

*/
}

/*.resultsbox {
    opacity: 1;
    display: block;
    float: left;
    padding: 15px;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    cursor: pointer;
    min-height: 201px;
    background: #fff;
}*/

.resultsbox {
    opacity: 1;
    display: block;
    float: left;
    padding: 15px;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
    min-height: 201px;
    background: #fff;
    width: 15.666666%;
    margin-right: 1%;
    margin-bottom: 1%;
}

    .resultsbox:nth-child(2n) {
        margin-right: 0;
    }

    .resultsbox.user img {
        width: 75px;
        height: 75px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.searchresults:hover .resultsbox {
    opacity: 0.85;
}

    .searchresults:hover .resultsbox:hover {
        opacity: 1.0;
    }


.resultsbox.company h3, .resultsbox.user h4 { /* top text */
    font-size: 17px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}

.resultsbox.company h4, .resultsbox.user h3 { /* bottom text */
    color: #666;
    font-size: 15px;
    line-height: 18px;
    text-transform: none;
    font-weight: normal;
}

.filterbox {
    display: inline-block;
    background: #2f2f2f;
    color: #626064;
    text-transform: uppercase;
    font-weight: bold;
    padding: .45em 1.1em .35em .3em;
    font-size: 15px;
    margin-bottom: 4px;
    cursor: pointer;
}

    .filterbox i {
        font-size: 12px;
        display: inline-block;
        margin-top: -5px;
    }

.filterpeopleicon {
    z-index: 111;
    font-size: 13px;
    opacity: 0.6;
    padding: 0px;
}

.filterpeople {
    margin-left: -42px;
    padding-left: 35px;
}

.filterbox.active {
    color: #ff3701;
    background: #000;
}

.viewcontrols {
    width: 100%;
    display: block;
    text-align: right;
    margin-bottom: -20px;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 222;
    cursor: pointer;
}

    .viewcontrols a {
        display: inline-block;
        padding-right: 20px;
        margin-right: 5px;
        color: #666;
        border-right: 1px solid #ccc;
    }

        .viewcontrols a:last-child {
            padding: 0px;
            border: 0px;
            margin: 0px;
        }

        .viewcontrols a.active {
            color: #ff3701;
        }

.listviewwrap, .mapviewwrap {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

    .listviewwrap.active, .mapviewwrap.active {
        opacity: 1;
        height: auto;
        overflow: visible;
    }

.packagebox {
    display: block;
    opacity: 1;
    list-style-type: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}



    .packagebox.full {
        width: 100%;
        background: #000;
        margin-top: 40px;
        padding: 10px 15px;
    }

        .packagebox.full .header {
            padding: 0;
        }

            .packagebox.full .header i {
                position: relative;
                display: inline-block;
            }

        .packagebox.full .discountform {
            text-align: right;
            padding-top: 30px;
            vertical-align: middle;
        }

            .packagebox.full .discountform .button_red {
                margin-right: 15px;
            }

.purchasedbox {
    display: block;
    opacity: 1;
    list-style-type: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .purchasedbox + .purchasedbox {
        margin-top: 10px;
    }

.discountshow {
    display: none;
}

.discountsum {
    color: #ff3701;
    font-weight: 600;
    font-size: 15px;
}

    .discountsum small {
        color: #666;
        text-align: right;
        font-weight: 400;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 13px;
        font-style: italic;
    }

.pricebox.discounttog {
    background: #dfdfdf;
    color: #666;
}

    .pricebox.discounttog.active {
        background: #000;
        color: #fff;
    }

.nodiscount {
    display: none;
}

.addonswrap .row {
    margin-bottom: 40px;
}

.packagebox .header .button_red.floatright {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-right: 15px;
}

.packagebox .header {
    background: #000;
    color: #fff;
    padding: 15px;
    font-size: 30px;
    line-height: 100%;
    padding-left: 100px;
    padding-top: 27px;
    display: block;
}

    .packagebox .header.equal {
        min-height: 107px;
    }

    .packagebox .header * {
        vertical-align: middle;
    }

    .packagebox .header i {
        background: #ff3701;
        -webkit-border-radius: 100% 100% 100% 100%;
        border-radius: 100% 100% 100% 100%;
        width: 75px;
        height: 75px;
        text-align: center;
        color: #fff;
        line-height: 75px;
        font-size: 20px;
        margin: 15px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .packagebox .header small {
        font-size: 19px;
    }

    .packagebox .header .price {
        color: #ff3701;
        display: block;
        margin: 5px auto 10px;
        font-size: 19px;
        line-height: 20px;
    }

        .packagebox .header .price.fill {
            font-size: 0px;
            line-height: 0px;
            padding-top: 3px;
        }

.packagebox .content {
    padding: 10px;
    border: 1px solid #e2e4e4;
    background: #f4f5f5;
    font-size: 15px;
    line-height: 17px;
}

.packagebox form {
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

    .packagebox form input {
        text-align: center;
    }

#masterSigpadDiv label {
    text-align: right;
}

#masterSigpadDiv .row + .row {
    margin: 15px 0px;
    padding: 20px 0px;
    border-top: 1px solid #E2E4E4;
}

#masterSigpadDiv input {
    border: 1px solid #E2E4E4;
}

    #masterSigpadDiv input:focus {
        outline: none;
        box-shadow: none;
        );
    }

#masterSigpadDiv h4 {
    font-size: 17px;
}

#masterSigpadDiv .custom-checkbox {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: #fff;
    border: 1px solid #E2E4E4;
    margin-right: 5px;
}

    #masterSigpadDiv .custom-checkbox.selected {
        background: url('img/checkbox-selected-black.png') no-repeat center center;
        background-size: contain;
        border: 1px solid #000;
    }

#masterSigpadDiv #signature-pad2 {
    border: 1px solid #e2e4e4;
    background: #f4f5f5;
    padding: 30px;
}

#sigPadCanvas {
    background: #fff;
    border: 1px solid #E2E4E4;
}

    #sigPadCanvas:active {
        cursor: pointer;
    }

ul.tabs {
    border-bottom: 2px solid #ccc;
    padding: 10px 0;
    margin-bottom: 10px;
}

    ul.tabs li {
        display: inline-block;
        font-size: 18px;
        padding: 0px 15px 0px 0px;
        color: #787878;
    }



        ul.tabs li.spaces {
            color: #000;
        }

        ul.tabs li.ameni {
            float: right;
            font-size: 13px;
            margin: 0;
            padding: 0;
            line-height: 10px;
            text-align: right;
        }

            ul.tabs li.ameni a {
                color: #ff3701;
            }

                ul.tabs li.ameni a:hover {
                    color: #000;
                    cursor: pointer;
                }

.tab_users ul.subuserboxes li .usericon_sm {
    margin: 0px !important;
    width: 50px;
    height: 50px;
    line-height: 60px;
    font-size: 20px;
}



ul.subuserlist {
    margin: 5px 0px 10px;
}

    ul.subuserlist li {
        padding: 0px;
        display: inline-block;
    }

        ul.subuserlist li .usericon {
            width: 70px;
            height: 70px;
            line-height: 73px;
            display: block;
        }


ul.subuserboxes li.nothing {
    border: 0px;
    background: none;
    font-size: 17px;
    color: #000;
    display: none;
    text-align: left;
    pointer-events: none;
    padding: 15px;
}

ul.subuserboxes li.primaryuser {
    background: #000;
    color: #fff;
}

    ul.subuserboxes li.primaryuser:hover {
        border: 2px solid #000;
    }

    ul.subuserboxes li.primaryuser span {
        color: #fff;
    }

        ul.subuserboxes li.primaryuser span.name {
            color: #ff3701;
        }

            ul.subuserboxes li.primaryuser span.name:before {
                font-size: 12px;
                content: " Account Holder";
                display: block;
                color: #ccc;
                font-weight: normal;
            }

.userfilter {
    padding-right: 15px;
    padding-top: 20px;
}

    .userfilter ul li {
        text-align: right;
        display: block;
        cursor: pointer;
    }

        .userfilter ul li.active {
            color: #000;
        }

        .userfilter ul li h3 {
            padding-right: 30px;
        }

        .userfilter ul li a {
            display: block;
            width: 100%;
            padding: 7px 15px;
            text-align: right;
            font-size: 15px;
            padding-right: 30px;
            color: #888;
            font-weight: bold;
            text-transform: uppercase;
        }

        .userfilter ul li * {
            vertical-align: middle;
        }

        .userfilter ul li.active a {
            background: url('img/userfilter_bg.png') no-repeat center right;
            background-size: auto 100%;
            color: #fff;
        }

        .userfilter ul li:not(.active):hover a {
            background: url('img/userfilter_bg_red.png') no-repeat center right;
            background-size: auto 100%;
            color: #fff;
        }

        .userfilter ul li .count {
            background: rgba(0,0,0,0.2);
            -webkit-border-radius: 100px 100px 100px 100px;
            border-radius: 100px 100px 100px 100px;
            height: 21px;
            width: 21px;
            line-height: 21px;
            display: inline-block;
            margin-left: 10px;
            font-size: 12px;
            text-align: center;
            font-weight: normal;
        }

        .userfilter ul li.active .count {
            background: #ff3701;
            font-weight: normal;
        }

.userside {
    background: rgba(255,255,255,0.52);
}

    .userside a.button_red {
        float: right;
        margin-right: 30px;
        margin-bottom: 20px;
    }

.addon_option {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding: 10px 0px;
    display: block;
    margin: 10px auto;
    line-height: 18px;
    font-size: 17px;
    line-height: 20px;
}

    .addon_option a.button_red {
        float: right;
        width: 60px;
        margin-top: -12px;
    }

    .addon_option:after {
        content: "";
        display: table;
        clear: both;
    }

    .addon_option span.price {
        color: #ff3701;
        font-weight: 600;
    }

    .addon_option span.item {
        color: #000;
    }

    .addon_option:last-child {
        border-bottom: 0px;
    }

.addoncreds {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    padding: 25px 10px 15px;
    margin: 1% auto;
    width: 75%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

    .addoncreds.bought {
    }

.boughtoverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 111;
    text-align: right;
    margin: auto;
    padding-top: 10px;
    padding-right: 10px;
    display: none;
}

.addoncreds.bought .boughtoverlay {
    display: block;
}

.boughtoverlay p {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 15px 5px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    background: #666;
}
/* .addoncreds {
	background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	padding: 25px 10px 15px;
	margin: 1%;
	width: 31%;
	float: left;
	-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
} */

.addoncreds:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #ff3701;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}

.addoncreds.bought:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .addoncreds.bought:hover .number, .addoncreds.bought:hover .savings {
        color: #777;
    }

.addoncreds:hover .number, .addoncreds:hover .savings {
    color: #fff;
}

.addoncreds .number {
    font-family: "antonio";
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-size: 31px;
    display: block;
    line-height: 20px;
    text-align: center;
    color: #ff3701;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .addoncreds .number::after {
        content: " Credits";
    }

.addoncreds .price {
    display: block;
    line-height: 100%;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
    color: #000 !important;
}

.addoncreds .savings {
    font-size: 13px;
    color: #ff3701;
    text-align: center;
    display: block;
    margin-top: 3px;
}

.option_monthly h4, .option_asyougo h4 {
    display: block;
    text-align: center;
    margin: 10px auto 5px;
}

.availability * {
    vertical-align: middle;
}

.availability {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
}

.availablity:hover {
    background: rgba(220,220,220,0.9);
}

.availability .dot, .info-box .dot {
    display: inline-block;
    padding: 3px;
    -webkit-border-radius: 100% 100% 100% 100%;
    border-radius: 100% 100% 100% 100%;
    background: #5ECCAE;
    width: 8px;
    height: 8px;
    line-height: 14px;
    margin: 1px;
}

.availability[class*="_unavail"] .dot, .info-box[class*="_unavail"] .dot {
    background: #FF3701;
}

.availability[class*="_soon"] .dot, .info-box[class*="_soon"] .dot {
    background: #ffa800;
}

.availability .number {
    font-weight: bold;
    text-transform: uppercase;
}

.availability .button_red {
    float: right;
    max-width: 80px;
    font-size: 17px;
    z-index: 222;
}

.button_red.bought {
    background: #666666;
}



.availability .desc {
    display: block;
    line-height: 22px;
    font-size: 13px;
}




.show_unavail:before {
    content: ". . .";
    font-size: 50px;
    line-height: 10px;
    display: block;
    margin-bottom: 15px;
}

.show_unavail {
    text-align: center;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

a.show_unavail {
    color: #ccc;
}

.tog_unavail {
    display: none;
}

.mapside {
    border: 1px solid #e2e4e4;
    background: #f4f5f5;
    padding: 5%;
    position: relative;
    text-align: center;
}

    .mapside svg {
        margin: -7%;
        width: 100%;
        height: 100%;
    }

.packageitem {
    display: block;
    margin-top: 30px;
}

    .packageitem:first-child {
        margin-top: 0px;
    }

.box_head.toggle {
    background: url('img/bg_tog_down.png') no-repeat center right #000;
    background-origin: content-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.box_head.down.toggle {
    background: url('img/bg_tog_up.png') no-repeat center right #000;
    background-origin: content-box;
}

.box_head.toggle .rightside {
    padding-right: 50px;
}

.box_content.toggle {
    display: none;
}

.tog_header {
    background: url('img/bg_arrow_down.png') no-repeat top right #000;
    color: #fff;
    min-height: 60px;
    padding: 0 50px 0 0;
    opacity: 0.875;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
}

    .tog_header.active {
        background: url('img/bg_arrow_up.png') no-repeat top right #000;
        opacity: 1;
    }

        .tog_header.active + .tog_content {
            display: block;
        }



    .tog_header i {
        float: left;
        background: #414042;
        color: #fff;
        height: 60px;
        font-size: 21px;
        display: inline-block;
        width: 60px;
        text-align: center;
        margin-right: 10px;
        line-height: 60px;
    }

    .tog_header.active i {
        background: #ff3701;
    }


    .tog_header span {
        display: inline-block;
        line-height: inherit;
        float: left;
        white-space: nowrap;
    }

        .tog_header span.price {
            padding-left: 15px;
            font-weight: 800;
            font-size: 15px;
            color: #ff3701;
            white-space: nowrap;
            float: right;
            padding-top: 18px;
        }

        .tog_header span.title {
            font-size: 19px;
            white-space: nowrap;
            padding-top: 22px;
        }





.tog_content {
    border: 1px solid #e2e4e4;
    background: #f4f5f5;
    padding: 3%;
    display: none;
    max-height: 450px;
    overflow-y: scroll;
    padding-right: 20px;
    width: 100%;
}

    .tog_content.overflow {
        max-height: none;
        overflow-y: visible;
    }





.creditboxwrap {
    color: #fff;
    background: #000;
    text-align: center;
    padding: 10px 15px 20px;
}

    .creditboxwrap img {
        margin: 25px auto 5px;
        display: block;
        width: 74px;
        height: 74px;
        background: #ff3701;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        padding: 4%;
    }

    .creditboxwrap h3 {
        font-size: 30px;
        display: block;
        margin-top: 20px;
    }

.creditbox h4 {
    font-size: 21px;
    display: block;
    text-align: center;
}

.creditbox {
    font-size: 13px;
    padding: 10px 25px;
}

    .creditbox:first-child {
        border-right: 1px solid #e2e4e4;
    }

.creditcount {
    width: 100%;
}

    .creditcount .count {
        display: inline-block;
        text-align: right;
        margin-bottom: 0px;
        padding: 20px 13px 10px;
        font-size: 24px;
        color: #ff3701;
        width: 48.25%;
        float: left;
        background: rgba(255,255,255,0.9);
        border: 1px solid rgba(0,0,0,0.1);
    }

        .creditcount .count:nth-child(2) {
            margin-left: 1.75%;
        }

    .creditcount small {
        display: inline;
        line-height: 19px;
        font-size: 13px;
        font-family: 'proxima_nova', sans-serif;
        font-weight: 400;
        letter-spacing: normal;
        color: #666;
    }

        .creditcount small.credittype {
            text-align: right;
            display: block;
            margin: auto;
        }

.box_head .creditcount {
    width: auto;
    text-align: right;
    padding: 0px;
}

    .box_head .creditcount .count {
        margin-top: 0px;
        margin-bottom: 7px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1);
        width: 100%;
    }

        .box_head .creditcount .count small {
            color: #fff;
        }


.creditcount .count .monthlycredit, .creditcount .count .regularcredit {
    display: inline-block;
    margin-top: -5%;
}

    .creditcount .count .monthlycredit:before, .creditcount .count .regularcredit:before {
        width: 22px;
        height: 22px;
        line-height: 23px;
        font-size: 13px;
        margin-top: -3%;
    }

.cornertip {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    font-size: 0;
}

hr {
    border: 0;
    border-top: 2px solid rgba(0,0,0,0.05);
    height: 0px;
    display: block;
    margin: 10px auto 25px;
}

.lightline {
    border: 0;
    border-top: 2px solid rgba(255,255,255,0.125);
    height: 0px;
    display: block;
    margin: 15px auto 30px;
    clear: both;
}

    .lightline:before, .lightline:after {
        clear: both;
        content: "";
        display: table;
    }


.pricebox {
    background: #414042;
    color: #fff;
    padding: 20px 30px;
    margin: 0 auto 20px;
    border: 0px;
}

.pricebox_header {
    background: #000;
    display: block;
    width: 100%;
    padding: 20px;
    color: #fff;
    margin: 0;
}

    .pricebox_header .button_red {
        float: right;
    }

.showmodify:before {
    content: "Modify";
}

.showchange:before {
    content: "Change User";
}

.showsave:before {
    content: "Save";
}

.showcancel:before {
    content: "Cancel";
}

.showadd:before {
    content: "Add";
}

label.error {
    position: absolute !important;
    margin-bottom: -4px;
    background: #f9efef;
    font-size: 12px !important;
    height: auto;
    border: 1px solid #d50000;
    color: #d50000 !important;
    height: auto;
    display: block;
    width: auto;
    padding: .1em .35em;
    text-transform: none !important;
    line-height: 19px;
    font-weight: normal !important;
    z-index: 111;
    width: auto !important;
    word-wrap: inherit;
    white-space: nowrap;
}

input.error {
    border: 1px solid #d50000 !important;
}

[class^="thirds-"] label, [class^="fours-"] label, [class^="eights-"] label, [class^="six-"] label {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    width: 100%;
    display: block;
}

.pricebox label.inline, .pricebox input.inline:not([type=checkbox]) {
    display: inline-block;
    width: auto;
}


[class^="thirds-"] [class*="button_"], [class^="fours-"] [class*="button_"], [class^="eights-"] [class*="button_"], [class^="six-"] [class*="button_"] {
    height: 36px;
    line-height: 40px;
}

.pricebox label.small {
    text-transform: none;
    font-size: 15px;
}

.pricebox .inline * {
    display: inline-block;
    vertical-align: middle;
}

.showif {
    display: none;
}

.pricebox .row {
    margin-bottom: 20px;
}

[class^="thirds-"], [class^="fours-"], [class^="eights-"], [class^="six-"] {
    margin: 0px auto 15px;
    float: left;
    padding: 5px;
}

    [class^="thirds-"] select, [class^="fours-"] select, [class^="eights-"] select, [class^="six-"] select {
        width: 100%;
    }

    [class^="thirds-"] input, [class^="fours-"] input, [class^="eights-"] input, [class^="six-"] input {
        width: 100%;
    }


.pricebox input[type=checkbox] {
    width: auto;
    display: inline-block;
    margin-right: 5px;
}

[class^="thirds-"] small, [class^="fours-"] small, [class^="eights-"] small, [class^="six-"] small {
    padding: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.wrap_content h3 {
    width: 100%;
    padding: 10px 0px 0px 0px;
    color: #fff;
}

.wrap_content {
    background: rgba(255,255,255,0.10);
    clear: both;
    padding: 15px;
}

    .wrap_content.active {
        background: #000;
    }


    .wrap_content label {
        color: #ccc;
        display: block;
    }

.thirds-2 {
    width: 66.6666666%;
}

.thirds-1 {
    width: 33.33333%;
}

.thirds-3:before, .thirds-3:after {
    clear: both;
}

.thirds-3 {
    width: 100%;
}

.fours-1 {
    width: 25%;
}

.fours-2 {
    width: 50%;
}

.fours-3 {
    width: 75%;
}

.fours-4 {
    width: 100%;
}

.fours-eights {
    width: 37.5%;
}

.eights-1 {
    width: 12.5%;
}

.eights-2 {
    width: 25%;
}

.eights-1-half {
    width: 43.75%;
}

.eights-5 {
    width: 62.5%;
}

.eights-3 {
    width: 37.5%;
}

.eights-7 {
    width: 87.5%;
}

.six-1 {
    width: 16.66666%;
}

.six-2 {
    width: 33.33333%;
}

.six-3 {
    width: 50%;
}

.six-4 {
    width: 66.666666%;
}

.six-5 {
    width: 83.33333333%;
}

.six-6 {
    width: 100%;
}

.six-half {
    width: 8.33333333%;
}

input.datepick_end {
    background: url('img/calendar-disabled.png') no-repeat center right;
}

.xlg {
    font-size: 60px !important;
    text-align: center !important;
    color: #999 !important;
}

.nobotmargin {
    margin-bottom: 0px;
}

.bigprice {
    font-size: 43px;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    line-height: 47px;
    width: 100%;
    clear: both;
}


    .bigprice span {
        font-size: 13px;
        line-height: 15px;
        display: block;
        text-align: inherit;
        font-family: 'proxima_nova', sans-serif;
        font-weight: 400;
        letter-spacing: normal;
        text-decoration: none !important;
        text-transform: none;
        color: #666;
    }

    .bigprice.now span {
        color: #ff3701;
    }

    .bigprice.was {
        opacity: 0.4;
        font-size: 21px;
        line-height: 24px;
    }

        .bigprice.was:before {
            content: "Was: ";
            font-size: 18px;
            letter-spacing: normal;
        }

    .bigprice.now:before {
        content: "Now: ";
        font-size: 18px;
        letter-spacing: normal;
        color: #000;
    }

    .bigprice.now {
        color: #ff3701;
    }

ul.cartprogress {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.cartprogress li {
    display: inline-block;
    float: left;
    width: 33.333333%;
    background: #eee;
    height: 50px;
    color: #000;
    line-height: 53px;
    white-space: nowrap;
    padding-left: 30px;
    font-size: 19px;
    pointer-events: none;
}

    .cartprogress li a {
        color: #000;
    }

    .cartprogress li span.num {
        color: #ff3701;
        padding-right: 10px;
    }

    .cartprogress li.active:hover span.num {
        color: #000;
    }


    .cartprogress li:before {
        background: url('img/progess_sep.png') no-repeat center center;
        background-size: auto 100%;
        width: 60px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-left: -33px;
        font-size: 0px;
        content: ".";
    }


    .cartprogress li:first-child:before {
        background: none;
    }

    .cartprogress li:first-child {
        padding-left: 20px;
    }

    .cartprogress li.active {
        background: #000;
        color: #fff;
        pointer-events: auto;
        cursor: pointer;
    }

        .cartprogress li.active a {
            color: #fff;
        }

        .cartprogress li.active:hover {
            background: #ff3701;
        }

            .cartprogress li.active:hover a {
                color: #fff;
            }

.nextstep {
    font-size: 25px;
    line-height: 64px;
    height: 60px;
}



.accounttype a.button_black {
    background: url('img/accountype_button_empty.png') no-repeat center left #000;
    background-size: auto 100%;
    padding-left: 41px;
}

    .accounttype a.button_black:hover, .accounttype a.button_black.active:hover {
        background: url('img/accountype_button_reddot.png') no-repeat center left #ff3701;
        background-size: auto 100%;
    }

    .accounttype a.button_black.active {
        background: url('img/accountype_button_reddot.png') no-repeat center left #000;
        background-size: auto 100%;
    }

#existingaccountpop table {
    width: 100%;
    border: 0px;
}

    #existingaccountpop table tr {
        background: rgba(255,255,255,0.05);
    }

    #existingaccountpop table th {
        padding: 8px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        background: #000;
        vertical-align: middle;
    }

    #existingaccountpop table td {
        padding: 8px;
        vertical-align: middle;
    }

    #existingaccountpop table tr:hover {
        background: rgba(255,255,255,0.1);
    }

[class*='cartsummary_'] .bigprice {
    text-align: left;
    margin-top: 30px;
}

.cartsummary_h {
    margin: 30px auto;
}


[class*='cartsummary_'] h3 {
    font-size: 22px;
    line-height: 35px;
    white-space: nowrap;
    display: inline;
}

[class*='cartsummary_'] h4 {
    font-size: 20px;
    white-space: nowrap;
    display: inline;
    color: #ff3701;
}

.summaryblock {
    font-size: 13px;
    line-height: 24px;
    color: #888888;
    text-align: right;
}

.cartsummary_h .summaryblock {
    padding-left: 20px;
    /*border-left: 3px solid #E2E4E4;*/
}

.summaryblock.nopadding {
    padding-left: 0px;
}

.cartsummary_v .summaryblock {
    padding-top: 15px;
    border-top: 3px solid #E2E4E4;
    margin-bottom: 35px;
}

.summaryblock b, .summaryblock strong {
    color: #000;
    float: left;
    text-transform: uppercase;
}

    .summaryblock b.red, .summaryblock strong.red {
        color: #ff3701;
    }

.cartsummary_black {
    background: #000;
    color: #fff;
    margin-bottom: 30px;
    padding: 25px 15px;
}

    .cartsummary_black .title, .cartsummary_black .price {
        font-size: 30px;
    }

    .cartsummary_black .price {
        color: #ff3701;
    }

.termsnavigation li {
    display: block;
    font-size: 13px;
    margin: 0px;
    line-height: 21px;
    padding-right: 30px;
    border: 1px solid #E2E4E4;
    margin-top: -1px;
}

    .termsnavigation li i {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        font-size: 21px;
        display: none;
        padding: 15px 10px 0px 0px;
    }

    .termsnavigation li.done i {
        color: #ff3701;
        display: block;
    }


    .termsnavigation li.done, .termsnavigation li.auto {
        background: #000;
        color: #fff;
        border-color: #000;
    }

    .termsnavigation li:hover {
        background: rgba(0,0,0,0.05);
        border-color: #e2e4e4;
        color: #000;
    }

    .termsnavigation li a {
        color: inherit;
        display: block;
        padding: 7px 10px;
    }

    .termsnavigation li strong, .termsnavigation li b {
        display: block;
        font-size: 16px;
    }

/*#termsBestPracitcesDiv {
        border: 1px solid #e2e4e4;
        background: #f4f5f5;
        padding: 10px;
    }

    #termsBestPracticesCanvas {
        border: 1px solid #e2e4e4;
        background: #fff;
    }

      #gymDiv {
        border: 1px solid #e2e4e4;
        background: #f4f5f5;
        padding: 10px;
    }

    #termsGymCanvas {
        border: 1px solid #e2e4e4;
        background: #fff;
    }

      #petsDiv {
        border: 1px solid #e2e4e4;
        background: #f4f5f5;
        padding: 10px;
    }

    #termsPetsCanvas {
        border: 1px solid #e2e4e4;
        background: #fff;
    }*/

.mobile_termsnav {
    display: block;
    margin: 10px 0px;
}

    .mobile_termsnav select {
        border: 3px solid #000;
    }

.termsbox {
    padding-right: 3%;
    margin-bottom: 30px;
    height: 1050px;
    overflow-y: scroll !important;
    font-size: 13px;
    line-height: 23px;
    color: #666;
    border: 3px solid #000;
    padding: 30px 25px 30px;
}

    .termsbox h3 {
        font-size: 23px;
        margin: 20px 0px;
        padding: 30px 0px 0px;
        border-top: 2px solid #000;
        color: #000;
        font-family: 'antonio';
        text-transform: uppercase;
        letter-spacing: -0.03em;
        font-weight: 400;
    }

    .termsbox ul.bullets li {
        list-style: disc;
        margin-left: 2.5%;
    }

    .termsbox ul li {
        margin-left: 2.5%;
        list-style: none;
    }

    .termsbox h5 {
        display: inline-block;
        font-weight: bold;
        margin-right: 5px;
        color: #000;
    }

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

    .termsbox .c3 {
        font-weight: bold;
    }

    .termsbox h4 {
        margin: 0px 15px 0px 0px;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        color: rgb(119, 119, 119);
    }

    .termsbox .m-signature-pad {
        text-align: right;
    }

    .termsbox .m-signature-pad--body * {
        vertical-align: middle;
    }

    .termsbox .m-signature-pad--body {
        text-align: right;
        padding: 10px 25px;
        background: none repeat scroll 0% 0% #F4F5F5;
        border: 1px solid rgb(226, 228, 228);
        margin: 15px auto;
        width: auto;
        display: inline-block;
        max-width: 100%;
    }

        .termsbox .m-signature-pad--body .clearsign {
            margin-top: 10px;
            margin-right: 25px;
            font-size: 12px;
            line-height: 15px;
        }

        .termsbox .m-signature-pad--body:after {
            clear: both;
            content: "";
            display: table;
            width: 100%;
        }

    .termsbox .largesign .m-signature-pad--body canvas {
        border: 1px solid #eee;
        width: 614px;
        height: 85px;
        background: #fff;
        max-width: 100%;
    }

    .termsbox .m-signature-pad--body canvas {
        border: 1px solid #eee;
        width: 110px;
        height: 55px;
        background: #fff;
    }

        .termsbox .m-signature-pad--body canvas:active {
            cursor: pointer;
        }

ul.subuserboxes {
    display: block;
    margin: 0 auto;
    padding: 20px 20px;
}

    ul.subuserboxes li {
        float: left;
        width: 31.33333%;
        margin: 0% 1.0% 1.5%;
        padding: 25px 15px 25px 95px;
        font-size: 14px;
        line-height: 19px;
        border: 2px solid rgba(0,0,0,0.1);
        background: #fff;
    }


        ul.subuserboxes li:hover {
            border: 2px solid #000;
        }

        ul.subuserboxes li span.status {
            display: block;
            width: 14px;
            height: 14px;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            z-index: 222;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 0px;
            margin-left: 8px;
            margin-top: 20px;
        }

        ul.subuserboxes li.u_unassigned {
            background: rgba(0,0,0,0.04);
        }

            ul.subuserboxes li.u_unassigned span.status {
                background: #666;
            }


        ul.subuserboxes li.u_assigned span.status {
            background: #46cd6f;
        }


        ul.subuserboxes li.u_yellow span.status {
            background: #ffb940;
        }

        ul.subuserboxes li.u_activate span.status {
            background: #f34e2e;
        }

        ul.subuserboxes li.u_activate {
            border: 2px solid #ff3701;
        }

            ul.subuserboxes li.u_activate span.space {
                color: #ff3701;
            }

        ul.subuserboxes li.u_unassigned .name, ul.subuserboxes li.u_unassigned .space {
            color: #999;
        }

        ul.subuserboxes li span.actionlinks {
            position: absolute;
            top: 0;
            right: 0;
        }

            ul.subuserboxes li span.actionlinks a {
                padding: 4px 0px;
                font-weight: normal;
                text-align: center;
                display: block;
                color: #b5b5b5;
                font-size: 11px;
                cursor: pointer;
                border: 1px solid #eee;
            }

            /*ul.subuserboxes li span.actionlinks.red a {
                border-color: #ff3701;
                color: #ff3701;
            }

       ul.subuserboxes li:hover span.actionlinks a {
            background: #000;
            color: #fff;
            border-color: #000;
        }

        ul.subuserboxes li:hover span.actionlinks.red a {
            background: #ff3701;
            color: #fff;
            border-color: #ff3701;
        }*/

            ul.subuserboxes li span.actionlinks.red {
                border-color: #ff3701;
            }

        ul.subuserboxes li:hover span.actionlinks a:hover {
            color: #000;
        }


[class*="usericon"] {
    color: #fff;
    height: 90px;
    width: 90px;
    max-width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 100px;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    background: rgba(0,0,0,0.2);
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-weight: 400;
}

img.usericon {
    width: 90px;
    height: auto;
}

.usericon_sm {
    height: 50px;
    width: 50px;
    max-width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 69px;
}


    .usericon_sm + img {
        background: none;
    }

ul.subuserboxes li .username {
    font-style: italic;
    color: #999;
    display: block;
    margin-top: 10px;
}

ul.subuserboxes li .time {
    color: #ff3701;
    font-size: 14px;
}

ul.subuserboxes li .name {
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-size: 16px;
}


ul.subuserboxes li .space {
    display: block;
    margin-top: 10px;
    color: #191919;
}

    ul.subuserboxes li .space b, ul.subuserboxes li .space strong {
        font-style: normal;
    }

ul.subuserboxes li .usericon_sm {
    width: 65px;
    height: 65px;
    margin-right: 15px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 15px;
    margin-top: 13px;
}

ul.subuserboxes li a {
    font-size: 12px;
}

ul.subuserboxes li.newsubuser {
    color: #ff3701;
    border: 1px solid #ccc;
    background: rgba(215,215,215,0.70);
    vertical-align: middle;
    padding: 10px;
}

.hidden {
    display: none;
}

.dashboxwrap {
    margin-bottom: 50px;
}

.dashbox {
    border: 4px solid #000;
    padding: 1% .25% .95%;
    text-align: center;
}

    .dashbox h3 {
        font-size: 30px;
        line-height: 100%;
        margin-bottom: 0px;
    }

.invoicelist li {
    display: inline-block;
    float: left;
}

.invoicelist {
    padding: 6px 0px 20px;
    display: block;
}

    .invoicelist.entry li {
        color: #666;
    }

    .invoicelist li:nth-child(2) {
        width: 15%;
    }

    .invoicelist li:nth-child(3) {
        width: 35%;
    }

    .invoicelist li:nth-child(1), .invoicelist li:nth-child(n+4) {
        width: 10%;
    }

    .invoicelist:before {
        clear: both;
        content: "";
        display: block;
    }

.invoicelist {
    display: block;
}

form.userchange {
    display: none;
}

    form.userchange select {
        display: inline-block;
        width: auto;
    }

ul.assignto li {
    display: block;
    height: 60px;
    line-height: 57px;
    background: rgba(195,195,195,0.1);
    margin: 3px auto;
    padding: 0px 10px;
    vertical-align: top;
    font-weight: 600;
    text-transform: uppercase;
}



    ul.assignto li.active {
        background: #000;
    }

    ul.assignto li span {
        text-align: right;
        float: right;
        font-size: 13px;
        color: #eee;
    }

    ul.assignto li i {
        background: #666;
        color: #fff;
        height: 60px;
        display: inline-block;
        width: 45px;
        vertical-align: middle;
        line-height: 60px;
        margin-right: 8px;
    }

    ul.assignto li.active i {
        background: #ff3701;
    }

ul.billingstatus li {
    padding: 8px 0px;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
}

    ul.billingstatus li:last-child {
        border-bottom: 0px;
    }

    ul.billingstatus li span {
        float: right;
    }

    ul.billingstatus li b, ul.billingstatus li strong {
        text-transform: uppercase;
    }

    ul.billingstatus li.received {
        color: #ff3701;
        font-weight: bold;
    }

    ul.billingstatus li.subtotal {
    }

        ul.billingstatus li.subtotal.unpaid span {
            font-size: 23px;
            color: #ff3701;
        }

        ul.billingstatus li.subtotal.paid span {
            font-size: 23px;
            color: #000;
        }

ul.billnotes {
    border: 1px solid #eee;
    width: 100%;
    display: block;
    background: rgba(255,255,255,0.60);
    font-size: 14px;
    line-height: 18px;
    color: #262626;
    padding: 15px;
}

    ul.billnotes li {
        display: block;
        padding: 7px 0px;
        border-bottom: 1px solid #eee;
    }

        ul.billnotes li:last-child {
            border-bottom: 0px;
        }

.savedcards {
    margin-bottom: 0px;
    border-bottom: 3px solid #545455;
}

.tablecredit {
    width: 100%;
    display: block;
    padding: .25em;
    clear: both;
}

    .tablecredit + .tablecredit {
        border-top: 1px solid #545455;
        margin-top: 4px;
        padding-top: 7px;
        clear: both;
        display: block;
    }

    .tablecredit li {
        width: 27.5%;
        display: inline-block;
        float: left;
        vertical-align: middle;
    }

        .tablecredit li:first-child {
            width: 5%;
            font-size: 22px;
        }

        .tablecredit li:last-child {
            width: 10%;
            text-align: right;
        }

span.ccinfo {
    float: none;
    text-align: left;
    display: block;
}

table.credithistory {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-bottom: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    margin-bottom: 15px;
}

    table.credithistory td {
        border-bottom: 1px solid #dcdcdc;
        color: #242424;
        padding: 6px 10px 7px 8px;
        font-size: 14px;
        line-height: 19px;
        vertical-align: middle;
        background: #fafafa;
    }

        table.credithistory td + td {
            border-left: 1px solid #dcdcdc;
        }

    table.credithistory thead th {
        padding: 17px 10px 12px 8px;
        text-transform: uppercase;
        color: #000;
        font-size: 16px;
        line-height: 100%;
        padding-left: 8px;
        border-bottom: 2px solid #d1d1d1;
        background: #eee;
        font-weight: bold;
    }

    table.credithistory th + th {
        border-left: 1px solid #dcdcdc;
    }


    table.credithistory tr.monthrow {
        border: 1px solid #dcdcdc;
    }

        table.credithistory tr.monthrow td {
            color: #000;
            border: 0px;
            background: #e6f1ef;
            padding-top: 13px;
            padding-bottom: 10px;
            border-bottom: 1px solid #dcdcdc;
        }

    table.credithistory td * {
        vertical-align: middle;
    }

    table.credithistory small {
        font-size: 12px;
    }

    table.credithistory .attendees {
        padding-left: 2%;
        border-left: 3px solid #eee;
        display: none;
    }

    table.credithistory .usericon {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 49px;
        font-size: 18px;
    }

        table.credithistory .usericon, table.credithistory .usericon img, .k-widget.k-grid img {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            width: 50px !important;
            height: 50px !important;
        }

.k-widget.k-grid td * {
    vertical-align: middle;
}

#gridDatePicker {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.monthlycredit, .regularcredit {
    font-weight: 400 !important;
    text-transform: none !important;
    font-family: "proxima_nova",sans-serif;
    letter-spacing: normal;
}

.tip.monthlycredit:before {
    content: "M";
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #000;
    display: inline-block;
    margin-right: 3px;
    line-height: 21px;
    text-align: center;
    width: 19px;
    height: 19px;
}

.tip.regularcredit:before {
    content: "R";
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #000;
    display: inline-block;
    margin-right: 3px;
    line-height: 21px;
    width: 19px;
    height: 19px;
    text-align: center;
}


#tablePagination {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 3px solid #000;
    display: block;
    font-size: 13px;
    margin-bottom: 25px;
}

    #tablePagination span* {
        vertical-align: middle;
    }

select#tablePagination_rowsPerPage {
    margin-right: 7px;
}

input#tablePagination_currPage {
    margin-left: 7px;
}

#tablePagination:after {
    clear: both;
    content: "";
    display: table;
}

#tablePagination span {
    display: inline-block;
}

#tablePagination input, #tablePagination select {
    height: auto;
    width: auto;
    min-width: auto;
    border: 1px solid #f7f7f7;
}

#tablePagination_paginater {
    float: right;
    z-index: 888;
}

    #tablePagination_paginater img {
        padding: 0px 3px;
        display: inline-block;
    }

.smallnote {
    color: rgba(0,0,0,0.8);
    font-size: 14px;
    line-height: 19px;
    display: block;
    margin: 3px auto 7px;
    text-align: center;
    padding: 5px 10px;
}

.table_mailbox {
    width: 100%;
    border-collapse: separate;
}

    .table_mailbox td {
        width: 11.1111%;
        text-align: center;
        font-size: 14px;
        color: #777;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .table_mailbox td.inactive {
            background: #EEEEEE;
            color: #ccc;
        }

        .table_mailbox td a {
            color: inherit;
            display: block;
            width: 100%;
            text-align: center;
            padding: 9px 4px;
        }

        .table_mailbox td.inactive a {
            pointer-events: none;
        }

        .table_mailbox td:not(.inactive):hover {
            background: #ff3701;
            color: #fff;
        }

.table_equi {
    width: 100%;
    border-collapse: separate;
    margin-bottom: 20px;
}

    .table_equi td {
        padding: 6px 4px 4px;
        font-size: 14px;
        border-bottom: 1px solid #eee;
    }

    .table_equi tr.checkedin {
        opacity: 0.5;
    }

    .table_equi tr:nth-child(odd) {
        background: rgba(0,0,0,0.03);
    }

    .table_equi tr:nth-child(even) {
        background: rgba(255,255,255,0.6);
    }

    .table_equi tr:hover {
        background: rgba(0,0,0,0.07);
    }

    .table_equi td:nth-child(odd) {
        background: rgba(0,0,0,0.01);
    }

    .table_equi th {
        font-weight: bold;
        padding: 3px 15px 3px 4px;
        text-transform: uppercase;
        font-size: 14px;
        cursor: pointer;
        background: url('img/table_sort_bg.png') no-repeat top right #000;
        background-size: auto 100%;
        color: #fff;
    }

        .table_equi th:hover {
            background: url('img/table_sort_bg_white.png') no-repeat top right #ff3701;
            background-size: auto 100%;
        }

        .table_equi th + th, .table_equi td + td {
            border-left: 1px solid #fff;
        }

    .table_equi td .ontime:before, .table_equi td .late:before {
        content: "Returned: ";
    }

    .table_equi td .ontime {
        color: green;
    }

    .table_equi td .late {
        color: #ff3701;
    }

    .table_equi td.overdue {
        color: #ff3701;
        border: 2px solid #ff3701;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
    }

.ms-ctn {
    height: auto !important;
}

    .ms-ctn .ms-sel-ctn {
        margin: 0px;
    }

.footer {
    background: #000;
    color: #fff;
    padding: 20px 0;
}

    .footer .col {
    }

    .footer .left {
        font-size: 13px;
    }

        .footer .left ul li {
            display: inline-block;
            float: left;
            padding: 0px 5px;
        }

            .footer .left ul li:not(:first-child):not(:last-child):after {
                content: "|";
                padding-left: 10px;
            }

        .footer .left a:hover {
            color: #ff3701;
        }

    .footer .right {
        text-align: right;
        color: #666;
    }

        .footer .right a:hover {
            color: #fff;
        }


.mfill {
    opacity: 0;
    fill: black;
}

    .mfill.active {
        opacity: 1;
        fill-opacity: 0.1;
        stroke: black;
        stroke-opacity: 0.2;
        stroke-width: 1.25;
        stroke-linejoin: miter;
        /* filter:url(#inset-shadow); */
        fill: black;
    }

.mlabel text.active {
    fill: #ff3701;
}

.mlabel text {
    font-size: 7.45pt;
    font-family: 'Economica', sans-serif;
    pointer-events: none;
    fill: #787a7b;
    line-height: 15px;
    font-weight: 700;
}

.mmarker {
    cursor: pointer;
}

.mmark {
    fill: #000;
}


.mmarker.s_meeting .mmark {
    fill: #838586;
}

.mmarker.s_meeting g path {
    fill: #eee;
}

.mmarker:hover .mmark, .mmark.active {
    fill: #ff3701;
}


.info-box {
    background: url('img/info-box_bg.png') no-repeat bottom center #fff;
    color: #555;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    text-align: center;
    border: 2px solid #000;
    display: none;
    overflow: visible;
    height: auto;
    padding-bottom: 25px;
    min-width: 170px;
}

    .info-box span {
        padding: 4px 5px;
    }

        .info-box span.desc {
            text-align: center;
        }

    .info-box h4 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        background: #000;
        display: block;
        color: #fff;
        margin-bottom: 15px;
        margin-top: 0px;
        padding: 8px 15px 7px;
    }

.infocube {
    display: block;
    border-bottom: 2px solid #000;
}

    .infocube:last-child {
        border-bottom: 0px;
    }

    .infocube li {
        border: 1px solid #fff;
        display: table-cell;
        width: 90px;
        padding: 10px 4px;
        text-align: center;
    }

        .infocube li span.firstWord {
            font-weight: 600;
            color: #000;
            font-size: 15px;
            display: inline;
        }

        .infocube li:hover {
            background: rgba(0,0,0,0.05);
            border: 1px solid #dfdfdf;
        }

    .infocube span {
        display: inline-block;
        text-align: center;
        padding: 0px;
        margin: 0px;
        font-size: 11px;
    }

.info-box a.link {
    display: block;
    width: auto;
    color: #fff;
    text-align: center;
    margin: 4px auto;
    padding: 3px 4px;
    width: 45.333%;
    background: #ff3701;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.info-box .infocube a.link {
    width: 90%;
}

.infocube .unavail {
    background: #f2f2f2;
    pointer-events: none;
    opacity: 0.75;
}

.info-box a.link.bought {
    background: #777;
}

.info-box span:not(.dot) {
    font-size: 13px;
    display: block;
    padding: 0px 4px;
}

.qtip-content {
    margin-left: 20px;
}

.cancelbutton {
    display: none;
}

.upcomingpetbox select {
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.petlist {
    background: #fff;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

    .petlist:last-child {
        margin-bottom: 20px;
    }

    .petlist h4 {
        border-bottom: 3px solid #d9d9d9;
        padding: 15px 10px 5px;
        font-size: 27px;
        line-height: 100%;
        margin: 0px;
    }

    .petlist li:hover {
        background: rgba(0,0,0,0.02);
    }

    .petlist li .cancel {
        position: absolute;
        top: 0;
        right: 0;
        color: #d9d9d9;
        font-size: 12px;
        line-height: 24px;
        padding: 0px 6px 0px 7px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .petlist li:hover .cancel {
        color: #fff;
        background: #000;
    }

    .petlist li .cancel:hover {
        background: #ff3701;
    }

    .petlist li {
        padding: 5px 10px;
        font-size: 15px;
    }

        .petlist li + li {
            border-top: 1px solid #d9d9d9;
        }

        .petlist li .petname {
            color: #000;
            font-weight: bold;
        }

        .petlist li .owner {
            clear: both;
            display: block;
        }


.petuserdash h4 {
    font-size: 18px;
}

.petuserdash li .petname, .petuserdash li .owner {
    display: inline-block;
    clear: none;
    margin: 0px 3px;
}

.petuserdash li span {
    line-height: 34px;
}

.petuserdash li .owner:before {
    content: "  - ";
}

.petreservedate {
    border-right: 1px solid #E8E8E8;
    padding-right: 1.5%;
}

ol.printerinstructions {
    list-style: decimal;
}

    ol.printerinstructions li {
        list-style: outside none decimal !important;
        margin-left: 3%;
        list-style-type: decimal !important;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }


        ol.printerinstructions li img {
            margin-top: 5px;
        }

.bootstrap-duallistbox-container * {
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.bootstrap-duallistbox-container .info-container {
    display: none;
}

.bootstrap-duallistbox-container label {
    font-size: 21px;
    font-family: 'antonio';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    display: block;
}

.form-control option {
    padding: 4px 5px;
}

.bootstrap-duallistbox-container button.moveall, .bootstrap-duallistbox-container button.removeall {
    display: none;
}

.bootstrap-duallistbox-container .btn-group {
    padding-top: 60px;
}

    .bootstrap-duallistbox-container .btn-group button {
        background: #000;
        color: #fff;
        border: 0px;
        display: block;
        width: 100%;
        margin: 1px 0px;
        margin-left: 0px !important;
    }

        .bootstrap-duallistbox-container .btn-group button:hover {
            background: #ff3701;
            color: #fff;
        }

.errormsg i {
    width: 150px;
    height: 150px;
    background: #000;
    color: #fff;
    font-size: 51px;
    line-height: 150px;
    border-radius: 100%;
    display: block;
    margin: 20px auto;
    text-align: center;
}


.errormsg {
    text-align: center;
}



#releaseAlertContent ol {
    list-style: decimal;
    margin-left: 3.3%;
}

#releaseAlertContent ul {
    list-style: disc;
    margin-left: 3.3%;
}

#releaseAlertContent ol li ol {
    list-style: lower-alpha;
    margin-left: 3%;
}

#alertContentPreview ol {
    list-style: decimal;
    margin-left: 3.3%;
}

    #alertContentPreview ol li ol {
        list-style: lower-alpha;
        margin-left: 3%;
    }

#alertContentPreview ul {
    list-style: disc;
    margin-left: 3.3%;
}

#releaseAlertContent a, #releaseAlertContent a:visited {
    color: #ff3701;
}

.hotdesknotice li {
    list-style: disc;
    padding: .5em .2em;
    border-bottom: 1px solid #ccc;
    margin-left: 3%;
    list-style-position: inside;
}

#confirmContainer, #meetingAddonContainer {
    display: none;
}

#printerAddonContainer .btn {
    border-radius: 0;
    background-color: #FF3701;
}

#meetingAddonContainer .btn {
    border-radius: 0;
    background-color: #FF3701;
}

#searchType {
    margin-left: -15px;
    border-left: 1px solid black;
}

/* force kendo styles*/
.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner::before, .k-grid-mobile .k-resize-handle-inner::after {
    background-image: url("img/sprite.png") !important;
}

.k-tool-group a.k-tool {
    background-color: #1d1d1d;
    border-color: #333;
}

    .k-tool-group a.k-tool:hover {
        background: #ff3701;
        border-color: #ff3701;
    }

.schedulecredits {
    border-bottom: 2px solid rgba(255,255,255,0.2);
}

#creditDisplay {
    text-align: right;
}

.meetinghistorycount {
    padding: 20px 0px;
}

#meetingDetails {
}

    #meetingDetails .boxed {
        display: block;
        min-height: 95px;
        padding: 10px 20px;
        margin-bottom: 0px;
    }

    #meetingDetails h3.lined {
        font-size: 21px;
        line-height: 140%;
        border-bottom: 5px solid rgba(0,0,0,0.15);
        margin-bottom: 10px;
    }

    #meetingDetails .status_green {
        color: #5ECCAE;
        font-weight: bold;
    }

    #meetingDetails .status_red {
        color: #ff3701;
        font-weight: bold;
    }

    #meetingDetails .status_yellow {
        font-weight: bold;
        color: #ffb940;
    }

}
/* MOBILE STYLES */
@media all and (max-width: 1390px) {
    .fullwrap {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media all and (max-width: 1368px) {


    [class^="thirds-"], [class^="fours-"], [class^="eights-"], [class^="six-"] {
        min-width: 33%;
    }
}

@media all and (min-width: 768px) and (max-width: 1250px) {
    .tog_header i {
        display: none;
    }

    .tog_header {
        padding: 10px;
    }

        .tog_header span.title {
            display: block;
            padding: 0px;
            float: none;
        }

        .tog_header span.price {
            padding: 0px;
            float: left;
            text-align: left;
        }
}

@media all and (max-width: 1200px) {
    .bigprice {
        font-size: 35px;
    }

    .summaryblock b, .summaryblock strong {
        float: none;
        margin-right: 5px;
    }

    .summaryblock {
        text-align: left;
    }
}

@media all and (max-width: 900px) {
    body {
        padding-top: 30px;
    }

    .clear900 {
        clear: both;
    }

    .emailcheckbox {
        display: block;
        width: 100%;
        clear: both;
    }

    .bigprice {
        font-size: 27px;
    }

    .mapside {
    }

    .qtip-content {
        margin-left: 3px;
    }

    .navlogin {
        display: none;
    }

    .mobilenav {
        display: block;
    }

    [class^="topbar_"],
    [class*=" topbar_"] {
        margin-top: 50px;
        padding-top: 40px;
    }

    ul.dash_buttons {
        text-align: center;
    }

        ul.dash_buttons li {
            width: 49%;
            margin: .5% .5% !important;
        }

    .fullwrap.header {
        display: none;
    }


    [class^="thirds-"], [class^="fours-"], [class^="eights-"], [class^="six-"] {
        min-width: 50%;
    }

    .pricebox span.six-1:first-child {
        width: 100%;
        text-align: center;
    }

    ul.subuserboxes li {
        width: 49%;
    }

    .columnfloat {
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
        width: 100%;
    }

    .resultsbox {
        width: 24%;
    }
}

@media all and (max-width: 768px) {
    .termsbox .m-signature-pad, .termsbox .m-signature-pad--body {
        text-align: left;
    }

    .termsbox h4 {
        display: block;
        text-align: left;
        margin-bottom: 6px;
    }

    .box_head h2 {
        max-width: 100%;
    }

    .mobileonly {
        display: block !important;
    }

    [class^="topbar_"], [class*=" topbar_"] {
        margin-top: 20px;
        padding-top: 10px;
    }

    .columnfloat {
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 10px;
        column-count: 1;
        column-gap: 0px;
        width: 100%;
    }

    .mapside {
        margin-bottom: 50px;
    }

    ul.dash_buttons li {
        width: 100%;
        margin: 5px auto;
    }

    .top_profile .profileimg {
        width: 90px;
        height: 90px;
    }

    .top_profile ul li {
        margin: 10px auto;
        margin-bottom: 30px;
    }

        .top_profile ul li:last-child {
            text-align: center;
        }

    .top_profile ul:after {
        clear: both;
        content: "";
        display: table;
    }

    .searchbar form div {
        text-align: center;
    }

    .searchbar form input {
        display: block;
        margin: 10px auto !important;
    }

    .resultsbox {
        width: 49%;
    }

    ul.tabnav {
        display: block;
        margin: 30px auto;
        text-align: center;
    }

        ul.tabnav li {
            width: 100%;
            margin-top: 1%;
        }

            ul.tabnav li a {
                width: 100%;
                text-align: center;
            }

    .box_content .row {
        margin: 10px auto;
    }

    ul.subuserboxes li {
        float: none;
        width: 100%;
    }

    #masterSigpadDiv label {
        text-align: left;
    }

    .termsbox {
        height: 500px;
    }

    .creditbox:first-child {
        border-right: 0px;
        border-bottom: 1px solid #e2e4e4;
        margin-bottom: 25px;
    }

    [class*="cartsummary_"] h3 {
        display: block;
        text-align: center;
    }

    [class*='cartsummary_'] h4 {
        text-align: center;
        display: block;
    }

    .cartsummary_black .title, .cartsummary_black .price {
        text-align: center;
        display: block;
    }

    .footer .col {
        display: block;
        text-align: center;
        width: 100%;
        margin: 5px auto;
        height: auto;
    }

    .footer .left ul {
        text-align: center;
    }

        .footer .left ul li {
            text-align: center;
            float: none;
        }

            .footer .left ul li:nth-child(1), .footer .left ul li:nth-child(2) {
                font-size: 15px;
                display: block;
                padding: 0px 15px;
                border-right: 0px;
            }

            .footer .left ul li:not(:first-child):not(:last-child):after {
                content: none;
            }

    .footer .right {
        border-top: 2px solid #666;
        padding-top: 10px;
    }

    .nomobile {
        display: none;
    }

    .orangetile, .blacktile {
        background-size: auto 100%;
    }

    .cartprogress li {
        width: 100%;
    }

        .cartprogress li:first-child:before {
            background: url('img/progess_sep.png') no-repeat center center;
            background-size: auto 100%;
            width: 60px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            margin-left: -33px;
            font-size: 0px;
            content: ".";
        }

        .cartprogress li:first-child {
            padding-left: 30px;
        }

    .invoicelist li {
        display: block;
        width: 100% !important;
        float: none;
        text-align: left;
        padding: 2px;
    }

    .table_equi th {
        display: none;
    }

    .table_equi tr {
        border: 2px solid #000;
        display: block;
        margin: 5px 0px;
    }


    .table_equi td {
        display: block;
        border: 0px !important;
        background: #fff !important;
    }

        .table_equi td:before {
            font-weight: bold;
        }

    .table_equi.companydetails td:nth-child(1):before {
        content: "ID: ";
    }

    .table_equi.companydetails td:nth-child(2):before {
        content: "Item: ";
    }

    .table_equi.companydetails td:nth-child(3):before {
        content: "Type: ";
    }

    .table_equi.companydetails td:nth-child(4):before {
        content: "Checked Out By: ";
    }

    .table_equi.companydetails td:nth-child(5):before {
        content: "Checked Out On: ";
    }

    .table_equi.companydetails td:nth-child(6):before {
        content: "Due Date: ";
    }

    .table_equi.companydetails td:nth-child(7):before {
        content: "Status: ";
    }

    .table_equi.dashboarddetails td:nth-child(1):before {
        content: "ID: ";
    }

    .table_equi.dashboarddetails td:nth-child(2):before {
        content: "Item: ";
    }

    .table_equi.dashboarddetails td:nth-child(3):before {
        content: "Type: ";
    }

    .table_equi.dashboarddetails td:nth-child(4):before {
        content: "Checked Out By: ";
    }

    .table_equi.dashboarddetails td:nth-child(5):before {
        content: "Company: ";
    }

    .table_equi.dashboarddetails td:nth-child(6):before {
        content: "Checked Date: ";
    }

    .table_equi.dashboarddetails td:nth-child(7):before {
        content: "Due Date: ";
    }

    .table_equi.dashboarddetails td:nth-child(8):before {
        content: "Status: ";
    }

    .box_head .creditcount {
        text-align: center;
        margin-top: 50px;
    }

        .box_head .creditcount .count {
            display: inline-block;
        }
}


@media all and (max-width: 640px) {
    .teltable colgroup {
        width: 100% !important;
        display: block !important;
    }

    .teltable th {
        width: 100% !important;
        display: none !important;
    }

    .teltable td {
        display: block !important;
        width: 90% !important;
        border: 0px !important;
        line-height: 24px !important;
        font-size: 14px !important;
        padding: 3px 5px !important;
    }

    .teltable .k-grid tr {
        border: 2px solid #eee !important;
    }

    .teltable .k-pager-wrap, .teltable .k-pager-info {
        display: block !important;
        text-align: center !important;
        margin: 5px auto !important;
        float: none !important;
    }

    .teltable span.k-pager-wrap.k-grid-pager {
        text-align: center !important;
    }

    .teltable span.k-pager-info.k-label, .teltable span.k-pager-sizes.k-label {
        margin: auto !important;
        width: auto !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
        clear: both !important;
    }

    .teltable tr td:before {
        font-weight: bold;
    }

    .doorlog_user tr td:nth-child(2):before, .doorlog_admin tr td:nth-child(2):before {
        content: "Door: ";
    }

    .printhistory_user tr:not(.k-footer-template) td:nth-child(4):before {
        content: "Pages Printed: ";
    }

    .printhistory_user tr:not(.k-footer-template) td:nth-child(5):before {
        content: "Cost: ";
    }

    .printhistory_user tr.k-footer-template td:nth-child(5):before {
        content: "Total Cost: ";
    }

    .printhistory_user tr.k-footer-template td:not(:last-child) {
        height: 0px !important;
    }

    .equip_admin tr td:nth-child(1):before {
        content: "Equipment ID: ";
    }

    .equip_admin tr td:nth-child(2):before {
        content: "Item Name: ";
    }

    .equip_admin tr td:nth-child(3):before {
        content: "Type: ";
    }

    .equip_admin tr td:nth-child(4):before {
        content: "Checked Out By: ";
    }

    .equip_admin tr td:nth-child(5):before {
        content: "Company: ";
    }

    .equip_admin tr td:nth-child(6):before {
        content: "Checked Out On: ";
    }

    .equip_admin tr td:nth-child(7):before {
        content: "Due Date: ";
    }

    .equip_admin tr td:nth-child(8):before {
        content: "Status: ";
    }
}

@media all and (max-width: 500px) {
    [class^="thirds-"], [class^="fours-"], [class^="eights-"], [class^="six-"] {
        width: 100%;
    }
}

/* Comment box*/

.Main-Box {
    color: black !important;
    padding: 20px;
    width: 700px;
    resize: vertical;
    height: auto;
}

.Comment-Box {
    font-family: sans-serif;
    font-size: 1.2em;
    height: 100px;
    width: 848px;
    outline: solid;
    resize: none;
    overflow: auto;
    padding: .5em;
    border: thin;
    margin-left: 5px;
    color: black !important;
    padding: 10px !important;
}

.addoncmnts {
    display: block;
    padding: 12px 10px 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

    .addoncmnts.bought {
    }

.boughtoverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 111;
    text-align: right;
    margin: auto;
    padding-top: 10px;
    padding-right: 10px;
    display: none;
}

.addoncmnts.bought .boughtoverlay {
    display: block;
}

.boughtoverlay p {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 15px 5px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    background: #666;
}
/* .addoncreds {
	background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	padding: 25px 10px 15px;
	margin: 1%;
	width: 31%;
	float: left;
	-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
} */

.addoncmnts:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #A9A9A9;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}

.addoncmnts.bought:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .addoncmnts.bought:hover .number, .addoncmnts.bought:hover .savings {
        color: #777;
    }

.addoncmnts:hover .number, .addoncmnts:hover .savings {
    color: #fff;
}

.addoncmnts .number {
    font-family: "antonio";
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-size: 31px;
    display: block;
    line-height: 20px;
    text-align: center;
    color: #ff3701;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .addoncmnts .number::after {
        content: " Credits";
    }

.addoncmnts .price {
    display: block;
    line-height: 100%;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
    color: #000 !important;
}

.addoncmnts .savings {
    font-size: 13px;
    color: #ff3701;
    text-align: center;
    display: block;
    margin-top: 3px;
}

/*Button to dismiss expired credit card records*/
.DismissButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #A9A9A9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #A9A9A9;
    box-shadow: inset 0px 1px 0px 0px #A9A9A9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A9A9A9), color-stop(1, #A9A9A9));
    background: -moz-linear-gradient(top, #A9A9A9 5%,#A9A9A9 100%);
    background: -webkit-linear-gradient(top, #A9A9A9 5%,#A9A9A9 100%);
    background: -o-linear-gradient(top, #A9A9A9 5%, #A9A9A9100%);
    /*background:-ms-linear-gradient(top, #A9A9A9 5%, #A9A9A9 100%);*/
    background: linear-gradient(to bottom, #A9A9A9 5%, #A9A9A9100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A9A9', endColorstr='#A9A9A9',GradientType=0);
    background-color: #A9A9A9;
    border: 1px solid #A9A9A9;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    padding: 15px 32px;
    text-decoration: none;
}

.dismiss {
    text-align: center;
}

.DismissButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05,#696969), color-stop(1, #696969));
    background: -moz-linear-gradient(top, ##696969 5%, #696969 100%);
    background: -webkit-linear-gradient(top, #696969 5%, #696969 100%);
    background: -o-linear-gradient(top, #696969 5%,#696969 100%);
    /*background:-ms-linear-gradient(top, #A9A9A9 5%, #A9A9A9 100%);*/
    background: linear-gradient(to bottom, #696969 5%,#696969100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#696969',GradientType=0);
    background-color: #696969;
}

.DismissButton:active {
    position: relative;
    top: 1px;
}

.noteDisplay {
    color: #333;
    font-family: sans-serif !important;
    font-size: .9em !important;
    font-weight: 300;
    text-align: left;
    line-height: 40px;
    border-spacing: 0;
    border: 2px solid #666 !important;
    width: 860px;
}

.notethead tr:first-child {
    background: rgba(0,0,0,0.3);
    color: #000;
    border: none;
    font-size: 25px;
}


notethead tr:last-child {
    border-bottom: 3px solid #666;
}

tbody tr:hover {
    background-color: rgba(0,0,0,0.1);
}

.hidden_username {
    display: none;
}

/* === ADMIN DASHBOARD - LOGS === */
.admin-dashboard-log .door-pane .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.admin-dashboard-log .pagination {
    margin-bottom: 0 !important;
}

    .admin-dashboard-log .pagination > li:first-child > a {
        border-radius: 0 !important;
    }

    .admin-dashboard-log .pagination > li:last-child > a {
        border-radius: 0 !important;
    }

    .admin-dashboard-log .pagination > .active > a {
        background-color: #FF3701 !important;
        border-color: #FF3701 !important;
    }

.admin-dashboard-log .select-max-item-display {
    margin-top: 20px;
    border: 1px solid #ddd;
}

.admin-dashboard-log .nav-tabs {
    margin-top: 0px;
}

    .admin-dashboard-log .nav-tabs > li.active > a {
        border-radius: 0;
        background-color: #000;
    }

.error-detail-modal label {
    font-weight: bold;
}

.position-relative {
    position: relative;
}

.padding-r-10 {
    padding-right: 10px;
}

.assigned-office-list {
    list-style: disc;
    margin-left: 16px;
}

.text-default {
    color: black !important;   
}

.text-default a {
    color: black !important;   
}

.text-danger {
    font-weight: bold;
    color: red !important;
}

.text-danger td {
    color: red !important;
}

.text-danger a {
    color: red !important;
}

.text-warning {
    font-weight: bold;
    color: orange !important;
}

.text-warning td {
    color: orange !important;
}

.text-warning a {
    color: orange !important;
}

/*	24 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */


/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
.container { 
max-width: 1330px;
	margin: 0 auto; 
}


/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after,
.fullwrap:after,
.gutters:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
/*.row { padding-bottom: 0; }*/
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 768px ) {
	
	.gutters .col {
		margin-left: 2%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}
}


/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 768px ) {
	.span_1 { width: 4.16666666667%; }
    .span_2 { width: 8.33333333333%; }
    .span_3 { width:12.5%; }
    .span_4 { width: 16.6666666667%; }
    .span_5 { width: 20.8333333333%; }
    .span_6 { width: 25%; }
    .span_7 { width: 29.1666666667%; }
    .span_8 { width: 33.3333333333%; }
    .span_9 { width: 37.5%; }
    .span_10 { width: 41.6666666667%; }
    .span_11 { width: 45.8333333333%; }
    .span_12 { width: 50%; }
    .span_13 { width: 54.1666666667%; }
    .span_14 { width: 58.3333333333%; }
    .span_15 { width: 62.5%; }
    .span_16 { width: 66.6666666667%; }
    .span_17 { width: 70.8333333333%; }
    .span_18 { width: 75%; }
    .span_19 { width: 79.1666666667%; }
    .span_20 { width: 83.3333333333%; }
    .span_21 { width: 87.5%; }
    .span_22 { width: 91.6666666667%; }
    .span_23 { width: 95.8333333333%; }
    .span_24 { width: 100%; }
    
    .gutters .span_1 { width: 2.25%; }
	.gutters .span_2 { width: 6.5%; }
	.gutters .span_3 { width: 10.75%; }
	.gutters .span_4 { width: 15.0%; }
	.gutters .span_5 { width: 19.25%; }
	.gutters .span_6 { width: 23.5%; }
	.gutters .span_7 { width: 27.75%; }
	.gutters .span_8 { width: 32.0%; }
	.gutters .span_9 { width: 36.25%; }
	.gutters .span_10 { width: 40.5%; }
	.gutters .span_11 { width: 44.75%; }
	.gutters .span_12 { width: 49.0%; }
	.gutters .span_13 { width: 53.25%; }
	.gutters .span_14 { width: 57.5%; }
	.gutters .span_15 { width: 61.75%; }
	.gutters .span_16 { width: 66.0%; }
	.gutters .span_17 { width: 70.25%; }
	.gutters .span_18 { width: 74.5%; }
	.gutters .span_19 { width: 78.75%; }
	.gutters .span_20 { width: 83.0%; }
	.gutters .span_21 { width: 87.25%; }
	.gutters .span_22 { width: 91.5%; }
	.gutters .span_23 { width: 95.75%; }
	.gutters .span_24 { width: 100%; }
}
body.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.sweet-overlay {
    background-color: black;
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE8 */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
}

.sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.sweet-alert fieldset {
    border: none;
    position: relative;
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
}

    .sweet-alert .sa-error-container.show {
        padding: 10px 0;
        max-height: 100px;
        webkit-transition: padding 0.2s, max-height 0.2s;
        transition: padding 0.25s, max-height 0.25s;
    }

    .sweet-alert .sa-error-container .icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #ea7d7d;
        color: white;
        line-height: 24px;
        text-align: center;
        margin-right: 3px;
    }

    .sweet-alert .sa-error-container p {
        display: inline-block;
    }

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
        content: "";
        width: 20px;
        height: 6px;
        background-color: #f06e57;
        border-radius: 3px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -9px;
    }

    .sweet-alert .sa-input-error::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .sweet-alert .sa-input-error::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sweet-alert .sa-input-error.show {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .sweet-alert input:focus {
        outline: none;
        box-shadow: 0px 0px 3px #c4e6f5;
        border: 1px solid #b4dbed;
    }

        .sweet-alert input:focus::-moz-placeholder {
            transition: opacity 0.3s 0.03s ease;
            opacity: 0.5;
        }

        .sweet-alert input:focus:-ms-input-placeholder {
            transition: opacity 0.3s 0.03s ease;
            opacity: 0.5;
        }

        .sweet-alert input:focus::-webkit-input-placeholder {
            transition: opacity 0.3s 0.03s ease;
            opacity: 0.5;
        }

    .sweet-alert input::-moz-placeholder {
        color: #bdbdbd;
    }

    .sweet-alert input:-ms-input-placeholder {
        color: #bdbdbd;
    }

    .sweet-alert input::-webkit-input-placeholder {
        color: #bdbdbd;
    }

.sweet-alert.show-input input {
    display: block;
}

.sweet-alert button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

    .sweet-alert button:focus {
        outline: none;
        box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .sweet-alert button:hover {
        background-color: #a1d9f2;
    }

    .sweet-alert button:active {
        background-color: #81ccee;
    }

    .sweet-alert button.cancel {
        background-color: #D0D0D0;
    }

        .sweet-alert button.cancel:hover {
            background-color: #c8c8c8;
        }

        .sweet-alert button.cancel:active {
            background-color: #b6b6b6;
        }

        .sweet-alert button.cancel:focus {
            box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
        }

    .sweet-alert button::-moz-focus-inner {
        border: 0;
    }

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px;
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

    .sweet-alert .sa-icon.sa-error {
        border-color: #F27474;
    }

        .sweet-alert .sa-icon.sa-error .sa-x-mark {
            position: relative;
            display: block;
        }

        .sweet-alert .sa-icon.sa-error .sa-line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #F27474;
            display: block;
            top: 37px;
            border-radius: 2px;
        }

            .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px;
            }

            .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px;
            }

    .sweet-alert .sa-icon.sa-warning {
        border-color: #F8BB86;
    }

        .sweet-alert .sa-icon.sa-warning .sa-body {
            position: absolute;
            width: 5px;
            height: 47px;
            left: 50%;
            top: 10px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #F8BB86;
        }

        .sweet-alert .sa-icon.sa-warning .sa-dot {
            position: absolute;
            width: 7px;
            height: 7px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-left: -3px;
            left: 50%;
            bottom: 10px;
            background-color: #F8BB86;
        }

    .sweet-alert .sa-icon.sa-info {
        border-color: #C9DAE1;
    }

        .sweet-alert .sa-icon.sa-info::before {
            content: "";
            position: absolute;
            width: 5px;
            height: 29px;
            left: 50%;
            bottom: 17px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #C9DAE1;
        }

        .sweet-alert .sa-icon.sa-info::after {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-left: -3px;
            top: 19px;
            background-color: #C9DAE1;
        }

    .sweet-alert .sa-icon.sa-success {
        border-color: #A5DC86;
    }

        .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
            content: '';
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            position: absolute;
            width: 60px;
            height: 120px;
            background: white;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .sweet-alert .sa-icon.sa-success::before {
            -webkit-border-radius: 120px 0 0 120px;
            border-radius: 120px 0 0 120px;
            top: -7px;
            left: -33px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px;
        }

        .sweet-alert .sa-icon.sa-success::after {
            -webkit-border-radius: 0 120px 120px 0;
            border-radius: 0 120px 120px 0;
            top: -11px;
            left: 30px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0px 60px;
            transform-origin: 0px 60px;
        }

        .sweet-alert .sa-icon.sa-success .sa-placeholder {
            width: 80px;
            height: 80px;
            border: 4px solid rgba(165, 220, 134, 0.2);
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            box-sizing: content-box;
            position: absolute;
            left: -4px;
            top: -4px;
            z-index: 2;
        }

        .sweet-alert .sa-icon.sa-success .sa-fix {
            width: 5px;
            height: 90px;
            background-color: white;
            position: absolute;
            left: 28px;
            top: 8px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .sweet-alert .sa-icon.sa-success .sa-line {
            height: 5px;
            background-color: #A5DC86;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 2;
        }

            .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
                width: 25px;
                left: 14px;
                top: 46px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
                width: 47px;
                right: 8px;
                top: 38px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

    .sweet-alert .sa-icon.sa-custom {
        background-size: contain;
        border-radius: 0;
        border: none;
        background-position: center center;
        background-repeat: no-repeat;
    }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

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

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

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

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9;
}

    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
        -ms-transform: rotate(45deg) \9;
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
        -ms-transform: rotate(-45deg) \9;
    }

.swal-button--confirm {
    background: #ff3701;
    border: 0px;
}

    .swal-button--confirm:hover {
        background: black !important;
        border: 0px;
    }

.swal-button--cancel {
    background: #666;
    color: white;
    border: 0px;
}

    .swal-button--cancel:hover {
        background: black !important;
        border: 0px;
    }

.swal-content input {
    border: 1px solid rgba(0,0,0,.14) !important;
}