@import url('forms.css');

.main-wrapper{color:#144676;}

.members-nav li a{color:white; border-radius:0; padding-top:18px;padding-bottom:18px;}
.members-nav li.nav-orders  a{background-color:#d30b0b;}
.members-nav li.nav-videos  a{background-color:#00bb2e;}
.members-nav li.nav-calls   a{background-color:#187a15;}
.members-nav li.nav-share   a{background-color:#e76e03;}
.members-nav li.nav-offers  a{background-color:#840dc1;}
.members-nav li.nav-profile a{background-color:#046ded;}
.members-nav li.nav-help    a{background-color:#ebb514;}

.members-nav, .members-panel, .elf-level-wrapper{max-width:850px; margin-left:auto; margin-right:auto;}

.members-panel {margin-bottom: 15px;}

@media (min-width: 768px) {
    .members-nav li a{padding-left:5px;padding-right:5px;}
    .members-nav .nav-justified>li>a.selected{background-image:url('/images/icons/white_arrow_down.png');background-repeat:no-repeat; background-position:center bottom; }
    .members-panel {border-top-style:solid; border-top-width:10px;border-top-color:#fff; padding-top:20px;}
        .panel-order  {border-top-color:#d30b0b; padding-top:0;}
        .panel-videos {border-top-color: #00bb2e;}
        .panel-calls  {border-top-color:#187a15;}
        .panel-share  {border-top-color: #e76e03;}
        .panel-offers {border-top-color: #840dc1;}
        .panel-profile{border-top-color: #046ded;}
        .panel-help   {border-top-color: #ebb514;}
}

@media (max-width: 767px) {
    .members-nav .nav-justified>li>a{text-align:left;}
    .members-nav .nav-justified>li>a>i{font-size: 1.5em;}

    .members-panel.panel-collapsed{display:none;}
}

.elf-level-wrapper{padding-bottom:5px;}
.elf-level-wrapper a{text-decoration:underline;}
.elf-status .imgElfLevel {float:left; width:70px; margin-right:10px;}
.elf-level-wrapper .fa-star{color:#ffc847;}
.elf-level-wrapper .elf-name{padding-top:10px; padding-left:10px; font-size:16px;}


/**** ORDERS ****/
.panel-order #tbl-orders th {color:white; background-color:#d30b0b; border-bottom:none; padding-bottom:12px;}

.tbl-orders{position:relative;}
.tbl-orders>thead>tr{border-left:1px solid  #d30b0b;border-right:1px solid  #d30b0b;}
.tbl-orders>tbody>tr.order-year td{padding-top:20px; padding-bottom:10px;}
.tbl-orders>tbody>tr:last-child{border-bottom:1px solid  #deddc1;}
.tbl-orders>thead>tr>th,
.tbl-orders>tbody>tr>td{border-top-color: #deddc1 !important; padding:0 8px;}
.tbl-orders tr.order-line a, .tbl-orders-mobile a{text-decoration:underline;}

.table.tbl-orders .expired, .tbl-orders .redeemed{color:gray; text-decoration:none;}

.panel-order .tbl-orders-mobile td.first-col {color:white; background-color:#d30b0b; width:110px;}
.order-group-year{padding-top:10px;padding-bottom:10px;}
.tbl-orders-mobile>tbody>tr{border-right:1px solid  #deddc1;}
.tbl-orders-mobile>tbody>tr:last-child{border-bottom:1px solid  #deddc1;}

.tbl-orders .row{margin-left:-8px; margin-right:-8px;}
.tbl-orders td .row .first-col {color:white;}

.tbl-orders .btn.package-link{color: #0A6ADB;padding: 0 0 8px 0px; font-weight:500;}

@media (min-width: 768px) {
    .tbl-orders>tbody>tr.order-line{border-left:1px solid  #deddc1;border-right:1px solid  #deddc1;}
    .tbl-orders>tbody>tr.order-year{border-left:1px solid  #fff;border-right:1px solid #fff; }
    .tbl-orders tr.order-line:nth-child(2n+0) td {background: #f7f6f1;}
    .tbl-orders .row{padding-top:8px; padding-bottom:8px;}
    .tbl-orders .row .col-1{ width:11.20%;}
    .tbl-orders .row .col-2{ width:17.80%;}
    .tbl-orders .row .col-3{ width:13.80%;}
    .tbl-orders .row .col-4{ width:14.00%;}
    .tbl-orders .row .col-5{ width:12.40%;}
    .tbl-orders .row .col-6{ width:21.50%;}
    .tbl-orders .row .col-7{ width:9.30%;}
    .tbl-orders .row .col-xs-4, .tbl-orders .row .col-xs-8, .tbl-orders .row .col-xs-12{padding-left:8px; padding-right:8px;}
}

@media (max-width: 767px) {
    .panel-order .table-responsive{border:1px solid white;}
    .tbl-orders>tbody>tr.order-line td{padding-top:20px;}
    .tbl-orders td .row {
        border:1px solid  #deddc1;
        background: rgb(211,11,11); /* Old browsers */
        background: -moz-linear-gradient(left,  #d30b0b 0%, #d30b0b 33%, #d30b0b 33%, #fff 33%, #fff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d30b0b), color-stop(33%,#d30b0b), color-stop(33%,#d30b0b), color-stop(33%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* IE10+ */
        background: linear-gradient(to right,  #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30b0b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
    .tbl-orders td .row .clearfix{border-bottom: 1px solid #deddc1;}
    .tbl-orders td .row .col-xs-4, .tbl-orders td .row .col-xs-8{padding-top:8px; padding-bottom:8px;}
}

@media (max-width: 450px) {
    .first-col{padding-left:5px; padding-right:5px; font-size:13px;}
}


/**** PERSONALIZE ORDER LATER ****/
#personalizeOrder-modal{}
.order-personalize-later{color:black; font-size:15px; padding:10px 40px;}
.order-personalize-later .title{text-align:center; color:#ad0407; font-size:26px; font-weight:700; padding-bottom:10px;}
.order-personalize-later .share{text-align:center;padding:10px 0 20px 0;}
.order-personalize-later .friendbuy-wrapper{text-align:center;}

@media (max-width: 450px) {
    .order-personalize-later{padding:10px 10px;}
    #personalizeOrder-modal .modal-body{padding-top:0}
}


/**** CALLS AND VIDEO ****/
.vouchers{padding-top:10px; padding-left:15px; padding-right:15px;}
.vouchers .voucher-row{border:1px solid #e1e8ee; margin-top:15px; margin-bottom:15px; padding-top:10px; padding-bottom:10px; }
.vouchers .voucher-row.scheduled{background-color:#ededed;}

.voucher-row .actions{padding-top:15px;padding-bottom:15px;}
    .voucher-row .actions .col-xs-4 .btn{padding: 10px 6px;}
    .voucher-row .actions .btn-primary{background-color:#0b6ade; border-color:#0b6ade;}
    .voucher-row .actions .btn-danger{background-color:#c61316; border-color:#c61316;}
    .voucher-row .actions .btn-success{background-color:#00bb2e; border-color:#00bb2e;}
    .voucher-row .actions .btn-default{background-color:#c4c4c4; border-color:#c4c4c4; color:white;}
    .voucher-row .actions .btn-schedule{background-color:#187a15; border-color:#187a15;}
    .voucher-row .actions .btn-preparing{font-size:16px;padding: 14px 5px;}

.voucher-row .text-danger{color:#c61316;}
.voucher-row .text-primary{color:#0b6ade;}

/*** BACKDROP HIGHLIGHT ***/
.modal-highlight.modal-backdrop.in{opacity:0.8;}

tr.order-line.highlight .row,
.voucher-row.highlight,
.voucher-row-video.highlight, 
.voucher-row-video .actions.highlight {
    z-index: 9999;
    position:relative;
    border:2px solid #fed615;
    background:white;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(254, 214, 21, 0.75);
    -moz-box-shadow:    0px 0px 18px 2px rgba(254, 214, 21, 0.75);
    box-shadow:         0px 0px 18px 2px rgba(254, 214, 21, 0.75);
}

.highlight-arrow{width:50px; height:auto; display:none;}

@media (max-width: 767px) {
    tr.order-line.highlight .row {
        background:  #fff; /* Old browsers */
        background: -moz-linear-gradient(left, #d30b0b 0%, #d30b0b 33%, #d30b0b 33%, #fff 33%, #fff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d30b0b), color-stop(33%,#d30b0b), color-stop(33%,#d30b0b), color-stop(33%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* IE10+ */
        background: linear-gradient(to right, #d30b0b 0%,#d30b0b 33%,#d30b0b 33%,#fff 33%,#fff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30b0b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
    .highlight .highlight-arrow{display:inline;}
}

.highlight-bg{border:1px solid red;}
.highlight-overlay {
    width:auto;
    height:50px;
    position:absolute;
    z-index:9999;
    color:white;
}
.highlight-overlay .fa{color:white;}

/**** CALLS ****/

.call-vouchers .voucher-row .description{
    background-image:url('/images/members/santa_call_gray.png');
    background-repeat:no-repeat;
    min-height:80px;
    padding-top:10px;
    font-size:21px;
    line-height:1.1;
}
.call-vouchers .voucher-row .description .small{font-size:65%;}

.call-vouchers .voucher-row.santaCall.scheduled .description{ background-image:url('/images/members/santa_call.png');}
.call-vouchers .voucher-row.birthdayCall .description{ background-image:url('/images/members/birthday_call_gray.png');}
.call-vouchers .voucher-row.birthdayCall.scheduled .description{ background-image:url('/images/members/birthday_call.png');}

.panel-calls .add-calls{margin-top:20px;margin-bottom:20px;}
.panel-calls .add-calls a img.img-responsive{display:inline-block;}

.panel-calls .call-apps{
    margin-top:25px; margin-bottom:15px; 
    padding-top:15px; padding-bottom:15px;
    color:#055f06; 
    font-size:28px; 
    line-height:1.1; 
    border-top:1px solid #055f06;
    border-bottom:1px solid #055f06;
}
.panel-calls .call-apps .download-now{border-bottom:2px solid #128413; color:#128413; margin-top:15px; display:inline-block; font-weight:bold;}
.panel-calls .call-apps .limited-time{color:#128413; font-size:20px}

#callapp-modal .modal-header h4 {color:#929292; font-size:16px; margin:0;}
#callapp-modal .modal-body{color:#000000; font-size:16px;}
#callapp-modal .modal-body img.pull-left{padding-right:15px;}
#callapp-modal i.fa span{font-family: proxima-nova, sans-serif;}
#callapp-modal .modal-body .red{color:#d80808}
#callapp-modal .modal-footer{color:#878787; text-align:center}
#callapp-modal .modal-footer a{color:#878787;text-decoration:underline;}

#callapp-modal .n-circle{color:white; font-weight:bold; background-color:#000000; border-radius:15px; display:inline-block; text-align:center; width:25px; height:25px;padding-top:2px;margin-right:3px;}
#callapp-modal .line{padding-bottom:5px;}
#callapp-modal .app-note{color:#969696; font-style:italic;}

#callapp-modal .email-app{background-color:#e5e5e5; padding:18px 18px 5px 5px;}
#callapp-modal .email-app .envelope{color:#df0024; font-size:26px;margin-top:-12px; padding-right:5px;}

#callapp-modal .download-app{text-align:center; font-size:20px; line-height:2;}
#callapp-modal .download-app img{max-width:220px; height:auto;}

#callapp-modal .no-app{padding-top:30px; text-align:center;}
#callapp-modal .no-app a{color:#000000; text-decoration:underline;}

#callapp-modal .form{margin-top:10px;}
#callapp-modal .form-group{margin-bottom:5px;}
#callapp-modal .col-email.form-group{min-height:55px;}
#callapp-modal .form-control{background:white; border-color:#e5e5e5;padding-top:10px; padding-bottom:10px; border-radius:0;}
#callapp-modal .has-error .form-control{border-color:#ed1c24;}
#callapp-modal .form-control::-webkit-input-placeholder {font-style: normal;}
#callapp-modal .form-control:-moz-placeholder {font-style: normal;}
#callapp-modal .form-control::-moz-placeholder {font-style: normal;}
#callapp-modal .form-control:-ms-input-placeholder {font-style: normal;}

@media (min-width: 768px){
    .call-vouchers .voucher-row .description{
        background-position:20px center;
        padding-left:100px;
    }
    #callapp-modal .image-left{float:left;}
    #callapp-modal .inline-text{padding-left:100px;}
    #callapp-modal .app-note{padding-left:30px;}
    #callapp-modal .email-app{margin-bottom:20px; }

    #callapp-modal .form{margin-left:40px; margin-right:40px;}
}

@media (max-width: 767px) {
    .call-vouchers .voucher-row .description{
        background-position:10px center;
        padding-left:80px;
    }
     #callapp-modal .inline-text{padding-top:10px;}
     #callapp-modal .email-app{margin:20px 0;}
}
@media (max-width: 460px) {
    .call-vouchers .voucher-row .actions .col-xs-6,
    .call-vouchers .voucher-row .actions .col-xs-12
     {padding-left:5px; padding-right:5px;}

    .call-vouchers .voucher-row .actions .btn{padding-left:0; padding-right:0;}
}


/**** VIDEOS ****/
.video-vouchers .voucher-row {padding-left:20px; padding-right:20px;padding-top:5px; padding-bottom:5px}
.video-vouchers .voucher-row > .row {padding-top:5px; padding-bottom:5px}

.video-vouchers .voucher-row .actions .btn-success{line-height:1; white-space: normal;}
.video-vouchers .voucher-row .actions .btn-success .small{color:#fffb64; text-transform:uppercase; font-size:75%; }

.video-vouchers .voucher-row .description .row { margin-left: -5px; margin-right: -5px;}

.video-vouchers .voucher-row .description,
.video-vouchers .voucher-row .description .col-xs-6,
.video-vouchers .voucher-row .description .col-xs-5,
.video-vouchers .voucher-row .description .col-xs-7,
.video-vouchers .voucher-row .actions,
.video-vouchers .voucher-row .actions .col-xs-4,
.video-vouchers .voucher-row .actions .col-xs-6,
.video-vouchers .voucher-row .actions .col-xs-12
{padding-left:5px; padding-right:5px;}

.video-vouchers .voucher-row .description .text{padding-top:5px; }
.video-vouchers .voucher-row.scheduled .description .text,
.video-vouchers .voucher-row.preparing .description .text{line-height:1.2}
.video-vouchers .voucher-row .description .text .created-on{font-size:13px;}
.video-vouchers .voucher-row .description .text .video-type{font-size:14px;}
.video-vouchers .voucher-row .description .text .video-scene{font-size:13px;}
.video-vouchers .voucher-row .description .text .waiting{font-size:12px;}

.video-vouchers .voucher-row .description .image img{border-radius:10px;}
.video-vouchers .voucher-row.expired .description img{opacity:0.4; width:100%;}

.videos-buy-more{width:100%; max-width:480px; margin:10px auto;}

.video-upgrade-wrapper{
    background-color:#efefef;
    border-radius:5px;
    padding:15px;
    margin:0 10px;
}
    .video-upgrade-wrapper .line1{text-align:center; font-size:32px; margin-bottom:0;}
    .video-upgrade-wrapper .line2{text-align:center; font-size:32px; color:#1377ef;}
    #imgChild{border-radius:5px;}
    #upgrade-modal .modal-body {padding-top:0;}
    #action-modal .modal-body {padding-top:0;}
    .video-upgrade-wrapper ul.upgrade-bonus{font-size:15px; padding:0 0 10px 10px;}
    .upgrade-link-wrap{padding-top:20px; padding-bottom:10px;}
    .upgrade-link-wrap .btn-lg{font-size:28px;}

.video-action-wrapper{
    width:100%;
    max-width:440px;
    margin:0 auto;
    padding-bottom:15px;
    min-height:300px;
    color: #144676;
    font-family: proxima-nova, sans-serif;
}
.video-action-wrapper .video-top .special-offer{padding-top:20px;}

.video-action-wrapper .video-top-msg{
    text-align:center;
    padding-top:10px;
    font-size:16px;
}

.video-action-wrapper .tbl-videoUpgrade{
    border-radius:10px;
    overflow:hidden;
    margin:20px 0;
}

.video-action-wrapper .table{
    border:none;
    margin-bottom:0;
}
.video-action-wrapper .tdPrice{
    color:white;
    background-color:#05ad00;
    text-align:center;
    font-weight:bold;
    font-size:15px;
    line-height:1.2;
    width:60px;
    vertical-align:middle;
}

.video-action-wrapper .tdItem{
    color:white;
    background-color:#d60000;
    text-align:left;
    font-weight:bold;
    font-size:16px;
    line-height:1.2;
    vertical-align:middle;
    padding-top:12px;
    padding-bottom:12px;
}

.video-action-wrapper .tdItem a,
.video-action-wrapper .tdPrice a{color:white; text-decoration:none;}

.video-action-wrapper .tdItem em,
.video-action-wrapper .tdItem a em{color:#f9ff4a; font-size:14px;}

.video-action-wrapper .tdDescription{
    background-color:#eeeeee;
    padding:0 15px 20px 15px;
    font-weight:500;
}
    .video-action-wrapper .tdDescription a{color:#066de6; text-decoration:underline;}
    .video-action-wrapper .tdDescription ul {margin: 10px 10px 0 10px ;padding-left: 10px;}
    .video-action-wrapper .tdDescription ul li{padding-bottom:5px;}
    .video-action-wrapper .tdDescription .preview-bonus {line-height:1.1; font-size:16px;}
    .video-action-wrapper .tdDescription .preview-bonus i{margin-top: -7px;}

.video-action-wrapper .btn-success{background-color:#05ad00; border-color:#05ad00; text-decoration:underline;}

.video-action-share{}
.video-action-share .share-action{margin:10px auto;}

.video-action-share .share-copy-paste{padding:10px 0; font-size:18px; color:#28457F; padding:10px;}
.video-action-share .share-copy-paste p{line-height:1.2;}
.video-action-share .share-copy-paste textarea{width:100%; margin:5px auto; padding:10px; resize:none;border:1px#28457F solid; color:#28457F;font-size:16px; text-align:center;}

.video-action-wrapper #video-action-email .title{font-size:22px; padding:15px 0;}

@media (min-width: 768px){
    .video-vouchers .voucher-row .description .text{font-size:19px;}
    .video-vouchers .voucher-row .actions .col-xs-12 .btn{font-size:24px;}
    .video-vouchers .voucher-row .actions .col-xs-12 .btn.btn-preparing{font-size:16px;}
    #upgrade-modal .modal-dialog {width: 640px;}
    #action-modal .modal-dialog {width: 490px;}
    .video-vouchers .voucher-row .description .image img{width:163px;}
    .videos-buy-more{padding:20px 0 30px 85px; background:url('/images/members/Elf-videos.png') no-repeat; }
}

@media (max-width: 767px) {
    .video-vouchers .voucher-row .description .text{font-size:19px;}
    .video-upgrade-wrapper .line1{font-size:20px;}
    .video-upgrade-wrapper .line2{font-size:20px;}
    .videos-buy-more .btn{white-space:normal;}
    #action-modal .modal-body {padding:0;}
}

@media (max-width: 460px) {
    .video-vouchers .voucher-row .actions .btn{font-size:14px;}
    .video-vouchers .voucher-row .description .text{font-size:16px;}
}


/****  OFFERS  ****/
.panel-offers .container{max-width:100%;}


/****  SHARE  ****/
.friendbuy-wrapper{max-width:660px; margin:0 auto;}


/****  PROFILE  ****/
.panel-profile .elf-status .imgElfLevel {float:left; width:120px; margin-right:15px;}
.panel-profile .elf-level-wrapper .elf-name{padding-top:15px; font-size:18px;}

.panel-profile .change-elf{padding-top:10px;line-height:1.1;}
.elf-choose input[type=image]{border:4px solid white;}
.elf-choose input[type=image]:hover{border:4px solid #feea3b;}

.panel-profile .profile-row>div{padding-top:10px; padding-bottom:10px;}

.panel-profile .storedcard-row{padding-bottom:15px;}
.panel-profile .storedcard-row .col-xs-10 a{text-decoration:underline;}

.panel-profile .change-password{padding-top:10px;}


/**** HELP ****/
.help-nav{padding-top:20px; padding-bottom:20px;}

.help-nav li a{text-decoration:underline; font-size:18px;}
.help-nav li a:hover{text-decoration:underline; background-color:white;}

.panel-help .help-videos  h4{color:#ebb514;}
.panel-help .help-videos .row{padding-top:10px; padding-bottom:10px;}

@media (min-width: 768px) {
    .panel-help .help-videos .video-question { padding-top: 30px; }
}

@media (max-width: 767px) {
    .panel-help .help-videos .video-question { padding-top: 15px; }
}


/*** ORDERS DETAILS ***/

#orderDetails {border:1px solid #c3ccd5; padding-left:15px; padding-right:15px;}

#orderDetails #order-history .section-row{padding-top:15px; padding-bottom:15px;}

#orderDetails .order-number{font-weight:bold; font-size:22px;margin-top: 5px;margin-bottom: 0px; }

#orderDetails h3{font-size:17px; font-weight:bold;}
#orderDetails .shipping-info ,#orderDetails .billing-info {min-width:250px;}
#orderDetails .shipping-info .leftCol{float:left; width:45px; display:inline-block;}
#orderDetails .shipping-info .rightCol{float:left; width:300px; max-width:100%; display:inline-block;}

#orderDetails #order-history .order-vouchers img{max-width:100%; height:auto;}
#orderDetails #order-history .order-vouchers .col-sm-3{padding-left:5px; padding-right:5px;}

#orderDetails .letter-wrap{padding-top:15px;padding-bottom:15px;}

#orderDetails .voucher-warning{font-size:16px;padding-top:5px;padding-bottom:5px;}
#orderDetails .voucher-link{font-size:15px;text-decoration:underline;padding-top:5px;padding-bottom:15px;}
#orderDetails .voucher-link a{color:#0041da;}
#orderDetails .coupon{color:#c61316;}


/**** LETTER EDITOR  ****/

.letter-wrapper {position: relative;}
.letter-wrapper-top{font-size:16px; text-align:center; padding:15px 0px 20px 0px; font-weight:bold;}
.letter-wrapper-top .congrats{color:#980E0C;}
.letter-wrapper-bottom{text-align:left;}

.letter-wrapper .letter{margin: 0 auto;}
.letter-wrapper .letter textarea{display: block;margin: 0 auto;background-color: transparent;overflow: hidden;resize:none;border: 1px #062b45 solid;text-align: left;font-family: Arial;font-size: 12px; line-height:1.3;padding: 10px;text-indent:0px;color:Black;}
.letter-wrapper .char-count{width:170px; background-color:#FE0002;color:#fff;text-align:right;font-size: 12px;padding: 5px;}

.letter-confirm{text-align:right; padding:15px 5px 0 0;}

@media (min-width:638px){
    .letter-wrapper .letter{width: 560px;height: 726px;background-image:url('/images/letter/letter-bg.jpg'); background-position:top center ;padding-top:46px;position: relative;}
    .letter-wrapper .letter textarea{width: 500px;height:485px;}
    .letter-wrapper .letter .letter-signature {display: block;position: absolute;top: 536px;left:150px;}
    .letter-wrapper .char-count{display: block;position: absolute;top: 531px;left: 360px;}
    .letter-wrapper .char-count input{width: 34px;font-size: 12px;text-align: left;background-color: transparent;border: 1px transparent solid;}
    .santa-signature{display:none; visibility:hidden;}

}
@media (max-width:637px){
    .letter-wrapper .letter{width:100%; padding:10px; background-color:#95C5E9; background-size:contain;}
    .letter-wrapper .letter textarea{width:100%;height:775px; }
    .letter-wrapper .letter .letter-signature {clear:both;margin-top:35px;}
    .letter-wrapper .char-count{float:right;}
    .santa-signature{font-size:18px; text-align:right;padding:10px 0; color:Black;}
    #letterTip5{visibility:hidden;}
    .letter-confirm input[type=checkbox]{height:25px; width:25px;}
}

@media (max-width: 885px) {
    #letterTip4{visibility:hidden;}
}

.letter-wrapper .what-to-write{padding-left: 50px;padding-top: 10px;width: 280px;text-align: left;}
.letter-wrapper .what-to-write img{display: block;float: left;}
.letter-wrapper .what-to-write .text{float: left;font-family: Verdana;font-size: 10px;text-align: right;padding-top: 6px;padding-left: 8px;}
.letter-wrapper .what-to-write a{color: #11406c;}