/*====================================== reset.css is here ========================================*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
    display: block;
    max-width: 100%;
    height: auto;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}
ol,ul {
    list-style: none;
    margin: 0;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: bold;
}
q:before,q:after {
    content: '';
}
abbr,acronym {
    border: 0;
}
.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 0;
}
.clearfix:after {
    display: block;
    content: "";
    clear: both;
}
.last {
    margin: 0 !important;
}
.pad_last {
    padding: 0 !important;
}
.no_bg {
    background: none !important;
}
.no_bor {
    border: 0 none !important;
}
header,nav,section,article,aside,footer,hgroup,figure {
    display: block;
    padding: 0;
    margin: 0;
}

/**************************************************************************************/
a {
    color: #000;
    text-decoration: none;
    outline: 0 none !important;
}
a:hover, a:focus {
    color: #82c5ce;
    text-decoration: none;
    outline: 0 none !important;
}
h1 {
    font-size: 85px;
    line-height: 100px;
    font-weight: 400;
    color: #707070;
}
h2 {
    font-size: 34.8px;
    line-height: 38px;
    font-weight: 300;
    color: #757d89;
    margin: 0;
}
h3 {
    font-size: 34px;
    line-height: 46px;
    color: #676767;
    font-weight: 400;
}
h4 {
    font-size: 30px;
    line-height: 34px;
    color: #707070;
    font-weight: 400;
}
h5 {
    font-size: 16px;
    line-height: 20px;
    color: #82c5ce;
    font-weight: 400;
}
h6 {
    font-size: 16px;
    line-height: 22px;
    color: #555555;
    font-weight: 400;
}
p {
    margin: 0;
    color: #707070;
    font-size: 16.2px;
    line-height: 25px;
    font-weight: normal;
}
/*---------------------------------------------------*/
html {
    height: 100%;
}
body {
    font-family: 'Rubik', sans-serif;
    background: #f1f3f5;
    height: 100%;
}
.flt_lt {
    float: left;
    display: inline;
}
.flt_rt {
    float: right;
    display: inline;
}
.d-flex {
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
}
/*-- bootstrap4 hack --*/
.flex-row-reverse {
    -webkit-flex-direction: row-reverse!important
}
.input-group,.row {
    -webkit-flex-wrap: wrap;
    display: -webkit-flex
}
.flex-wrap {
    -webkit-flex-wrap: wrap!important
}
.d-flex {
    display: -webkit-flex!important
}
.d-inline-flex {
    display: -webkit-inline-flex!important
}
.input-group-append,.input-group-prepend {
    display: -webkit-flex
}
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    -webkit-flex: 1 1 auto
}
.input-group {
    -webkit-align-items: stretch
}
.navbar {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: space-between
}
.navbar-collapse {
    -webkit-flex-basis: 100%;
    -webkit-flex-grow: 1;
    -webkit-align-items: center
}
.form-inline {
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-align-items: center
}
.navbar-nav {
    display: -webkit-flex;
    -webkit-flex-direction: column
}
.align-items-start {
    -webkit-align-items: start!important
}
.align-items-end {
    -webkit-align-items: flex-end!important
}
.align-items-center {
    -webkit-align-items: center!important
}
.align-items-baseline {
    -webkit-align-items: baseline!important
}
.align-items-stretch {
    -webkit-align-items: stretch!important
}
.justify-content-start {
    -webkit-justify-content: flex-start!important
}
.justify-content-end {
    -webkit-justify-content: flex-end!important
}
.justify-content-center {
    -webkit-justify-content: center!important
}
.justify-content-between {
    -webkit-justify-content: space-between!important
}
.justify-content-around {
    -webkit-justify-content: space-around!important
}
.align-self-start {
    -webkit-align-self: flex-start!important
}
.align-self-end {
    -webkit-align-self: flex-end!important
}
.align-self-center {
    -webkit-align-self: center!important
}
.align-self-baseline {
    align-self: baseline!important
}
.align-self-stretch {
    align-self: stretch!important
}
.col-1 {
    -webkit-flex: 0 0 8.33333%
}
.col-2 {
    -webkit-flex: 0 0 16.66667%
}
.col-3 {
    -webkit-flex: 0 0 25%
}
.col-4 {
    -webkit-flex: 0 0 33.33333%
}
.col-5 {
    -webkit-flex: 0 0 41.66667%
}
.col-6 {
    -webkit-flex: 0 0 50%
}
.col-7 {
    -webkit-flex: 0 0 58.33333%
}
.col-8 {
    -webkit-flex: 0 0 66.66667%
}
.col-9 {
    -webkit-flex: 0 0 75%
}
.col-10 {
    -webkit-flex: 0 0 83.33333%
}
.col-11 {
    -webkit-flex: 0 0 91.66667%
}
.col-12 {
    -webkit-flex: 0 0 100%
}
@media (min-width:576px) {.d-sm-flex {
    display: -webkit-flex!important
}
    .d-sm-inline-flex {
        display: -webkit-inline-flex!important
    }
    .navbar-expand-sm {
        -webkit-flex-flow: row nowrap;
        -webkit-justify-content: flex-start
    }
    .navbar-expand-sm .navbar-collapse {
        display: -webkit-flex!important;
        -webkit-flex-basis: auto
    }
    .navbar-expand-sm .navbar-nav {
        -webkit-flex-direction: row
    }
    .col-sm-1 {
        -webkit-flex: 0 0 8.33333%
    }
    .col-sm-2 {
        -webkit-flex: 0 0 16.66667%
    }
    .col-sm-3 {
        -webkit-flex: 0 0 25%
    }
    .col-sm-4 {
        -webkit-flex: 0 0 33.33333%
    }
    .col-sm-5 {
        -webkit-flex: 0 0 41.66667%
    }
    .col-sm-6 {
        -webkit-flex: 0 0 50%
    }
    .col-sm-7 {
        -webkit-flex: 0 0 58.33333%
    }
    .col-sm-8 {
        -webkit-flex: 0 0 66.66667%
    }
    .col-sm-9 {
        -webkit-flex: 0 0 75%
    }
    .col-sm-10 {
        -webkit-flex: 0 0 83.33333%
    }
    .col-sm-11 {
        -webkit-flex: 0 0 91.66667%
    }
    .col-sm-12 {
        -webkit-flex: 0 0 100%
    }
    .align-items-sm-start {
        -webkit-align-items: start!important
    }
    .align-items-sm-end {
        -webkit-align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-align-items: stretch!important
    }
    .justify-content-sm-start {
        -webkit-justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-justify-content: space-between!important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around!important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start!important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end!important
    }
    .align-self-sm-center {
        -webkit-align-self: center!important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline!important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch!important
    }

}
@media (min-width:768px) {.d-md-flex {
    display: -webkit-flex!important
}
    .d-md-inline-flex {
        display: -webkit-inline-flex!important
    }
    .navbar-expand-md {
        -webkit-flex-flow: row nowrap;
        -webkit-justify-content: flex-start
    }
    .navbar-expand-md .navbar-collapse {
        display: -webkit-flex!important;
        -webkit-flex-basis: auto
    }
    .navbar-expand-md .navbar-nav {
        -webkit-flex-direction: row
    }
    .col-md-1 {
        -webkit-flex: 0 0 8.33333%
    }
    .col-md-2 {
        -webkit-flex: 0 0 16.66667%
    }
    .col-md-3 {
        -webkit-flex: 0 0 25%
    }
    .col-md-4 {
        -webkit-flex: 0 0 33.33333%
    }
    .col-md-5 {
        -webkit-flex: 0 0 41.66667%
    }
    .col-md-6 {
        -webkit-flex: 0 0 50%
    }
    .col-md-7 {
        -webkit-flex: 0 0 58.33333%
    }
    .col-md-8 {
        -webkit-flex: 0 0 66.66667%
    }
    .col-md-9 {
        -webkit-flex: 0 0 75%
    }
    .col-md-10 {
        -webkit-flex: 0 0 83.33333%
    }
    .col-md-11 {
        -webkit-flex: 0 0 91.66667%
    }
    .col-md-12 {
        -webkit-flex: 0 0 100%
    }
    .align-items-md-start {
        -webkit-align-items: start!important
    }
    .align-items-md-end {
        -webkit-align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-align-items: stretch!important
    }
    .justify-content-md-start {
        -webkit-justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-justify-content: space-between!important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around!important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start!important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end!important
    }
    .align-self-sm-center {
        -webkit-align-self: center!important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline!important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch!important
    }

}
@media (min-width:992px) {.d-lg-flex {
    display: -webkit-flex!important
}
    .d-lg-inline-flex {
        display: -webkit-inline-flex!important
    }
    .navbar-expand-lg {
        -webkit-flex-flow: row nowrap;
        -webkit-justify-content: flex-start
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-flex!important;
        -webkit-flex-basis: auto
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-flex-direction: row
    }
    .col-lg-1 {
        -webkit-flex: 0 0 8.33333%
    }
    .col-lg-2 {
        -webkit-flex: 0 0 16.66667%
    }
    .col-lg-3 {
        -webkit-flex: 0 0 25%
    }
    .col-lg-4 {
        -webkit-flex: 0 0 33.33333%
    }
    .col-lg-5 {
        -webkit-flex: 0 0 41.66667%
    }
    .col-lg-6 {
        -webkit-flex: 0 0 50%
    }
    .col-lg-7 {
        -webkit-flex: 0 0 58.33333%
    }
    .col-lg-8 {
        -webkit-flex: 0 0 66.66667%
    }
    .col-lg-9 {
        -webkit-flex: 0 0 75%
    }
    .col-lg-10 {
        -webkit-flex: 0 0 83.33333%
    }
    .col-lg-11 {
        -webkit-flex: 0 0 91.66667%
    }
    .col-lg-12 {
        -webkit-flex: 0 0 100%
    }
    .align-items-lg-start {
        -webkit-align-items: start!important
    }
    .align-items-lg-end {
        -webkit-align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-align-items: stretch!important
    }
    .justify-content-lg-start {
        -webkit-justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-justify-content: space-between!important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around!important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start!important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end!important
    }
    .align-self-lg-center {
        -webkit-align-self: center!important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline!important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch!important
    }

}
@media (min-width:1200px) {.d-xl-flex {
    display: -webkit-flex!important
}
    navbar-expand-xl {
        -webkit-flex-flow: row nowrap;
        -webkit-justify-content: flex-start
    }
    .navbar-expand-xl .navbar-collapse {
        display: -webkit-flex!important;
        -webkit-flex-basis: auto
    }
    .navbar-expand-xl .navbar-nav {
        -webkit-flex-direction: row
    }
    .col-xl-1 {
        -webkit-flex: 0 0 8.33333%
    }
    .col-xl-2 {
        -webkit-flex: 0 0 16.66667%
    }
    .col-xl-3 {
        -webkit-flex: 0 0 25%
    }
    .col-xl-4 {
        -webkit-flex: 0 0 33.33333%
    }
    .col-xl-5 {
        -webkit-flex: 0 0 41.66667%
    }
    .col-xl-6 {
        -webkit-flex: 0 0 50%
    }
    .col-xl-7 {
        -webkit-flex: 0 0 58.33333%
    }
    .col-xl-8 {
        -webkit-flex: 0 0 66.66667%
    }
    .col-xl-9 {
        -webkit-flex: 0 0 75%
    }
    .col-xl-10 {
        -webkit-flex: 0 0 83.33333%
    }
    .col-xl-11 {
        -webkit-flex: 0 0 91.66667%
    }
    .col-xl-12 {
        -webkit-flex: 0 0 100%
    }
    .align-items-xl-start {
        -webkit-align-items: start!important
    }
    .align-items-xl-end {
        -webkit-align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-align-items: stretch!important
    }
    .justify-content-xl-start {
        -webkit-justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-justify-content: space-between!important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around!important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start!important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end!important
    }
    .align-self-xl-center {
        -webkit-align-self: center!important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline!important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch!important
    }

}
/*--hacks end--*/

.wrapper {
    max-width: 100%;
    width: 100%;
    position: relative;
    left: 0;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    padding: 60px 0 0 0;
    margin: 0 auto;
    height: 100%;
    background: #f1f3f5;
}
.container {
    max-width: 1050px;
    margin: 0 auto;
}

/*--header start--*/
header {
    background: #82c5ce;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    z-index: 99;
}
.header-in {
    padding: 0px 24px 0px 0px;
}
.logo {
    background: #75b1b9;
    width: 260px;
    padding: 15px 0 15px 25px;
}
.header-rt .select-menu {
    position: relative;
    display: block;
    cursor: pointer;
}
.header-rt .select-menu:after {
    content: "";
    position: absolute;
    right: 17px;
    top: 0px;
    background: url(/images/profile.png) no-repeat;
    width: 34px;
    height: 34px;
    background-size: 100% 100%;
}
.header-rt .nice-select:after {
    content: "\f107";
    position: absolute;
    right: -2px;
    top: 3px;
    color: #fff;
    font-size: 16px;
    font-family: 'FontAwesome';
    background: none;
    transform: none !important;
    -webkit-transform: none !important;
}
.left-section {
    width: 260px;
    float: left;
    height: calc(100% - 60px);
    position: fixed;
    top: 60px;
    background: #fff;
    overflow-y: auto;
}
.left-section ul {
    padding: 41px 0 29px 0;
    border-bottom: 1px solid #d6d7d8;
}
.left-section ul li {
    padding: 0 0 3px 0;
}
.left-section ul li a {
    color: #757d89;
    font-size: 16.8px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    padding: 10px 32px 10px 15px;
    position: relative;
    border-left: 3px solid transparent;
}

.left-section ul li a i.fa{
    color: #d5d8db;
    width: 25px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}
.left-section ul li.active a i.fa,
.left-section ul li a:hover i.fa{
    color: #82c5ce;
}


.left-section ul li .expands i {
    margin: 0 0 0 7px;
    font-size: 21px;
}
.left-section ul > li.active > .expands {
    border-left-color: #82c5ce;
    font-weight: 500;
}
.left-section ul > li >  a:hover,
.left-section ul > li.active >  a{
    border-left-color: #82c5ce;
    font-weight: 500;
}


.right-section {
    display: block;
    margin: 0;
    padding: 54px 45px 54px 39px;
    position: relative;
    height: 100%;
    margin-left: 260px;
}
.activity-rt ul li {
    padding: 0 0px 0 35px;
}
.activity-rt ul li a {
    font-size: 18px;
    line-height: 45px;
    display: block;
    color: #757d89;
}
.btn:not(.btn-secondary) {
    background: #82c5ce;
    color: #fff;
    height: 40px;
    line-height: 38px;
    display: block;
    padding: 0 17px;
}
.btn.btn-small{
    line-height: 30px;
    height: 30px
}
.activity-rt ul li a i {
    margin: 0 0px 0 12px;
    font-size: 18px;
}
.activity-rt ul li a.btn,
.activity-rt ul li input[type=submit].btn
{
    background: #82c5ce;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    height: 40px;
    display: block;
    padding: 0 25px;
}
.btn:(.btn-secondary):hover,
.activity-rt ul li a.btn:hover,
.activity-rt ul li input[type=submit].btn:hover{
    background-color: #78b6be;
    color: #fff;
}
.need {
    padding: 28px 26px;
}
.need p {
    color: #757d89;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
}
.need p a {
    color: #82c5ce;
}
.summary {
    margin: 30px 0 0 0;
    background: #fff;
    border-radius: 4px;
}
.summary-head {
    padding: 14.5px 34px;
    border-bottom: 1px solid #eef0f1;
}
.summary-head h6 {
    color: #555555;
    font-weight: 300;
    font-size: 16px;
    margin: 0;
    line-height: 18px;
}

.summary-head.header h6 {
    font-weight: 400;
}

.date {
    width: 15.2%;
}
.clicks {
    width: 14.3%;
}
.product-name {
    width: 22%;
}
.email{
    width: 30%;
    overflow-wrap: break-word;
}
.sales {
    width: 17%;
}
.earned {
    width: 24%;
}
.adjustment {
    width: 17.7%;
}
.payout {
    width: 10%;
}
.summary-main .summary-head {
    border: none;
}
.summary-main .summary-head h6 {
    color: #676767;
}
.summary-head h6 img {
    width: 17px;
    height: 15px;
    object-fit: cover;
    margin: 0 11px;
    display: inline-block;
}
.summary-main .summary-head {
    border-bottom: 1px solid #eef0f1;
}
.summary-main .summary-head:hover {
    background-color: #eceeef;
}
.profile {
    padding: 11px 15px;
    border-bottom: 1px solid #d6d7d8;
}
.profile h6 {
    color: #757d89;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}
.profile h6 img {
    margin: 0 14px 0 0;
}
#nav-icon {
    width: 25px;
    height: 19px;
    position: absolute;
    margin: 0;
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 50%;
    display: block;
    z-index: 5;
    left: 15px;
    display: none;
    transform: translateY(-50%);
}
#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
    top: 0px;
}
#nav-icon span:nth-child(2) {
    top: 7px;
}
#nav-icon span:nth-child(3) {
    top: 14px;
}
/*--profile page start--*/
.profile-page .activity-rt ul li a.btn {
    padding: 0 46px;
}
.profile-page  .right-section {
    padding: 37px 47px 10px 41px;
}

.radioboxes label input {
    display: none;
}
.radioboxes label span {
    padding: 0 0 0 33px;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #a0a0a0;
    background: url('../images/radio-checked.png') no-repeat 0 3px;
    cursor: pointer;
}
.radioboxes label input:checked + span {
    background-image: url('../images/radio-unchecked.png');
}
.legal {
    background: #fff;
    border-radius: 4px;
    margin: 29px 0 0 0;
}
.legal-in {
    padding: 41px 10px;
}
.form-lt {
    padding: 0 37px 0 28px;
}
.form-rt {
    padding: 0px 153px 0 56px;
}
.form-group {
    margin-bottom: 28px;
}
.form-group1 {
    margin-bottom: 21px;
    display: block;
}
.form-group label {
    color: #555555;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    margin: 0 0 6px 0;
}
.form-group .form-control {
    color: #666;
    font-size: 16px;
    line-height: 19px;
    height: 47px;
    border: 1px solid #d5d8db;
    border-radius: 2px;
    padding: 0 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    font-size: 16px;
}
.form-group textarea.form-control {
    color: #666;
    font-size: 16px;
    line-height: 20px;
    height: 126px;
    border: 1px solid #d5d8db;
    border-radius: 2px;
    padding: 15px 15px;
    resize: none;
}
.radioboxes ul li {
    padding: 6px 28px 0 0;
}
.nice-select {
    color: #a0a0a0;
    font-size: 16px;
    line-height: 49px;
    height: 50px;
    border: 1px solid #d5d8db;
    width: 100%;
    float: none;
}
.nice-select .list {
    width: 100%;
}
.radioboxes p label {
    margin: 0;
}
.nice-select:after {
    border: none;
    background: url(../images/dropdown.png) no-repeat;
    width: 12px;
    height: 11px;
    transform: none !important;
    background-size: 100% 100%;
    -wekit-transform: none !important;
    right: 18px;
}
.nice-select.open:after {
    transform: none !important;
    -wekit-transform: none !important;
}
.form-group > ul {
    padding: 0 50px 0 0;
}
.form-group > ul > li > .form-group {
    margin-bottom: 9px;
}
.address {
    padding: 6px 0 0 0;
}
.address h6 {
    padding-bottom: 6px;
    line-height: 12px;
    margin: 0;
}
.address ul {
    border: 1px solid #d5d8db;
    padding: 22px 10px 88px 13px;
    border-radius: 4px;
}
.address  span {
    color: #82c5ce;
    font-size: 16px;
    line-height: 33px;
    display: block;
    padding: 8px 0;
}
.address ul li {
    padding: 0 0 8px 0;
}
.address ul li p {
    color: #555555;
    position: relative;
    font-size: 16.2px;
    line-height: 20px;
}
.form-group > ul > li > ul {
    margin: 0 -5px;
}
.form-group > ul > li > ul > li {
    padding: 0 5px;
}
.profile-page .activity-rt .btn {
    line-height: 40px;
    border-radius: 6px;
    font-size: 15px;
    height: 39px;
}
.overlay {
    display: none;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
}
.form-group h6 {
    margin-bottom: 4px;
    line-height: 23px;
}
.das-cont ul {
    padding: 0;
    border: none;
    padding: 0 0 0 11px;
}
.das-cont ul li {
    padding: 0 0 12px 0;
}
.das-cont ul li a {
    border: none;
    padding: 6px 8px 6px 78px;
}
.das-cont ul li a:before {
    display: none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: transparent;
    color: #82c5ce;
}
.scan {
    padding: 20px 60px 0 0;
}
.scan a {
    width: 195px;
    margin: 80px auto 0 auto;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
}
.header-rt .nice-select {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 184px;
    line-height: 35px;
    height: 35px;
}
.header-rt  .nice-select .option {
    color: #000;
}
.activity-rt .nice-select {
    background: transparent;
    border: none;
    font-size: 18px;
    line-height: 45px;
    display: block;
    color: #757d89;
}
.activity-rt .nice-select:after {
    content: "\f107";
    position: absolute;
    right: 8px;
    top: 5px;
    color: #757d89;
    font-size: 20px;
    font-family: 'FontAwesome';
    background: none;
    transform: none !important;
    -webkit-transform: none !important;
}
.form-group > ul > li > ul > li .form-group {
    margin-bottom: 9px;
}
.search {
    position: relative;
    padding: 0;
    width: 100%;
    background: transparent;
}
.search	input {
    border: none;
    border-radius: 0;
    color: #757d89;
    font-size: 0.875em;
    line-height: 39px;
    height: 41px;
    width: 100%;
    padding: 0 20px;
    position: relative;
    font-weight: normal;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background: transparent;
}
.search:after {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    left: 4px;
    top: -10px;
    height: 42px;
    line-height: 42px;
    color: #757d89;
    font-size: 26px;
}
.search:before {
    content: "";
    background: #e7e9eb;
    position: absolute;
    right: 38px;
    top: 6px;
    width: 1px;
    height: 25px;
    z-index: 9;
    display: none;
}
div.vouchers input[type=text] {
    width: 100%;
    font-size: 16px;
    padding: 0 45px;
    outline: none;
    border-bottom: 1px solid #e7eaec;
}
/* Style the navigation menu inside the left column */
#myMenu {
    list-style-type: none;
    padding: 0;
    margin: 11px 0 0 18px;
}
#myMenu li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    padding: 5px 10px;
    color: black;
    display: block
}
#myMenu li a:hover {
    background-color: #eee;
}
#myMenu {
    display: none;
}
#myMenu .btn:after {
    display: none;
}
.activity-rt .nice-select.open:after {
    transform: none;
    -webkit-transform: none;
}
.vouchers {
    margin-top: -14px;
}
.lorem-lt {
    padding: 0;
}
.lorem-rt {
    padding: 0 0 0 35px;
}
.lorem-rt .nice-select {
    border: none;
    background: transparent;
    color: #82c5ce;
    height: 15px;
}
.lorem-rt .nice-select:after {
    content: "\f107";
    position: absolute;
    right: 8px;
    top: 5px;
    color: #82c5ce;
    font-size: 20px;
    font-family: 'FontAwesome';
    background: none;
    transform: none !important;
    -webkit-transform: none !important;
    background: none;
}
.lorem-rt .nice-select .list {
    width: 154px;
    background: #fff;
    margin-top: 34px;
}
.lorem-rt .nice-select .option.selected {
    background: transparent;
    color: #676767;
    font-weight: normal;
}
.lorem-rt .nice-select .option {
    color: #a0a0a0;
}
.vouchers .summary {
    margin: 37px 0 0 0;
    padding-bottom: 180px;
}
.vouchers .date {
    width: 17.1%;
}
.vouchers .clicks {
    width: 13.2%;
}
.vouchers .sales {
    width: 25.1%;
}
.vouchers .earned {
    width: 16.9%;
}
.vouchers .adjustment {
    width: 17.6%;
}
.vouchers .payout {
    width: 10%;
}
.summary-head h6 span {
    color: #de2c2c;
    font-size: 16px;
    line-height: 18px;
}
.summary-head h6 small {
    color: #82c5ce;
    font-size: 16px;
    line-height: 18px;
}
.daterangepicker .ranges li {
    font-size: 15px;
    padding: 8px 12px;
    cursor: pointer;
    font-weight: 400;
    color: #757d89;
}
.daterangepicker .ranges {
    width: 140px;
}
.daterangepicker.show-calendar .drp-buttons {
    display: none;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
}
#reportrange{
    width: 220px;
    text-align: center;
}
#reportrange span {
    color: #757d89;
}
.voch-details {
    margin-top: -14px;/* padding-bottom: 200px; */
}
.voch-details h2 {
    padding: 0 0 26px 0;
}
.voch-details-in {
    background: #fff;
    border-radius: 6px;
    padding: 35px 23px 150px 31px;
}
.voch-details-in h5 {
    padding: 0 0 16px  0;
}
.voch-details-in h5 a {
    color: #82c5ce;
}
.back {
    max-width: 400px;
    padding-bottom: 14px;
}
.back-lt {
    width: 40.2%;
}
.back-lt span {
    color: #555555;
    font-weight: bold;
    display: block;
    font-size: 16px;
}
.back-rt {
}
.back-rt span {
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
.back-rt small {
    color: #de2c2c;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
.mark-btn {
    max-width: 258px;
    padding: 27px 0 42px 0;
}
.mark-btn input {
    font-size: 23px;
    height: 57px;
    line-height: 54px;
    padding: 0 17px;
}
/*--product start--*/
.product .right-section {
    padding: 35px 45px 54px 39px;
}
.product  .activity-rt ul li a.btn {
    padding: 0 44px;
}
.product  .activity-rt .nice-select {
    font-size: 16px;
}
.product .activity-rt  >  ul > li {
    padding: 0 0px 0 29px;
}
.product .date {
    width: 18.7%;
}
.product .clicks {
    width: 21.8%;
}
.product .date {
    width: 18.7%;
}
.product .sales {
    width: 13.4%;
}
.product .earned {
    width: 17%;
}
.product .payout {
    width: 10%;
}
.product .summary-head h6 {
    font-size: 16px;
}
.product .summary {
    margin: 24px 0 0 0;
}
.blue-color {
    color: #82c5ce !important;
}
.red-color {
    color: #dd6573 !important;
}
.product .summary-head h6 img {
    width: 13px;
    height: 13px;
}
.product-details  .activity-rt ul li a.btn {
    padding: 0 37px;
}
.checkboxes label {
    display: inline-block;
    margin: 0 0 -5px 0;
}
.checkboxes label input {
    display: none;
}
.checkboxes label span {
    padding: 0 0 0 31px;
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    color: #555555;
    background: url(../images/uncheck.png) no-repeat 0 3px;
    cursor: pointer;
}
.checkboxes label input:checked + span {
    background-image: url('../images/check.png');
}
.product-details .address ul li p:before {
    display: none;
}
.product-details .legal-in {
    padding: 39px 10px 41px 15px;
}
.product-details .form-group {
    margin-bottom: 22px;
}
.form-group4 .form-control {
    width: 44%;
}
.form-group4 label {
    margin-bottom: 11px;
}
.product-details .form-rt {
    padding: 0px 68px 0 51px;
}
.product-details  .address h6 {
    padding-bottom: 12px;
}
.product-details  .address ul {
    padding: 13px 10px 78px 14px;
}
.product-details .address ul li p {
    padding: 0;
}
.product-details  .address > span {
    padding: 8px 0 33px 0;
}

/*merchant-right-section*/
.merchant_main .left-section ul li.active a.icon:before {
    content: "";
    background: url(../images/speed_hover.svg) no-repeat;
    background-size: 100% 100%;
}
.merchant-right-section {
    padding: 38px 45px 54px 40px
}
.merchant-right-section .activity-rt ul li a.btn {
    padding: 0 51px;
}
.name-of-image ul {
    margin: 29px -13px 0 -13px;
    padding: 0 6px 0 0;
}
.name-of-image ul li {
    padding: 0 13px 28px 13px;;
}
.name-of-cnt {
    background: #ffffff;
    padding: 15px 17px 12px;
}
.merchant-right-section .activity {
    padding: 0 0 32px 0;
}
.name-of-bottom {
    padding: 12px 2px 0;
}
.name-of-bottom-left {
    width: 88%;
    overflow-wrap: break-word;
}
.name-of-bottom-left span {
    font-size: 15.6px;
    line-height: 20px;
    color: #555555;
    display: block;
    font-weight: 400;
}
.name-of-bottom-left em {
    font-size: 15.6px;
    line-height: 21px;
    color: #a0a0a0;
    display: block;
    font-weight: 400;
}
.name-of-bottom-right {
    padding: 6px 0;
}
.btn_upload {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: 1px solid #f1f1f1;
    padding: 11px 42px 11px 59px;
    box-shadow: 0 4px 8px #f1f1f1;
    color: #555555;
    font-size: 16px;
}
.btn_upload:before {
    content: "";
    background: url(../images/download.png) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 100% 100%;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.btn_upload:hover,.btn_upload:focus {
    background-color: #7ca9e6;
}
.yes {
    display: flex;
    align-items: flex-start;
    margin: 0 0 22px 0;
}
.btn_upload input {
    cursor: pointer;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0;
}
.it {
    height: 100px;
    margin-left: 10px;
}
.btn-rmv1,.btn-rmv2,.btn-rmv3,.btn-rmv4,.btn-rmv5 {
    display: none;
}
.rmv {
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    display: inline-block;
    background: rgba(255, 0, 0, 1);
    margin: -5px -10px;
}
.rmv:hover {
    background: rgba(255, 0, 0, 0.5);
}
.media-popup {
    width: 662px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    padding: 39px 54px 53px 49px;
    position: relative;
}
.media-popup-in h2 {
    padding: 0 0 34px 0;
}
.media-popup-in .form-group {
    margin-bottom: 22px;
}
.media-popup-in h6 {
    color: #555555;
    margin-top: -5px;
    font-size: 16px;
    line-height: 16px;
}
.media-popup-in em {
    color: #a0a0a0;
    margin-top: -9px;
    display: block;
    padding-bottom: 33px;
}
.media-popup-in a.btn {
    display: inline-block;
    text-align: center;
    font-size: 19px;
    padding: 0 74px;
    height: 50px;
    line-height: 50px;
}
.close-icon {
    position: absolute;
    right: 29px;
    top: 28px;
    opacity: 1 !important;
}
/*--accounting page start--*/
.payment-page .right-section {
    padding: 42px 45px 54px 39px;
}
.payment-in h2 {
    padding: 0 0 25px 0;
}
.credit {
    background: #fff;
    border-radius: 4px;
}
.credit-in {
    padding: 35px 118px 99px 18px;
}
.credit-rt {
    padding: 0 0 0  5px;
    max-width: 419px;
}
.credit-lt > p {
    color: #555555;
    padding: 16px 41px 0  39px;
}
.credit-rt  .form-group {
    margin: 17px  0;
}
.credit-lt .radioboxes label span {
    color: #555555;
}
.invoice-rt .nice-select {
    border: none;
    background: transparent;
    padding: 0 44px;
}
.invoice-rt .nice-select:after {
    content: "\f107";
    position: absolute;
    right: 21px;
    top: 1px;
    color: #757d89;
    font-size: 21px;
    font-family: 'FontAwesome';
    background: none;
    transform: none !important;
    -webkit-transform: none !important;
}
.form-group > ul > li > ul > li .form-group {
    margin-bottom: 9px;
}
.invoice-table {
    background: #fff;
    border-radius: 4px;
    margin: 13px 0 0 0;
    padding: 0px 0px 0 0px;
}
.invoice-table-head.header .invoice-table-head-lt h6{
    font-weight: 400;
}

.invoice-table-head {
    padding: 11px 38px 11px 32px;
    border-bottom: 1px solid #eef0f1;
}
.invoice-table-head-rt a {
    color: #82c5ce;
    font-size: 16px;
    line-height: 17px;
    font-weight: 400;
}
.invoice-main .invoice-table-head:nth-child(even) {
    background: #f7f8f9;
}
.invoice-table-head-lt h6 {
    margin: 0;
    color: #a0a0a0;
    font-weight: 300;
}

.form-control::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a0a0a0;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder {/* Internet Explorer 10-11 */
    color: #a0a0a0;
}

.form-control::-ms-input-placeholder {/* Microsoft Edge */
    color: #a0a0a0;
}
.credit-rt .form-group .form-control {
    border-radius: 4px;
}

/*--login screen start--*/
.wrapper.wrapper1 {
    background: #fff;
}
.wizard_wrapper {
    margin: 0 auto;
}
.wizard_step {
    display: block;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.wizard_step.active {
    display: block !important;
    opacity: 1;
    height: auto;
    overflow: visible;
}


.wizard_steps{
    height: 100%;
    /*display: flex; flex-direction: column; justify-content: space-between;*/
}
.wizard-logo{
    padding-top: 134px;
    padding-bottom: 20px;
}

.wizard-logo a img {
    margin: 0 auto;
}
.form-block {
    max-width: 388px;
    margin: 0 auto;
}
.form-block .form-group label {
    position: absolute;
    margin: 0;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
}
.form-block .form-group .form-control {
    background: #f4f8f7;
    border: none;
    height: 54px;
    border-radius: 4px;
    padding: 0 53px;
    color: #999d9b;
    font-weight: 300;
    font-size: 19px;
    line-height: 54px;
}
.form-block .form-group {
    margin-bottom: 19px;
    position: relative;
}
.form-block .form-group1 {
    position: relative;
    margin-bottom: 57px;
}
div.password-toggle {
    background: url(../images/eye-icon.png) no-repeat;
    position: absolute;
    right: 17px;
    top: 20px;
    width: 31px;
    height: 18px;
    background-size: 100% 100%;
    cursor: pointer;
}
.remember {
    padding-bottom: 26px;
}
.form-block  .checkboxes label span {
    background: url(../images/uncheck1.png) no-repeat 0 -2px;
}
.form-block .checkboxes label input:checked + span {
    background-image: url(../images/check1.png);
}
.remember-rt a {
    color: #82c5ce;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
}

.form-block input[type=submit] {
    font-size: 20px;
    font-weight: 500;
    height: 68px;
    line-height: 71px;
    border-radius: 37px;
    margin: 0 9px 49px 0;
}
.mercant {
    text-align: center;
}
.mercant h6 {
    color: #2d2729;
    font-weight: 300;
    font-size: 16px;
    padding: 0 0 24px 0;
}
.mercant h6 a {
    color: #82c5ce;
}
.mercant ul li {
    padding: 0 10px;
}
.mercant ul li a {
    color: #999d9b;
    font-weight: 300;
    position: relative;
}
.mercant ul li a:after {
    content: "";
    background: #999d9b;
    position: absolute;
    right: -11px;
    top: 4px;
    width: 1px;
    height: 84%;
}
.mercant ul li:last-child a:after {
    display: none;
}
.wizard_step2 .form-block {
    max-width: 900px;
    text-align: center;
    padding-bottom: 61px;
}
.wizard_step2 .form-block h3 {
    padding: 7px 0;
}
.wizard_step2 .form-block h6 {
    font-size: 18px;
    color: #757d89;
    padding-bottom: 38px;
}
.wizard_step2 .form-block p {
    color: #757d89;
}
.wizard_step2 .form-block  .form-group {
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 36px;
}
.wizard_step2 .form-block  > a {
    max-width: 380px;
    margin: 0 auto;
}

.wizard_step3 .form-block {
    max-width: 900px;
    text-align: center;
    padding-bottom: 61px;
}
.wizard_step3 .form-block h3 {
    padding: 7px 0;
}
.wizard_step3 .form-block h6 {
    font-size: 18px;
    color: #757d89;
    padding-bottom: 38px;
}
.submit-icon {
    text-align: center;
}
.submit-icon a {
    display: inline-block;
}
.submit-icon a img {
    margin: 0 auto;
}
.wizard_step4 .form-block {
    max-width: 900px;
    text-align: center;
    padding-bottom: 61px;
}
.wizard_step4 .form-block  .form-group {
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 14px;
}
.wizard_step4 .form-block h3 {
    padding-bottom: 30px;
}
.wizard_step4 .form-block  > a {
    max-width: 380px;
    margin: 0 auto;
    margin-top: 28px;
}
.wizard_step5 .form-block {
    max-width: 490px;
    text-align: center;
    padding-bottom: 61px;
}
.wizard_step5 .form-block p {
    color: #757d89;
    padding: 21px 0 47px 0;
    font-size: 18px;
}
.wizard_step5 .form-block p a {
    color: #82c5ce;
}


.route-login input[type=submit],
.route-forgotPassword input[type=submit],
.route-resetPassword input[type=submit]{
    width: 100%;
    max-width: 388px;
    margin-left: auto;
    margin-right: auto;
}

.btn-add-location{
    margin: 10px 0;
}

div.main-content div.left-section ul li > div.das-cont {
    display: none;
}
div.main-content div.left-section ul li.active > div.das-cont {
    display: block;
}
div.main-content div.left-section ul li .expands i.fa-angle-right{
    display: none;
}
div.main-content div.left-section ul li.active .expands i.fa-angle-right{
    display: inline-block;
}
div.main-content div.left-section ul li.active .expands i.fa-angle-down{
    display: none;
}
div.main-content div.left-section .profile ul {
    border: 0;
    padding: 5px 0 0 0;
}
span.btn-delete-location {
    cursor: pointer;
    background: url(../images/cross.png) no-repeat;width: 16px;height: 16px;background-size: 100% 100%;position: absolute;left: 0;top: 1px;
}
label.btn-edit-location {
    cursor: pointer;
}

body.route-companyProfile .address ul li.location-item p{
    padding-left: 25px;
}

.header-dropdown{
    width: 105%;
}

.header-dropdown > a, .header-dropdown > a:hover {
    color: #fff;
}

.header-dropdown .initial, .profile .initial{
    width: 28px;
    height: 28px;
    padding: 5px;
    display: inline-block;
    border-radius: 18px; background-color: #ff00ee; color: #fff; font-size: 18px; line-height: 18px; text-align: center;
    margin: 0 10px;
}


body.route-vouchers .summary-main .summary-head a h6{
    text-decoration: underline;
}

.drp-buttons button.btn {
    display: inline-block;
}

.drp-buttons button.btn.btn-default{
    background-color: transparent;
    border: 0;
}

body.route-users .user-row .btn {
    display: inline-block;
}

.route-dashboard .date,
.route-dashboard .clicks,
.route-dashboard .sales,
.route-dashboard .earned,
.route-dashboard .adjustment,
.route-dashboard .payout{
    text-align: left;
}

.daterangepicker .drp-buttons .btn{
    line-height: 12px;
    border: 0;
}
.daterangepicker .drp-buttons .btn-primary:hover{
    background-color: #78b6be;
}
.Dropdown-placeholder{
    color: #a0a0a0;
}
.Dropdown-placeholder.is-selected{
    color: #495057;
}
.route-users a.delete{
    color: #757d89;
    padding: 0 15px;
}
a.cancel{
    font-weight: 300;
    color: #82c5ce;
}
.form-group label span.desc {
    display: block;
    font-style: italic;
    color: rgb(135,135,135);
    margin-top: 6px;
    font-size: 14px;
    font-weight: 300;
}

.form-control.required-missing{
    border: 2px dashed #dd0000;
}

body.header-no-nav header{
    height: 60px;
}
body.header-no-nav header img{
    height: 40px;
    width: auto;
    margin: 10px auto;
}

body.header-no-nav{
    background-color: #f2f3f5!important;
    padding-top: 110px;
}
body.header-no-nav header a {
    text-align: center;
}

.btn-large {
    height: 50px;
    padding: 0 45px;
}

body.route-signup .legal {
    margin-bottom: 25px;

}

body.route-signup div.copy {
    margin-bottom: 16px;
}

body.route-signup div.copy p{
    font-weight: 300;
}

#agreementModal .modal-dialog{
    max-width: 80%;
}
@media (max-width:576px) {
    #agreementModal .modal-dialog{
        max-width: 100%;
    }

}

#agreementThanksModal h5{
    font-size: 24px;
}

#signCanvasContainer .btn{
    display: inline-block;
}
#signCanvasContainer span{
    font-style: italic;
}
#signCanvasContainer canvas{
    display: block;
    margin: 10px 0;
    border: 1px dashed #000;
}

.state-group .form-control-state{
    display: none
}
.state-group-us .form-control-state.state-us{
    display: block;
}
.state-group-intl .form-control-state.state-intl{
    display: block;
}
#agreementModal .modal-title,
#agreementThanksModal .modal-title{
    text-align: center;
    font-size: 32px;
    font-weight: 300;
}

#agreementModal .modal-header p{
    font-style: italic;
    font-size: 16px;
    color: #707070;
    text-align: center;
}
#agreementModal .form-group label{
    margin-top: 10px;
}

@media (min-width:500px) {
    #agreementModal .modal-body{
        padding: 2rem;
    }
}


#agreementModal .modal-body form{
    margin-top: 25px;
    padding-top: 10px;
    border-top: 1px solid #dedede;
}
#signCanvasContainer span{
    display: block;
    font-style: italic;
    font-size: 14px;
}
#agreementThanksModal .modal-body p{
    margin-bottom: 20px;
}

@media (max-width:991px) {
    .right-section .activity-rt input[type=submit]{
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .right-section .activity-rt a.btn {
        display: inline-block;
        margin-top: 10px;
    }
}

.route-media .right-section .activity-rt > ul > li{
    text-align: center;
}


#mediaRoot .summary{
    width: auto;
}

p.derived-value{
    display: inline;
}

div.row div.form-group{
    display: inline-block;
}

.product-selector-container{
    position: relative;
}
.product-selector-container .search-results{
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    padding: 10px 10px 10px 2px;
    border: 1px solid #eee;
}
.product-selector-container .search-results ul li a,
.product-selector-container .search-results ul li a:hover{
    color: #555555;
    display: block;
}
.product-selector-container .search-results ul li:hover{
    background-color: #eceeef;
}

.selected-product,
.product-selector-container input[type=text]{
    padding: 10px;
    border: 1px dashed #ccc;
    font-size: 18px;
}
.selected-product{
    cursor: pointer;
}
.product-selector-container input[type=text]{
    width: 100%;
}
#productBuilder{
    margin-bottom: 10px;
}
#productBuilder .cant-find{
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin: 5px 0 10px 0;
}

#productBuilder .cant-find{
    color: rgb(135,135,135);
}

.custom-product-container{
    padding-left: 0;
}

.product-detail-fields span{
    height: 40px;
}

.product-detail-fields .form-group{
    margin-bottom: 5px;
}

.product-detail-fields .price-desc{
    font-size: 14px;
    color: #555555;
    width: 100%;
    text-align: right;
    padding-right: 30px;
}
.route-products .edit-product h4{
    padding-top: 15px;
    padding-bottom: 25px;
    margin-top: 15px;
    width: 100%;
    border-top: 1px solid #eee;
    margin-bottom: 5px;
}
.route-products .edit-product h4.first{
    border: 0;
    padding-top: 0;
    margin-top: 0;
}

#agreementSpinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    display: none;
    z-index: 1060
}

/* spin.js css*/
@keyframes spinner-line-fade-more {
    0%, 100% {
        opacity: 0; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-quick {
    0%, 39%, 100% {
        opacity: 0.25; /* minimum opacity */
    }
    40% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-default {
    0%, 100% {
        opacity: 0.22; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-shrink {
    0%, 25%, 100% {
        /* minimum scale and opacity */
        transform: scale(0.5);
        opacity: 0.25;
    }
    26% {
        transform: scale(1);
        opacity: 1;
    }
}
/* end spin.js css*/

@media(max-width:1400px){
    .form-rt{padding: 0 15px;}
    .form-lt{padding: 0 15px ;}
    .product-details .form-rt{padding: 0 15px;}

}
@media(max-width:1200px){
    .right-section{padding: 20px 15px;}
    .summary-scroll{overflow-y: auto;}
    .summary{width: 1200px;}
    .product .right-section{padding: 20px 15px;}
    .product .activity-rt > ul > li{padding: 0 0px 0 13px;}
    .form-group4 .form-control{width: 80%;}
    .credit-in{padding: 20px 15px 60px 15px;}
    .payment-page .right-section{padding: 20px 15px;}
}
@media(max-width:991px){
    .right-section{padding: 20px 15px;}
    .form-rt{padding: 10px 15px;}
    .form-lt{padding: 10px 15px;}
    .profile-page  .right-section{padding: 20px 15px;}
    .activity-lt{padding-bottom: 15px;}
    .activity-rt ul li{padding: 0 12px 0 0;}
    .activity-rt .nice-select{padding: 0 36px 0 0;}
    .product .activity-rt ul li a.btn{padding: 0 12px;}
    .product .activity-rt{margin: 0;padding-bottom: 0;}
    .credit-lt {padding: 0 0 15px 0;}
    .credit-rt{padding: 0;}
    .credit-lt > p{padding: 15px 0;}
    .wizard_step2 .form-block{max-width: 100%;padding: 0 15px;}

}
@media(max-width:767px){
    .left-section{display:none;}
    .right-section{margin: 0;}
    .header-rt{display: none;}
    .header-in{text-align: center;padding: 15px 15px;position: relative;}
    .logo a img{margin: 0 auto;}
    #nav-icon{display: block;}
    .open .left-section{display:block;height: 100%;width: 250px;z-index: 9;top: 60px;float: none;overflow-y: auto;padding-bottom: 50px;}
    .open .overlay{display: block;}
    .open  .wrapper{position: fixed;}
    .wrapper{padding: 60px 0 0 0;}
    .form-group > ul{padding: 0;}
    .logo{background: transparent;width: 100%;padding: 0;}
    .legal-in{padding: 0;}
    .summary-head h6 img{display: none;}
    h2{font-size: 30px;line-height: 33px;}
    .summary{margin: 15px 0 0 0;}
    .summary{width: 730px;}
    .product .summary{width: 1000px;margin: 0;}
    .legal{margin: 0;}
    .voch-details h2{padding: 0 0 15px 0;}
    .form-lt{padding: 10px 15px 0px 15px;}
    .form-lt:last-child .form-group{margin: 0;}
    .left-section ul{padding: 15px 0;}
    .lorem-lt,.voch-details{margin: 0;}
    .lorem-rt{margin: 0;padding: 21px 0  0px 0px;}
    .form-group4 .form-control{width: 100%;word-spacing: 4px;}
    .product-details .legal-in{padding: 0 0 22px 0;}
    .merchant-right-section .activity{padding: 0;}
    .btn{line-height: 45px;height: 45px;font-size: 16px;}
    .media-popup{padding: 20px 15px;width: 100%;}
    .credit-rt .form-group{margin: 15px 0 80px 0;}
    .invoice-table-head{padding: 10px 10px;}
    .scan{padding: 60px 0;}
    .wizard-logo{padding: 70px 15px;}
    .wizard_step5 .form-block p br{display: none;}
    .form-block .form-group1{margin-bottom: 20px;}

}
@media(max-width:575px){

    .voch-details-in{padding: 15px;}
    .remember-rt a{font-size: 16px;}
    .activity-rt ul li{padding: 0;}
    h2{font-size: 26px;line-height: 30px;}
    .back-rt span{font-size: 12px;}
    .product .activity-rt > ul > li{padding: 0 3px;}
    .back-lt span{font-size: 12px;}
    .back-rt small{font-size: 12px;}
    .product .activity-rt .nice-select{font-size: 14px;}
    .name-of-image ul li{padding: 0 5px 15px 5px;}
    .name-of-image ul{margin: 0 -5px;}
    .name-of-cnt{padding: 10px;}
    .name-of-bottom-left span{font-size: 12px;line-height:16px;}
    .name-of-bottom-right a img{width: 12px;}
    .name-of-bottom-left em{font-size: 10px;line-height:16px;}
    .invoice-table-head-lt h6{font-size: 14px;}
    .mercant h6{font-size: 14px;}
    .invoice-table{margin: 0;}
    .form-block{padding: 0 15px;max-width: 100%;}
    h3{font-size: 26px;line-height: 33px;}
    .wizard_step5 .form-block p{font-size: 16px;}
}