body{
    margin-top: 50px;
    font-family: 'Roboto', sans-serif;
    color:#666666;
}
.appCommTable td{
    text-align: center;
}


.homeImgCont{
    width: 250px;
    float: left;
}
.ml20{
    margin-left: 25px;
}
.col-xs-3 .glyphicon-menu-right{
    font-size: 40px;
    font-size: 40px;
    vertical-align: middle;
}


.OrderCommTable td:first-child{
    text-align: left;
}
.overviewcaption{
    height: 30px;
    display: inline-block;
}
.updateUl{

    padding: 15px 20px 20px;
}
.updateUl li{
    margin-top:20px;
}

.OrderCommTable{
    text-align: center;
}
/* BOOTSTRAP CSS FOR DATATABLE */


div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_filter {
    text-align: right;
}

div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

.cd-user-modal {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s 0, visibility 0 0.3s;
}

.cd-user-modal.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s 0, visibility 0 0;
}

div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper > div.row > div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate {
        text-align: center;
    }

    div.DTTT {
        margin-bottom: 0.5em;
    }
}


table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150"; /* sort */
}
table.dataTable thead .sorting_asc:after {
    content: "\e155"; /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
    content: "\e156"; /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

table.dataTable thead > tr > th {
    /*padding-right: 30px;*/
}

table.dataTable th:active {
    outline: none;
}


/* Condensed */
table.dataTable.table-condensed thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
    top: 6px;
    right: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
    border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
    border-left-width: 0;
    border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
    border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}




/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
    background-color: #08C;
    color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
    color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn:hover {
    text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
    position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #0088cc;
    color: white !important;
}

div.DTTT_collection_background {
    z-index: 2002;
}

/* TableTools information display */
div.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    opacity: 0.95;

    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
    display: none;
}


/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
    margin: 0 !important
}

/* BOOTSTRAP CSS FOR DATATABLE ENDS */
#payment-report-table th{
    width: 20%;
}

.affiliate-center{
    color: #FFF;
    padding-top: 10px;
    margin-left: 10px;
    font: 300 27px Roboto;
    float: left;

}

.user-details-label{
    font: 15px / 20px Roboto;
    padding-right: 15px;
}

.user-details{
    color: #FFF;
    padding-top: 8px;
    font: 15px / 20px Roboto;
    float: right;
}
.user-details a{
    color: #FFF;
    margin-top:5px ;
    font-size:13px;
    float:right;

}
.user-details .dropdown-menu > li > a {
    float:none;
}



.container{
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width:none !important;
    position: absolute;
    top: 0px;
    left: 0;
    display: inline-block;
}
.tracking-id-text{
    color: #666666;
}

.commissionHomeBox h3 a{
    color: #666666;

}
.commissionHomeBox h3 a:hover, .featuresBox h2 a:hover{
    text-decoration: none;

}

/*
 * Sidebar
 */

.sidebar {
    /* position: fixed;
     top: 51px;
     bottom: 0;
     left: 0;
     z-index: 1000;
     display: block;
     padding: 20px;
     overflow-x: hidden;
     overflow-y: auto;
     background-color: #fbfbfb;
     border-right: 1px solid #e6e6e6;*/
    height: 100%;
    padding: 80px 0 0px 0;
    position: fixed;
    background-color: #fbfbfb;
    border-right: 1px solid #e6e6e6;
    min-height: 650px;
    overflow: auto;
}

.main-wrapper{
    height: 100%;
    overflow-y: auto;
    padding: 75px 0 0px 0;
}
.report-wrapper{
    /*position: relative;*/
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
    padding-left: 15px;
    padding-right: 15px;
}
.nav-sidebar > li > a {
    color:#666666;
    text-transform: uppercase;
    padding-left: 20px;
}
.nav-sidebar > li > a > span{
    display: inline-block;
    width: 35px;
    text-align: center;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {

    color:#000;
}
.nav-sidebar > .active > a{
    font-weight: bold;
}
/*
 * Main content
 */

.main {
}
.home{
    margin-top: 25px;
}
.home h2{
    font-size: 34px;
    margin-top: 10px;
}
.home .video-container{
    width: 330px;
    height: 282px;
    padding: 40px 30px 35px 30px;
}
.home .videoImage{
    background-image:url(../../../static/images/videoIntro.png);
    background-repeat: no-repeat;
    height:200px;
    color:#fff;
}
.home .cta-explain{
    color: #666666;
    font-size: 15px;
}
.home .cta-explain-box{
    padding-top:10px;
    border-top: solid thin #EEE;
    border-bottom: solid #EEE thin;
}
.videoImage h3{
    margin-top: 0px;
    padding-top: 25px;
    text-align: center;
    font-size: 26px;
    width: 200px;
}
.home .page-header {
    margin-top: 0;
}
.home .evenImg{
    padding-left: 0px;
}
.featuresBox h2{
    color: #0099cc;
}
.featuresBox p{
    color: #666666;
    font-size: 16px;
}

.commissions .primeth th{
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.commissions table{
    border-top:thin solid #ddd;
}
.tdHead{
    font-size:23px;

}
/*sidebar
.sb-overview{
    background:url(../../../static/images/overview-icon.png) no-repeat left;
}
.sb-affiliate-tools{
    background:url(https://affiliate.flipkart.com/static/css/images/affiliate-tools-icon.png) no-repeat left;
}
.sb-reports{
    background: url(../../../static/images/reports-icon.png) no-repeat left;
}
.sb-insights{
    background: url(../../../static/images/insights-icon.png) no-repeat left;
}
.sb-commission{
    background: url(../../../static/images/commissions-icon.png)no-repeat left ;
}
.sb-faq{
    background: url(../../../static/images/faq-icon.png) no-repeat left;
}
.sb-contact-us{
    background: url(../../../static/images/contact-icon.png) no-repeat left;
}
.sb-register{
    background: url(../../../static/images/register-icon.png) no-repeat left;
}
.sb-menu{
    background: url(../../../static/images/menu-icon.png) no-repeat left;

}*/

.sb-faq .fs{
    text-transform: lowercase;width:0px;
}
.sb-menu{
    background-color: #eee;
}
.mt15{
    margin-top: 15px;
}
.caseStudiesBox p {
    text-decoration: none;
    font-weight: 200;

}
.mt30{
    margin-top: 30px;
}
.mt50{
    margin-top: 50px;
}
.mt20{
    margin-top: 20px;
}
.faqs .nav-tabs{
    /*border-bottom: none;*/
}
.faqs .nav > li > a {
    padding:10px 10px 10px 10px
}

.faqs .nav-tabs > li.active > a,
.faqs .nav-tabs > li.active > a:hover,
.faqs .nav-tabs > li.active > a:focus {
    /*background: #fff url(../../../static/images/active-link.png) no-repeat bottom;*/
    background-color: #fff;
}

.innerContainer{
    padding: 20px 25px 25px 25px;
}
.overviewBoxes h3, .must-tools h3{
    color: #0099cc;
    font: 300 22px / 30.6px Roboto;
    margin: 0px;
}
.overviewBoxes h3 a:hover{
    text-decoration: none;
}
.must-tools h3{
    margin-bottom: 10px;
    margin-top: 20px;
}
.overviewBoxes span{
    color: #999999;
    font: 14px Roboto;
}
.overviewBoxes h2, .must-tools h2{
    color: #1e373e;
    font: 700 25px Roboto;
}
.overviewBoxes h4{
    color: #0099cc;
}

.overviewBoxes .middle{
    border-left: thin solid #ddd;
    border-right: thin solid #ddd;
}

.dashboard .summaryBox{
    border: thin solid #ddd;
    margin-top: 60px;
    padding: 0px;
}

.summaryBox .bottom h4{
    color: #666666;
}

.summaryBox .bottom, .summaryBox .top {
    padding-right: 15px;
    padding-left: 15px;
}
.summaryBox .bottom{
    background-color: #F7F6F6;
    padding-top: 5px;
    padding-bottom: 10px;
}
.summaryBox .bottom h2{
    margin-bottom: 0px;
}

.blueBox{
    background-color:#4985ce ;
    padding: 10px 30px;
    margin-top: 10px;
}
.linkBannerHeadHome{
    padding-top:0px !important;
}
.linkGenBox .linkGenHead,.linkGenBox .linkGenHeadApp{
    color: #ffffff;
    font: 300 15px Roboto;
    width: 22%;
    display: block;
    float: left;
    padding-top:20px;
}

.infoLinkAPI{
    color: #ffffff;
    text-decoration: none !important;
}

.infoLinkOS{

    text-decoration: none !important;
}
.appShorten{
    margin-left:10px !important;
}
.linkGenBox .linkGenCtrls, .linkGenBox .linkGenCtrlsApp{
    width: 78%;
    float: left;
}

.linkGenCtrls .navbar-form, .linkGenCtrlsApp .navbar-form{
    padding: 0px;
}
.linkGenCtrls .form-control, .linkGenCtrlsApp .form-control{
    height: 40px;
}
.linkGenCtrls #url_gen, .AppInstallCtrl button{
    line-height: 1.9;
}
.home-gen-ctrl-msg{
    color:#fff;
    font-size: 13px;
}

.link-gen-btn{
    width: 1% !important;
}
.col-md-offset-1-5{
    margin-left: 13.5%;
}

.affiliate-tools .caption{
    color: #666666;
    font: 300 18px Roboto;
    /*width: 550px;*/
    margin-top: 35px;
}
.easyToolsCTA h2{
    color: #ffffff;
    font: 100px 30px Roboto;
    margin-top: 5px;
    width: 400px;
}
.easyToolsCTA b{
    color: #ffffff;
}
.easyToolsCTA .screenImg{
    background: url(../../../static/images/screenshotEasyTools.png);
    background-repeat: no-repeat;
    width: 211px;
    height: 183px;
    position: absolute;
    top: 12.8%;
    right: 1.5%;
}

.tools-info{
    margin-top: 40px;
}
.tools-info h3{
    color: #0099cc;
    font: 200 30px / 30.6px Roboto;
}

.reason-list{
    color: #666666;
    font: 300 21px Roboto;
    line-height:30px;
    margin-top: 10px;
    padding-left: 20px;

}

.tools-info .tool-caption{
    margin-top:25px;
    margin-bottom:35px;
}
.supIcon{
    color: #BD0000;
}
.icon-bg{
    color: gray;
    vertical-align: middle;
    font-size: 20px;
}
.sb-downloads .icon-bg{
    font-size: 17px;
}

.reports .chartsControl {
    padding-top: 0px;
    padding-bottom: 0px;
}

.reports .filter-container{
    width: 200px;
}
.reports .dlReportBtn{
    margin-top: 10px;
    color: #0099cc;
    font: 15px Roboto;
    background: url(https://affiliate.flipkart.com/static/css/images/downloadIcon.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left center;

}
.reports .chartBox{
    background-color: #efefef;
    height: 300px;
}
.reports .reportsTabs{
    margin-top: 15px;
}

.reports .nav-tabs{

}
.reports .nav > li {
    margin-right: 5px;
}
.reports .nav > li > a {
    padding: 10px 30px;
    color: #0099cc;
    font: 300 18px / 1.25 Roboto;
    border-radius: 0px;
    background-color: #f5f5f5;
    border-bottom:1px solid #ddd;
}
.reports .nav > li > a > span{
    display: block;
    color: #999999;
    font: 400 12px / 1.5 Roboto;
}

.reports .nav > li > a > h2{
    color: #1e373e;
    font: 700 24px / 0.65 Roboto;
    margin-top: 15px;
}

.reports .nav-tabs > li.active > a,
.reports .nav-tabs > li.active > a:hover,
.reports .nav-tabs > li.active > a:focus {
    background-color: #ffffff;
    border-bottom: #ffffff solid thin;
}
.report-table {
    padding: 50px;
}
.report-table th{
    color: #080808;
    font: 700 14px / 16.8px Roboto;
    text-align: right;
}

.report-table td{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #58595b;
    font: 400 16px / 48.8px Roboto;
    text-align: right;
}

.detailRow,  .detailOrdersRow, .detailProductRow,  .detailTrafficRow{
    cursor: pointer;
}

.report-table .detail-ico{
    width: 2%;
}
.report-table .time{
    width: 46%;
    text-align: left;
}

.report-table .sales-value{
    width: 13%;
}
.report-table .commission-fee{
    width: 13%;
}
.report-table .partner-fee{
    width: 10%;
}
.report-table .detail-table .item{
    width: 60%;
    text-align: left;
}
.reports .table-container{
    padding: 30px 30px 50px 30px;
}

.reports .datePickerInput{
    height: 35px;
    width: 160px;
}
.reports .datePickerInput.lg {
    width: 200px;
}
.reports .nav > li:first-child > a {
    border-left:none ;
}
.report-table .detail-earning{
    background-color: #eeeeee;
    padding-top: 10px;
    color: #58595b;
    font: 400 14px / 12.4px Roboto;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -15px;
}
.report-table p{
    color: #939598;
    font: 400 12px / 12.4px Roboto;
    line-height: 15px;
}
.reports .traffic{

}
.trafficReportsTabs .nav > li > a {
    padding: 8px 20px 8px 20px;
    color: #0099cc;
    font: 300 15px Roboto;
}

.reports .traffic .detail{
    border-top: none;
}
.reports .traffic .detail td, .reports .traffic .detail th {
    text-align: left;
}

.p-links-banners{
}

.p-links-banners .caption{
    color: #666666;
    font: 300 20px Roboto;
    padding-right: 100px;
}

.p-links-banners .ratingBadge{
    background:url(https://affiliate.flipkart.com/static/css/images/MergedLayersRatingbadge.png);
    background-repeat: no-repeat;
    height: 167px;
    position: absolute;
    right: 15px;
    top: 94px;
}

.p-links-banners .steps h2{
    color: #000000;
}
.p-links-banners .wizard-numbers{
    background-color: #f3f3f3;
    padding: 10px 30px 30px 30px
}
.p-links-banners .p-links-img img{
    margin-left: -15px;
}
.my-account .form-inline, .my-account .form-control ,.api-token .form-inline, .api-token .form-control
{
    width: 100%;
    margin-bottom: 15px;
}

select{

    border:0px !important;
    outline:1px solid #ccc;
    outline-offset:-1px;
}

.bigInputCtrls{
    height: 45px;
}

.l_b_text_in{
    color: #fff;
    padding-left:10px ;
    padding-right:10px ;
}
.ml10{
    margin-left:10px ;
}
.mt10{
 margin-top: 10px;
}

.circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #eee;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.active_step{
    background: #000;

}
.past_step{
    background: #8dc53e;
}

.center_dashed_border{
    border-bottom: dotted 2px #ccc ;
}
.step_text{
    font-size:18px ;
    margin-top:10px ;
    color: #ccc;
}
.step_text_active{
    color: #000;
}
.pl30{
   padding-left: 30px;
}

.pl60{
    padding-left: 60px;
}
.mb20{
    margin-bottom:20px;
}
.mt-20{
    margin-top:-20px;
}
.mb50{
    margin-bottom:50px;
}
.mb30{
    margin-bottom:30px;
}
.pb70{
    padding-bottom:70px;
}
.graySB{
    background: #eeeeee !important;
}
 .graySB .linkGenHeadApp{
    color: #2d2d2d;
 }
.previewBox{
    background-color: #f3f3f3;
    padding-bottom: 10px;
    padding-top: 10px;
}
.pb70{
    padding-bottom:70px;
}
.previewBox .l_b_preview{
    padding: 20px 20px 20px 20px;
    background: #fff;
}
.previewBox .l_b_preview_btn{
    margin-top: 10px;
}


.multi_products_banner_studio .thumbnail .caption, .product_link_banner_studio .thumbnail .caption {
    padding: 9px;
    color: #333;
}


.pro_banners {
    margin-bottom: 35px; /*used also in promotional widget*/
}

.pro_banners .carousel-inner{
    height: 300px;
}
.pro_banners img {
width: 300px;
}

.ws-head {
   margin-top:20px ;
}
.ws-head h1{
    margin-top: 10px;
}
.ws-head p{
    font-size:21px;
    font-weight: 100;
}
.ws_steps{
    background-color: #f3f3f3;
    padding: 10px 30px 30px 30px;
    margin-top: 50px;
}
.pad-sub-container{
    padding: 0px 40px 0px 40px;
}
.pad-sub-container b{
    font-size: 15px;
}
.mb10{
    margin-bottom: 10px;
}
.mb40{
    margin-bottom: 40px;
}
#carousel-multi-widgets-studio{
}
.sidebar-sub-menu a{
    padding: 5px 0px 5px 65px;
    font-size: 14px;
    display: block;
    color: inherit;
    text-decoration: none;
}



/*css for product banner preview*/
.fk_banner {
    text-align: center;
    padding: 1px;
    margin: 0px;
    overflow: hidden;
    font-family: arial;
    font-size: 10px;
    height: 260px ;
    width:  120px;
    color: #333333;
    background: #FFFFFF;
}


.fk_banner div {
    padding: 4px;
}

.fk_banner a, .fk_banner a:visited {
    text-decoration: none;
    color: #A52A2A;
    border: 0px;
}

.fk_banner a:hover {
    text-decoration: underline;
}

.fk_banner span {
    text-decoration: line-through;
}

.fk_banner img {
    border: 0px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #EEEEEE;
}
footer > .inner-footer{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
}
.crtext{
    font-size: 12px;
}

footer > .inner-footer > p > a{
    color:#333;
    font-size: 12px;
}



/*CSS Spinner*/

@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}
.spinnerCont{
    position: absolute;
    top: 14%;
    z-index: 1000;
}

/*CSS Spinner*/


#pLinksSettings label{
    padding-left: 0px;
}

input.datePickerInput{
    cursor:pointer;
}
.btn-brand-primary{
    color: #FFFFFF;
    background-color: #027cd5;
}
.showcase-box{
    width: 400px;
    height: 300px;
    background-color: #f3f3f3;
    text-align: center;
    padding-top: 5%;
}
.showcase-box .plimg{
    width: 120px;
}
.note-bottom{
    /*position: fixed;*/
    /*bottom: 0;*/
    margin-bottom: 50px;
}
.noteUL{
    list-style-type: none;
    padding: 0px;
    margin-top: 5px;
}
.noteUL li:before{
    content: " - ";
}
.thumbnail .caption {
    text-align: center;
}
.activeSubMenu{
    color: black;
    font-weight: bold;
}
.primeth th:first-child{
    vertical-align: middle;
    width:60%;
}
.primeth th{
    width: 20%;
}
.pagination > .active > a{
    z-index: 0 !important;
}
.input-group .form-control{
    z-index: 0 !important;
}
.breakContent{
    word-break: break-all;
}
#trafficDetailTab > li:first-child > a{

}
.pl0{
    padding-left: 0px;
}
.homeImg{
    height: 180px;
    display: block;
    width: 165px;
    float: left;


}
.promoteLinkImg{
    background: url("../../../affiliate/website/static/images/promotlink.png") no-repeat center;
    background-size: 165px;

}
.driveTrafficImg{
    background: url("../../../affiliate/website/static/images/drivetraffic.png") no-repeat center;
    background-size: 165px;
}
.earnCommImg{
    background: url("../../../affiliate/website/static/images/productpur.png") no-repeat center;
    background-size: 165px;
}
.productPurImg{
    background: url("../../../affiliate/website/static/images/earncommission.png") no-repeat center;
    background-size: 165px;
}

.promoteLinkImg:hover{
    background: url("../../../affiliate/website/static/images/promotlinkInv.png") no-repeat center;
    background-size: 165px;
}
.driveTrafficImg:hover{
    background: url("../../../affiliate/website/static/images/drivetrafficInv.png") no-repeat center;
    background-size: 165px;
}
.earnCommImg:hover{
    background: url("../../../affiliate/website/static/images/productpurInv.png") no-repeat center;
    background-size: 165px;
}
.productPurImg:hover{
    background: url("../../../affiliate/website/static/images/earncommissionInv.png") no-repeat center;
    background-size: 165px;
}
.homeImgArrow{
    background: url("../../../affiliate/website/static/images/img_arrow_home.png") no-repeat center;
    height: 50px;
    display: block;
    width: 35px;
    float: right;
    margin-top: 60px;
    margin-right:20px;

}

.col-selection {
    min-width: 120px;
    max-width: 165px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-download span.glyphicon{
    font-size: 13px;
    color: #337ab7;
}

.report-title {
    font-size: 35px;
}

.high-charts-container {
    margin-top: 20px;
}

/*
 material-select: apply this style to a column
*/

.material-select {
  position: relative;
  cursor: pointer;
}
.material-select.col-selection {
  padding-right: 10px;
}

.material-select select {
  /*background: url(https://affiliate.flipkart.com/static/css/1473942628_caret-down.png) 95% center no-repeat;*/
  /*background-size: 10px auto;*/
  border-bottom: 2px solid rgba(0,0,0,0.2) !important;
  box-shadow: none;
  color: transparent;
  cursor: pointer;
  margin-top: 25px;
  outline: 0;
  transition: color 0.5s ease-out, border 0.5s ease-out, background 0s linear;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  will-change: background, border, color;
  padding-right: 18px;
}


.material-select label {
  color: #ccc;
  display: block;
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  transform: translate3d(0px, 30px, 0);
  transition: all 0.5s ease-out;
  will-change: font-size, transform, width;
}

.is-changed {}
.is-changed select {
  
}
.material-select.is-changed select {
  background: none;
  border-bottom: 2px solid #6eb1e3 !important;
  color: #6eb1e3;
}

.material-select.is-changed select option {
  color: #6eb1e3;
}


.material-select:hover select{
  border-bottom: 2px solid #6eb1e3 !important;
  color: #6eb1e3;
}

.material-select select:focus{
  box-shadow: none;
}


.material-select.is-changed label,
.material-select:hover label {
  transform: translate3d(0, 3px, 0);/*translate3d(0, 0, 0);*/
  color: #333;/*#6eb1e3*/ /*#4caf50*/
  font-weight: bold;/*normal*/
  font-size: 12px;
}


.material-select b.caret {
    position: absolute;
    right: 12px;
    top: 42px;
}

#all-reports .reports {
    padding-top: 20px;
    padding-bottom: 30px;
}

#all-reports-summary {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin: 20px 0;
}

.all-reports-summary-item {
    padding: 15px 30px;
    border-right: 1px solid #eaeaea;
    text-align: center;
}

.all-reports-summary-item:nth-child(odd) {
    background-color: #98dbcc;
}

.all-reports-summary-item:last-of-type {
    border-right: none;
}

.all-reports-summary-item h4 {
    overflow: hidden;
}

/* override */
.all-reports-summary-item .badge {
    font-size: 18px;
    line-height: 18px;
    padding: 8px 0;
    margin-top: 15px;
    display: block;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

#all-reports-date-range .dropdown {
    margin-left: 15px;
}

#all-reports-date-range .glyphicon {
    position: absolute;
    top: 11px;
    left: 10px;
}

#all-reports-date-range .datePickerInput {
    width: 220px;
    padding-left: 30px;
}

#all-reports-date-range .caret {
    position: absolute;
    right: 10px;
    top: 15px;
}


/*
.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}*/

#partnerStoreMapSave {
    margin-top: 25px;
}