/* Columns CSS */
.col-full{width:100%;padding:2% 0}
.col-three-fourth{width:75%;padding:2% 0}
.col-half{width:50%;padding:2% 0}
.col-one-third{width:33.3%;padding:2% 0}
.col-one-fourth{width:25%;padding:2% 0}
.pull-left{float:left !important}
.pull-right{float:right !important}


/* General Standard Pages CSS */
.full-width-wrapper{margin:0;padding:0px}
.content_wrapper{padding:55px 0px 20px 0px}
.content_wrapper h1{display:block;margin:0px 0 20px 0;padding:0 20px;font-size:24px;font-weight:bold;color:#060c46;line-height:28px}
.content_wrapper h2{display:block;margin:5px 0 20px 0;padding:0 20px;font-size:18px;font-weight:bold;color:#3575b4;line-height:28px}
.content_wrapper h3{display:block;margin:5px 0 5px 0;padding:0 20px;font-size:16px;font-weight:bold;color:#24282e;line-height:28px}
.content_wrapper p{display:block;margin:5px 0 20px 0;padding:0 20px;font-size:13px;font-weight:normal;color:#050505;line-height:20px}
.content_wrapper p strong{font-weight:bold;color:#000000}
.content_wrapper address{display:block;margin:5px 0 20px 0;padding:0 20px;font-size:13px;font-weight:normal;color:#999999;line-height:20px}
.content_wrapper address strong{font-weight:bold;color:#000000}
.content_wrapper ul{margin:0;padding:0 20px}
.content_wrapper ul li{ list-style: none; font-size:13px;line-height:18px;color:#000000;padding:8px 0 8px 40px;background:url(../img/list-icon.png) no-repeat center left;background-position:10px 7px}
.content_wrapper ul li a{color:#000000;text-decoration:none}
.content_wrapper ul li a:hover{color:#e95056}
.content_wrapper img{margin:0;padding:0 20px}
.content_wrapper .seperator{border-bottom:1px dashed #000000;height:1px;display:block;margin:25px 20px}
.img1{width:100%;border:4px solid #FFF;border-radius:5px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75)}


.error {
    font-size: 12px;
    color:#e95056;
    font-weight: 800;
}

/* Error Messages CSS */
/* .error-msg {position:relative;} */
.error-msg > span{width:auto;box-sizing:border-box;padding:5px 10px;margin-top:40px;margin-left:0px;opacity:1;visibility:visible;z-index:10;position:relative;left:0;top:0;font-size:12px;font-style:normal;line-height:18px;color:#666666;background:#FFFFFF;border:1px solid #70a2d3;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.error-msg .warning{color:#ffa500 !important}
.error-msg .success{color:#0b9444 !important}
.error-msg .error{color:#F00 !important}
.error-msg span b{width:10px;height:10px;margin-left:10%;margin-top:-10px;border-radius:1px;display:block !important;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:none;*display:none;background:#FFFFFF;border-top:1px solid #70a2d3;border-right:1px solid #70a2d3;}

/* Info Messages Box CSS */
.info-msg{position:relative}
.info-msg > span{display:block;width:auto;box-sizing:border-box;padding:5px 10px;margin:10px 0;opacity:1;visibility:visible;position:relative;font-size:12px;font-style:normal;line-height:18px}
.info-msg .warning{color:#d48901 !important;border:1px solid #ffa500;background:#fffaf2;}
.info-msg .success{color:#0b9444 !important;border:1px solid #0b9444;background:#e5fff0;}
.info-msg .error{color:#ba0000 !important;border:1px solid #ff0000;background:#ffe2e2;}



/* Pagination CSS */
.ppo-pagination{margin:10px 0;padding:0}
.ppo-pagination ul.pagination{display:inline-block;padding:0;margin:0}
.ppo-pagination ul.pagination li{display:inline;line-height:18px !important;padding:0;background:transparent}
.ppo-pagination ul.pagination li a{float:left;margin:0 5px;width:34px;height:34px;color:#24282e;padding:7px 0px;font-size:14px;text-decoration:none;transition:background-color .3s;border:1px solid #24282e;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.ppo-pagination ul.pagination li a.active{background-color:#e95056;color:#FFFFFF;border:1px solid #e95056}
.ppo-pagination ul.pagination li a:hover:not(.active){background-color:#dddddd}
div.center{text-align:center}

.leave-fdk-box .leave-fdk-btn {
    position: absolute;
    right: 30px;
    top: 55px;
    letter-spacing: 1px;
    font-weight: normal;
}

button.button span {
    display: block;
    background: #e95056;
    padding: 8px 20px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    font-size: 14px;
}

.leave-fdk-box {
    position: relative;
    margin: 20px 0;
    width: 100%;
    height: 142px;
    background-color: #d1dfe0;
    background-image: url(../img/user-feedback.jpg);
    background-repeat: no-repeat;
}

.leave-fdk-box h1 {
    position: absolute;
    left: 260px;
    top: 55px;
    letter-spacing: 1px;
    font-weight: normal;
    font-weight: bold;
    color: #000;
}


.comments-box {
    margin: 20px 0;
    width: 100%;
}

.comments-box .comment2 {
    background: #eaeaea;
}
.comments-box .comment {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 25px 0;
    background: #f5f5f5;
    border-left: 5px solid #e95056;
}

#about_us a {
    color:#ba0000;
}

/*** My Account & Shipment Menu ***/
.myacccount{padding:50px 0}

/* myaccount-menu CSS */
.myaccount-menu{overflow:hidden;padding-right:20px;outline:none}
.myaccount-menuPanel{margin:0px;padding:0px}
.myaccount-menuPanelTab{background-color:#e95056;border-top:solid 0px #c33b40;border-bottom:solid 0px #c33b40;margin:0px;padding:10px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;color:#FFFFFF;font-size:15px;text-transform:uppercase;line-height:20px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px}
.myaccount-menuPanelTab .Tabplus{float:left;width:20px;height:20px;margin-right:5px;background:url(../img/sprite.png) no-repeat;background-position:0px -62px}
.myaccount-menuPanelContent{overflow:auto;margin:0px;padding:0px;height:auto ;border-left:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;border-bottom:solid 1px #e7e7e7;background:#f9f9f9}
.myaccount-menuPanelContent ul li{list-style:none}
.myaccount-menuPanelContent ul li a{box-sizing:border-box;float:left;width:100%;line-height:40px;color:#666666;font-size:13px;text-transform:uppercase;background:#f9f9f9;border-bottom:1px solid #e7e7e7}
.myaccount-menuPanelContent ul li:first-child a{border-top:0px solid #000}
.myaccount-menuPanelContent ul li a:hover, .myaccount-menuPanelContent ul li a.active{background:#e7e7e7 !important;color:#24282e}
.myaccount-menuPanelOpen .myaccount-menuPanelTab{background-color:#c33b40}
.myaccount-menuPanelTabHover{color:#FFFFFF}
.myaccount-menuPanelOpen .myaccount-menuPanelTabHover{color:#FFFFFF}
.myaccount-menuFocused .myaccount-menuPanelTab{background-color:#e95056}
.myaccount-menuFocused .myaccount-menuPanelOpen .myaccount-menuPanelTab{background-color:#c33b40}
.myaccount-menuFocused .myaccount-menuPanelOpen .myaccount-menuPanelTab .Tabplus{float:left;width:20px;height:20px;margin-right:5px;background:url(../img/sprite.png) no-repeat;background-position:0px -62px;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
@media print{
.myaccount-menu{overflow:visible !important}
.myaccount-menuPanelContent{display:block !important;overflow:visible !important;height:auto !important}
}

.myaccount-Content{padding:0 20px}
.myaccount-Content h1{padding:0px 0px 5px 0px;border-bottom:0px solid #e7e7e7;}
.myaccount-Content h2, .myaccount-Content h3{padding:0px}
.myaccount-Content p{padding:0px}
.dashboard, .subscription, .kycform, .change-pswd, .edit-address, .bulk-upload{margin:0;padding:0}
.dashboard h1{border-bottom:0px}
.dashboard-map{width:415px;height:250px}
.dashboard h1, .dashboard h2{margin-bottom:0px}
.change-pswd .change-pswd-box{margin:0 auto;background:#f9f9f9;border:1px solid #e7e7e7;padding:35px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px}
.kycform #JotFormIFrame .form-all{margin:0px !important;width:100% !important}
iframe{border-width: 0px;}
.edit-address .profile-info-form{margin:0px;padding:30px;border:1px solid #e7e7e7;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px}
.address-block{margin:0 8px;padding:20px;background:#f9f9f9;border:1px solid #e7e7e7;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}
.address-block h2{margin:0}
.address-block .delete-address, .address-block .edit-address{float:left;width:50%}
.address-block .delete-address p{margin:0;line-height:14px}
.address-block .delete-address p:before{float:left;content:" ";background:url(../img/sprite.png) no-repeat;width:14px;height:14px;background-position:-181px 0;margin-right:3px}
.address-block .edit-address p{float:left;margin:0;line-height:14px}
.address-block .edit-address p:before{float:left;content:" ";background:url(../img/sprite.png) no-repeat;width:14px;height:14px;background-position:-164px 0;margin-right:5px}
.address-block .delete-address p a, .address-block .edit-address p a{color:#999}
.filter-box{background:#f9f9f9;border:1px solid #e7e7e7;padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px}
.filter-box h2{margin:0}
.filter-box .des-field{margin:0 2%}
.filter-box .styled-radio{margin:5px;width:auto;height:auto}
.filter-box .col-three-fourth, .filter-box .col-one-fourth{padding-bottom:0px}

/* Responsive table css */
.myaccount-table{margin:0;padding:0;font-family:'Open Sans', sans-serif;font-size:13px;width:100%}
.myaccount-table th{background:#24282e;color:#FFFFFF;padding:15px 0;text-transform:uppercase}
.myaccount-table th:first-child{border-radius:5px 0px 0px 5px}
.myaccount-table th:last-child{border-radius:0px 5px 5px 0px}
.myaccount-table td{padding:10px 0;color:#999999;vertical-align:middle}
tr:nth-child(even){background:#f7f7f7}
/* tr:nth-child(even):hover{background:#e7e7e7} */
tr:nth-child(odd){background:#FFFFFF}
/* tr:nth-child(odd):hover{background:#e7e7e7}
tr:nth-child(odd):hover td{color:#666666 !important} */
tr:nth-child(even) td{color:#666666;}
.stacktable{width:100%}
.st-head-row{padding-top:1em}
.st-head-row.st-head-row-main{font-size:13px;padding-top:0}
.st-key{width:49%;text-align:center;padding-right:1%;padding-top:10px;padding-bottom:10px;background:#e7e7e7;color:#666666;border-right:1px solid #c1c1c1;font-size:13px}
.st-val{width:49%;text-align:center;padding-left:1%;font-size:13px;color:#999}
.stacktable.large-only{display:table}
.stacktable.small-only{display:none}
.myaccount-table .button, .myaccount-table .button1{margin:0}
.myaccount-table .button span, .myaccount-table .button1 span{padding:5px 10px;font-size:13px}
.ppopoints-table th{background:#3f83c5 !important}
.ppopoints-table td{border:1px solid #c1c1c1;border-top:none}
.ppopoints-table th:first-child{border-radius:5px 0px 0px 0px}
.ppopoints-table th:last-child{border-radius:0px 5px 0px 0px}
.ppopoints-table td strong{font-weight:bold;color:#333333}



/*bulk upload */
.bulk-upload-box{margin:0 auto;background:#f9f9f9;border:1px solid #e7e7e7;padding:70px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px}
.bulk-upload-box input.upload{width:auto;position:relative;top:0;right:0;margin:10px 0;padding:0;cursor:pointer;}
.bulk-upload-box label{width:100%;margin:10px 0;font-size:14px;line-height:36px;color:#666}
.bulk-upload .upload-error{width:100%;display:block}
.bulk-upload .upload-error .upload-error-note{float:left;width:70%}
.bulk-upload .upload-error .back-button{float:left;width:30%}

/* Form Elements */
.ppo-form label{margin:5px 0;font-size:13px;color:#000;font-family: sans-serif, Arial, Helvetica;}
.ppo-form input[type="text"], .ppo-form input[type="password"]{height:auto;}
.ppo-form .text1{width:100%}
.ppo-form .text2{width:73%}
.ppo-form .text3{width:48%}
.ppo-form .text4{width:32%}
.ppo-form .text4-spacer{margin:0 2%}
.ppo-form .text5{width:23%}
.ppo-form .text6{width:95%}
.ppo-form .textarea{width:100%}
.ppo-form .textarea1{width:48%}
.ppo-form .textarea2{width:95%}
.ppo-form textarea{width:100%;font-family:"Open Sans", Arial, Verdana;outline:none}
.ppo-form .styled-select, .ppo-form .styled-select1, .ppo-form .styled-select2, .ppo-form .styled-select3{margin:10px 0;height:32px;/*overflow:hidden;*/background:url(../img/dropdown-icon.jpg) no-repeat right #FFFFFF;border:1px solid #dddddd}
.ppo-form .styled-select{width:48%}
.ppo-form .styled-select1{width:100%}
.ppo-form .styled-select2{width:95%}
.ppo-form .styled-select3{width:32%}
.ppo-form .styled-select select, .ppo-form .styled-select1 select, .ppo-form .styled-select2 select, .ppo-form .styled-select3 select{background:transparent;padding:5px;font-size:13px;line-height:1;border:0;border-radius:0;height:32px;-webkit-appearance:none;outline:none}
.ppo-form .styled-select select, .ppo-form .styled-select1 select, .ppo-form .styled-select2 select, .ppo-form .styled-select3 select{width:100%}
.ppo-form .styled-radio{margin:10px 0;width:100%;height:32px;font-family:"Open Sans", Arial, Verdana;font-size:13px;color:#989898;outline:none}
.ppo-form .styled-radio input[type="radio"]{float:left;padding:0px;margin:8px 0}
.ppo-form .styled-radio label{float:left;padding:0 5px;margin-right:15px}
.ppo-form .styled-checkbox{margin:10px 0;width:100%;height:32px;font-family:"Open Sans", Arial, Verdana;font-size:13px;color:#989898;outline:none}
.ppo-form .styled-checkbox input[type="radio"]{padding:0px}
.ppo-form .styled-checkbox label{padding:0 5px;margin-right:30px}
.ppo-form .prepopulated input, .ppo-form .prepopulated select, .ppo-form .prepopulated textarea{background:#e5f2ff !important;color:#666666}
.ppo-form .coupons-prepopulated input{background:#fffccc !important;color:#000000;text-transform:uppercase;}

/* Reward points tooltip */
.reward-tooltip{position: relative;margin: 0;padding: 0;}
.reward-tooltip .reward-tooltip-msg{position: absolute;opacity:0;top:0px;left:0;padding: 7px 10px;background: #e5fff0;border:1px solid #0b9444;color: #0b9444;margin:0px}
.reward-tooltip:hover .reward-tooltip-msg{opacity: 1;top:50px;}

/* PPOBOX Calculator CSS*/
.ppoinfo{width:100%;margin:0;padding:0;background:#f5f5f5}
.ppoinfo .ppoinfo-content{position:relative}
.ppoinfo .ppoinfo-content .ppoinfo-text{width:812px;padding:65px 0;font-family:'Open Sans', sans-serif}
.ppoinfo .ppoinfo-content .ppoinfo-text h1{padding-right:50px;margin-bottom:20px;font-size:27px;font-weight:bold;color:#333333}
.ppoinfo .ppoinfo-content .ppoinfo-text p{padding-right:50px;line-height:24px;font-size:15px;font-weight:normal;color:#999999}
.ppoinfo .ppoinfo-content .ppo-calc{position:absolute;right:0;top:-56px;width:346px;height:auto;background:#FFFFFF;border:1px solid #dddddd;z-index:4}
.ppoinfo .ppoinfo-content .ppo-calc .calc-box{padding:25px 10px}
.ppoinfo .ppoinfo-content .ppo-calc h2{font-size:24px;margin-bottom:10px;font-weight:bold;color:#24282e;line-height:24px;text-align:center}
.ppoinfo .ppoinfo-content .ppo-calc .styled-select, .ppoinfo .ppoinfo-content .ppo-calc .styled-select1{margin:10px 0;height:32px;overflow:hidden;background:url(../img/dropdown-icon.jpg) no-repeat right #FFFFFF;border:1px solid #dddddd;outline:none}
.ppoinfo .ppoinfo-content .ppo-calc .styled-select{width:48%}
.ppoinfo .ppoinfo-content .ppo-calc .styled-select1{width:100%}
.ppoinfo .ppoinfo-content .ppo-calc .styled-select select, .ppoinfo .ppoinfo-content .ppo-calc .styled-select1 select{background:transparent;padding:5px;font-size:12px;line-height:1;border:0;border-radius:0;height:32px;-webkit-appearance:none;color:#b0b0b0;outline:none}
.ppoinfo .ppoinfo-content .ppo-calc .styled-select select{width:100%}
.ppoinfo .ppoinfo-content .ppo-calc .styled-select1 select{width:100%}
.ppoinfo .ppoinfo-content .ppo-calc input[type="text"]{height:30px;margin:10px 0;border:1px solid #dddddd;font-size:12px;color:#b0b0b0;outline:none}
.ppoinfo .ppoinfo-content .ppo-calc .text1{float:left;width:48%;padding:0 5px;}
.ppoinfo .ppoinfo-content .ppo-calc .text2{float:right;width:48%;padding:0 5px;}
.ppoinfo .ppoinfo-content .ppo-calc .text3{float:left;width:32%;padding:0 5px;margin-right:2% !important}
.ppoinfo .ppoinfo-content .ppo-calc button{float:left;margin-top:10px;background:#e95056;border:0;padding:5px 30px;font-weight:bold;font-size:16px;color:#FFFFFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer;outline:none}
.ppoinfo .ppoinfo-content .ppo-calc span{float:right;margin-top:10px;border:0;font-weight:bold;font-size:18px;color:#333333;}
table.tblView td{border:solid 1px grey;padding:0px 5px 0px 5px;width:100%;border-collapse:collapse;border-spacing:0px;font-size:12px;}
textarea.form-control {resize: none;height: 60px;}
.form-control {font-size: 14px;}