/*@font-face {
    font-family: 'genevaregular';
    src: url('fonts/geneva-webfont.eot');
    src: url('fonts/geneva-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/geneva-webfont.woff') format('woff'),
        url('fonts/geneva-webfont.ttf') format('truetype'),
        url('fonts/geneva-webfont.svg#genevaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
.purplefeedspage{
    /*font-family: 'genevaregular';*/
    font-weight: normal;
}

.purplefeedspage select{
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
}

.purplefeedspage .cat-feeds-xml, .get-feed{
    display: inline-block;
    text-decoration: none;
    text-indent: -9999px;
    width: 154px;
    height: 37px;
    background: url('../images/button-get-feed.jpg');
    border: none;
    vertical-align: 8px;
    margin-left: 25px;
}
.purplefeedspage .cat-feeds-xml:hover,.get-feed:hover{
    cursor: pointer;
}
.purplefeedspage .attributes-mapping{
}

.purplefeedspage .attributes-mapping .left{
    width: 40%;
    float: left;
}

.purplefeedspage .attributes-mapping .left h2{
    font-family: 'genevaregular';
    font-size: 19px;
    font-weight: normal;
}

.purplefeedspage .attributes-mapping .left .title{
    font-family: 'genevaregular';
    font-size: 13px;
    font-weight: normal;
}

.purplefeedspage .attributes-mapping .left #submit{
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 154px;
    height: 37px;
    background: url('../images/button-save.jpg');
    border: none;
    margin-bottom: 50px;
}

.purplefeedspage .attributes-mapping .left #submit:hover{
    cursor: pointer;
}

.purplefeedspage .attributes-mapping .right{
    width: 55%;
    float: left;
    margin-left: 5%;
    padding-top: 7px;
}

.purplefeedspage .attributes-mapping .right .item{
    margin-top: 19px;
}

.purplefeedspage .attributes-mapping .right .label{
    font-family: 'genevaregular';
    font-size: 17px;
    font-weight: normal;
    display: inline-block;
    width: 44%;
    padding-top: 5px;
}

.purplefeedspage .attributes-mapping .right select{
}

.purplefeedspage .extra-feeds{
    padding-bottom: 35px;
}

.purplefeedspage .extra-feeds h3{
    font-size: 19px;
    font-weight: normal;
}

.purplefeedspage .extra-feeds select{
}

.purplefeedspage .extra-feeds .cat-feeds-xml{
}
.purplefeedspage select {
    padding:5px;
    font-size: 14px;
    line-height: 1;
    border: 1px;
    border-radius: 5px;
    height: 30px;
}
.select_big{
    width: 300px;
}
.select_small{
    width: 100px;
}
.text_large{
    width: 400px;
    padding:5px;
    font-size: 14px;
    line-height: 1;
    border-radius: 5px;
    height: 30px;
}
.text_big{
    width: 300px;
    padding:5px;
    font-size: 14px;
    line-height: 1;
    /*border: 1px;*/
    height: 30px;
}
.text_medium{
    width: 200px;
    padding:5px;
    font-size: 14px;
    line-height: 1;
    /*border: 1px;*/
    border-radius: 5px;
    height: 30px;
}
/*Button*/
.shiny_red {
    background-color: #ee432e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
    background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    border: 1px solid #951100;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    color: #fff;
    font: bold 16px/1 "helvetica neue", helvetica, arial, sans-serif;
    padding: 7px 0 8px 0;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    width: 150px; }
.shiny_red:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
.shiny_red:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); }
.cupid-green {
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    color: #fff;
    font: bold 16px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding: 7px 0 8px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;
    width: 150px; }
.cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
.cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }

/*multiline buttons*/


/* line 14, multi-line-button.sass */
#poststuff p {
    margin: 1em 0;
}
/*
a.multi-line-button {
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    border-width: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    border-style: solid;
    color: white;
    display: block;
    margin: 0.2em auto;
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
    background-color: #60a3d8;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #89bbe2), color-stop(50%, #60a3d8), color-stop(100%, #378bce));
    background-image: -moz-linear-gradient(top, #89bbe2 0%, #60a3d8 50%, #378bce 100%);
    background-image: linear-gradient(top, #89bbe2 0%, #60a3d8 50%, #378bce 100%);
    border-color: #2970a9;
    border-left-color: #60a3d8;
    border-top-color: #60a3d8;
    -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
    -o-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
    box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
    color: white;
    text-shadow: #2e7ebd 0 1px 2px;
}
*/
/* line 12, _multi-line-button.sass */
a.multi-line-button .title {
    font-size: 24px;
    font-weight: bold;
    display: block;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
/* line 17, _multi-line-button.sass */
a.multi-line-button .subtitle {
    font-size: 14px;
    display: block;
    margin-top: 4px;
    opacity: 0.9;
    color: #f6e2ac;
    padding-left:0px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
/* line 23, _multi-line-button.sass */
a.multi-line-button:hover .title {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/* line 25, _multi-line-button.sass */
a.multi-line-button:hover .subtitle {
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
/* line 27, _multi-line-button.sass */
a.multi-line-button:active {
    padding: 13px 15px 11px;
}
/* line 48, _multi-line-button.sass */
a.multi-line-button:hover, a.multi-line-button:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #9dc7e7), color-stop(50%, #74afdd), color-stop(100%, #378bce));
    background-image: -moz-linear-gradient(top, #9dc7e7 0%, #74afdd 50%, #378bce 100%);
    background-image: linear-gradient(top, #9dc7e7 0%, #74afdd 50%, #378bce 100%);
}
/* line 50, _multi-line-button.sass */
a.multi-line-button:active, a.multi-line-button.depressed {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5796c8), color-stop(100%, #6aa2ce));
    background-image: -moz-linear-gradient(top, #5796c8 0%, #6aa2ce 100%);
    background-image: linear-gradient(top, #5796c8 0%, #6aa2ce 100%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #2970a9;
}
/* line 16, multi-line-button.sass */
a.multi-line-button.green {
    background-color: #63bb4a;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #83c96f), color-stop(50%, #63bb4a), color-stop(100%, #4e9939));
    background-image: -moz-linear-gradient(top, #83c96f 0%, #63bb4a 50%, #4e9939 100%);
    background-image: linear-gradient(top, #83c96f 0%, #63bb4a 50%, #4e9939 100%);
    border-color: #3b742b;
    border-left-color: #63bb4a;
    border-top-color: #63bb4a;
    -moz-box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset;
    -webkit-box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset;
    -o-box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset;
    box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset;
    color: white;
    text-shadow: #458632 0 1px 2px;
}
/* line 48, _multi-line-button.sass */
a.multi-line-button.green:hover, a.multi-line-button.green:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #93d082), color-stop(50%, #73c25d), color-stop(100%, #4e9939));
    background-image: -moz-linear-gradient(top, #93d082 0%, #73c25d 50%, #4e9939 100%);
    background-image: linear-gradient(top, #93d082 0%, #73c25d 50%, #4e9939 100%);
}
/* line 50, _multi-line-button.sass */
a.multi-line-button.green:active, a.multi-line-button.green.depressed {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5f9f4c), color-stop(100%, #6aaf56));
    background-image: -moz-linear-gradient(top, #5f9f4c 0%, #6aaf56 100%);
    background-image: linear-gradient(top, #5f9f4c 0%, #6aaf56 100%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #3b742b;
}
/* line 18, multi-line-button.sass */
a.multi-line-button.red {
    background-color: #bf4040;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cc6666), color-stop(50%, #bf4040), color-stop(100%, #993333));
    background-image: -moz-linear-gradient(top, #cc6666 0%, #bf4040 50%, #993333 100%);
    background-image: linear-gradient(top, #cc6666 0%, #bf4040 50%, #993333 100%);
    border-color: #732626;
    border-left-color: #bf4040;
    border-top-color: #bf4040;
    -moz-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset;
    -webkit-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset;
    -o-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset;
    box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset;
    color: white;
    text-shadow: #862d2d 0 1px 2px;
}
/* line 48, _multi-line-button.sass */
a.multi-line-button.red:hover, a.multi-line-button.red:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d27979), color-stop(50%, #c55353), color-stop(100%, #993333));
    background-image: -moz-linear-gradient(top, #d27979 0%, #c55353 50%, #993333 100%);
    background-image: linear-gradient(top, #d27979 0%, #c55353 50%, #993333 100%);
}
/* line 50, _multi-line-button.sass */
a.multi-line-button.red:active, a.multi-line-button.red.depressed {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #a04545), color-stop(100%, #b24d4d));
    background-image: -moz-linear-gradient(top, #a04545 0%, #b24d4d 100%);
    background-image: linear-gradient(top, #a04545 0%, #b24d4d 100%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #732626;
}
/* line 20, multi-line-button.sass */
a.multi-line-button.orange {
    background-color: #d98026;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e19951), color-stop(50%, #d98026), color-stop(100%, #ae661e));
    background-image: -moz-linear-gradient(top, #e19951 0%, #d98026 50%, #ae661e 100%);
    background-image: linear-gradient(top, #e19951 0%, #d98026 50%, #ae661e 100%);
    border-color: #824d17;
    border-left-color: #d98026;
    border-top-color: #d98026;
    -moz-box-shadow: rgba(235, 230, 224, 0.5) 1px 1px 0 0 inset;
    -webkit-box-shadow: rgba(235, 230, 224, 0.5) 1px 1px 0 0 inset;
    -o-box-shadow: rgba(235, 230, 224, 0.5) 1px 1px 0 0 inset;
    box-shadow: rgba(235, 230, 224, 0.5) 1px 1px 0 0 inset;
    color: white;
    text-shadow: #985a1b 0 1px 2px;
}
/* line 48, _multi-line-button.sass */
a.multi-line-button.orange:hover, a.multi-line-button.orange:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e4a667), color-stop(50%, #dd8d3c), color-stop(100%, #ae661e));
    background-image: -moz-linear-gradient(top, #e4a667 0%, #dd8d3c 50%, #ae661e 100%);
    background-image: linear-gradient(top, #e4a667 0%, #dd8d3c 50%, #ae661e 100%);
}
/* line 50, _multi-line-button.sass */
a.multi-line-button.orange:active, a.multi-line-button.orange.depressed {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b8732e), color-stop(100%, #cc8033));
    background-image: -moz-linear-gradient(top, #b8732e 0%, #cc8033 100%);
    background-image: linear-gradient(top, #b8732e 0%, #cc8033 100%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #824d17;
}
/* Main Feed page */
.inside-export-target {
  padding:10px;
}
.feed-type-col1 {
  float: left;
  width: 200px;
}
.feed-type-col2 {
  float: left;
  width: 400px;
}
.feed-type-col3 {
  float: left;
  width: 200px;
}
.feed-type-col4 {
  clear: both;
}
.feed-colheader {
  font-size: 100%;
  font-weight: 900;
}
.feed-left {
  float: left;
  width: 50%;
}
.feed-right {
  float: right;
  width: 100%;
}
.feed-right-row {
  text-align: left;
  width: 100%;
  padding: 3px 0px;
}
.feed-advanced, .optional-attributes {
  display:none;
  width: 100%;
}
label.attributes-label {
   margin:17px 0 17px 0 !important;
   font-size: 15px !important; 
   display:block;
   font-weight:700;
}
label.attributes-label:hover {
    color:#946aaa;
}

.feed-advanced-text {
  height: 200px;
  width:100%;
}
/* Main Feed page: Category AJAX */
.categoryList {
  max-height: 167px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.categoryListLocal {
    border: 1px solid black;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    width: 300px;
}
.categoryListLocalFrame {
	padding: 10px;
}
.categoryItem {
	overflow-x: hidden;
}
.categoryItem:hover {
	background-color:blue;
	color: white;
}
/* Admin / Manage Feed page */
.version-style {
    float:left;
	color:#777;
    margin:25px 0 0 14px;
}
.version-style-j {
	float:left;
    color:#777;
	font-size:50%;
}
/* Header Logos + Links */
/*.exf-logo-header {
    margin:5px;
    height:72px;
}*/
.exf-logo-style {
    border:0px;
    width:160px;
}
.exf-logo-link {
    float:left;
    margin-top:28px;
}
.gts-link {
    float:right;
    margin:16px 40px 10px 10px;
}
.gts-link a {
    text-decoration: none;
}
.gts-logo-link {
    float:right;
    margin:14px 0;
}
.gts-logo-style {
    border:0px;
    width:140px;
}
.amazon-template-table table {
    border-collapse: collapse;
    font-size:14px;
    margin-top:10px;
}
.amazon-template-table th, .amazon-template-table td {
    padding: 7px;
    text-align: center;
    border: 1px solid gray;
}

/*on off slider switch*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input#interval_switch {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

div#ajax-loader-cat-import {
    background: url(../images/new_gif.gif) 50% 50% no-repeat rgba(255, 255, 255, .75);
    z-index: 999999;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span#gif-message-span {
    /* z-index: 999999; */
    /* display: -webkit-box; */
    position: fixed;
    top: 57%;
    left: 48%;
    /* width: 100%; */
    /* height: 100%; */
    /* vertical-align: middle; */
    /* float: right; */
}

/**********************************************************************************************************************/
/* The Modal (background) */
 .modal {
    display: none; 
    position: fixed;
    z-index: 1;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px 50px;
    border: 1px solid #888;
    width: 888px;
    margin:0 auto;
    height: 360px;
}
.skip-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px 50px;
    border: 1px solid #888;
    width: 888px;
    margin: 0 auto;
    height: auto;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}
.skip-close {
    position:absolute;
    top:0;
    right:5px;
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.skip-description{
    display:block;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.Submit-button{
    text-align:right;
}
.skip-modal-content{
    position:relative;
}
.marketplace-table{
    margin-top: 20px;
}
.skip-label{
    font-size: 14px;
    font-weight: 500;

}
.skip-option{
    padding: 15px 15px;
    border: solid 1px yellow;
    background-color: rgb(255, 252, 227);
    margin-bottom:15px;
}

#amwscpf_btn_skip{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    display: block;
    margin-top: 10px;
}

.categoryListLocal div {
    line-height: 20px;
}
/************************************************************************************************************************/
.paginate_button {
  border-radius: 0 !important;
}

.template-page-ul {
    margin-left: 41px;
    margin-top: -14px;
    list-style-type: circle;
}

#the-list tr td.id{
    color: white;
}

thead tr th#id{
    color: white;
}

tfoot tr th.column-id{
    color: white;
}

#DataTables_Table_0_wrapper{ width: 100%; }

/*table.dataTable { table-layout: auto; }*/
/* -Marketplace CSS--*/
/* ------------------- */
#marketplaceTabs li{
    display:inline-block;
    position: relative;
    border-top: 3px solid #9e9e9e;
    padding-top: 20px;
    margin-left:-5px;
    width: 20%;
}
#marketplaceTabs li:last-of-type{
    border:none;
}
.cpf-userguide-nextprev #amwscpf_btn_add_account{
    vertical-align:middle;
}
.cpf-userguide-nextprev #amwscpf_btn_add_account:active{
    vertical-align:middle;
}
#marketplaceTabs li.active{
    border-top: 3px solid #0085ba;
    
}
.amazon-marketplace-common{
    background:#fff;
    padding:20px 40px;
    border: 1px solid #ddd;
    position:relative;
    padding-bottom:29px;
}
#marketplaceTabs li a{
        margin-left: -85%;
        color:#9e9e9e;
        font-weight:600;
        text-decoration: none;
}
.amazon-marketplace-common h1{

    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}
.amazon-marketplace-common table{
    margin-top:20px;
}
.amazon-marketplace-common .table-block{
    display:inline-block;
    vertical-align:top;
    width:50%;
}
.next-back-btn{
    width:50%;
}
.next-btn-select{
    width:50%;
}
.amazon-marketplace_connect .next-back-btn{
        width:46%;
}
.table-block table:first-of-type{
    vertical-align:top;
}
.amazon-marketplace_connect input[type=radio]{
    height:16px!important;
}
.userguide-small-button .amc-contact-link, #submit_after_skip{
    vertical-align: middle;
    height: 35px!important;
    line-height: 32px!important;
    padding: 0 20px!important;
}
.userguide-small-button .amc-contact-link:active{
    vertical-align: middle;
}
.message-box-amazon-setup{
    margin-top:23px;
}
.message-box-amazon-setup ul{
    margin:5px;
}
.amazon-marketplace_default #message_box_for_default_account ul li{
    line-height:1.38em;
}
#back-btn{
    margin-right:20px;
}
#marketplaceTabs li a:focus{
    box-shadow:none;
}
#marketplaceTabs li.active a{
    color:#0085ba;
}
.accordion.amazon-steps{
    clear:both;
}
#marketplaceTabs .circle {
    border: 4px solid #9e9e9e;
    width: 30px;
    height: 30px;
    z-index: 3;
    display: inline-block;
    position: absolute;
    left: 0%;
    top: -18px;
    line-height: 20px;
    border-radius: 50px;
    background: #f6faff;
    font-size: 28px;
    font-weight: 600;
    color: #9e9e9e;
}
#marketplaceTabs li.active .circle{
    border-color:#0085ba;
    color:#0085ba;
}
.circle p{
        margin: -2px!important;
        text-align: center;
        font-size: 17px;
        font-weight: 700;
}
.nav-tab-marketplace{
    text-align:center;
}
table.select-us-marketplace{
    margin-top:0;
}

.select-us-marketplace input[type=radio]{
    height:16px!important;
}

.select-us-marketplace td .check{
    display:inline-block;
}
#message_box_for_default_account.message-box-amazon-setup{
    margin:0;
    width:100%;
}
#message_box_for_default_account {
    border: solid 1px yellow;
    width: 36%;
    margin-left: 10px;
    background-color: rgb(255, 252, 227);
    display: inline-block;
}

#message_box_for_default_account ul {
    list-style-type: decimal;
    padding: 0 0 0 25px;
}
#welcome_slider_modal{
    display:inline-block;
    width: 48%;
    margin-left: 1%;
    margin-top: 20px;
    box-shadow: 0px 0px 1px 2px #dcd6d6;
}
#welcome_slider_modal a, #welcome_slider_modal a:active, #welcome_slider_modal a:focus{
    outline:none;
    box-shadow:none;
}
.message-box-amazon-setup p{
    margin:0;
    padding:0 12px;
}
.glyphicon button.amc-contact-link{
    width:70px;
}
.table-block tr td select, .table-block tr td input{
    width:auto;
    line-height: 28px;
    height: 28px!important;
    padding: 0 15px;
    font-size:15px!important;
}
.table-block table tr th{
    width:150px;
    text-align:left;
}
#copyDeveloperID{
    font-size:12px;
}
.message-box-amazon-setup.page3 p{
    margin:0!important;
}
.amazon-details, .select-marketplace-tbl{
    width:80%;
}
.amazon-details tr td input ,.select-marketplace-tbl tr td select{
    width:90%;
}
/* Tooltip */
/* Tooltip container */
.tooltip {
    /* position: relative;*/
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    font-weight:700;
  }
  
  /* Tooltip text */
  .developerID .tooltiptext {
    display: none;
    width: 120px;
    background-color: #d6d6d6fc;
    color: #0073aa;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border:solid 1px yellow;
    box-shadow:0px 0px 1px 2px #dcd6d6;
    font-weight:600;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  /* .developerID:hover .tooltiptext {
    visibility: visible;
  } */
  .developerID{
      position:relative;
  }
  .developerID .tooltiptext {
    width: 120px;
    top: 100%;
    left: 65px;; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  }
  .developerID .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #0073aa transparent;
  }
  /*  */
/* -Marketplace CSS END--*/
/* --------------------- */

/* --------------------- */
/* --------Carausel----- */
/* --------------------- */
.carousel {
    position: relative;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner>.active {
    left: 0;
}
.carousel-inner>.active.left {
    left: -100%;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}
.carousel-control.left {
    
}
.carousel-control {
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.right {
    right: 0;
    left: auto;
    
}
.carousel-control {
    top: 0;
    bottom: 0;
    left: 0;
    width: 9%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 43%;
    margin-left: -10px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 55%;
    margin-right: -10px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 110%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -55px;
}
}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -55px;
}
}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
}
}
@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: 20px;
}
}
@media screen and (max-width:768px){
    .amazon-marketplace-common .table-block {
        width: 100%;
}
#welcome_slider_modal {
    width: 100%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 30%;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    left: 50%;
}
}
@media not all, (-webkit-transform-3d){
.carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
}
@media not all, (-webkit-transform-3d){
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
}
@media not all, (-webkit-transform-3d) {
    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@media not all, (-webkit-transform-3d) {
    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
/* --------------------- */
/* -----Carausel--END--- */
/* --------------------- */
