.body-container{padding-left:0;padding-right:0;}
.xtb-custom-step1{margin:30px 0px 45px;}
.xtb-heading-cont{border-bottom:1px #e0e0e0 solid;}
.xtb-heading-cont .left-part{float:left;}
.xtb-heading-cont .left-part h1{font-size:16px;color:#565656;font-weight:normal;margin-top:0px;margin-left:5px;}
.xtb-heading-cont .left-part h1 i{font-size:15px!important;color:#f9020a;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;}
.xtb-heading-cont .left-part h1 i:before{content:"\f054";}
.done .xtb-heading-cont .left-part h1 i:before{content:"\f00c";color:#008c3a;}
.xtb-heading-cont .right-part{float:right;text-align:right;}
.xtb-heading-cont .right-part i{font-size:20px;padding-right:3px;color:#5a7edc;position:relative;top:1px;}
.xtb-heading-cont .right-part span{padding-left:20px;display:inline-block;}
.xtb-heading-cont .right-part a{color:#5a7edc;text-decoration:underline;font-size:14px;}
.xtb-heading-cont .right-part a:hover{text-decoration:none;}
.xtb-inner-cont{font-size:14px;line-height:1.4;border-bottom:1px #e0e0e0 solid;}
.xtb-custom-step2 .xtb-inner-cont{border-bottom:none;}
.xtb-custom-step2 hr{border-top:1px #d3d3d3 solid;height:1px;margin:0;padding-left:0}
.xtb-inner-cont .custom-style-box{width:180px;float:left;margin:15px 20px 20px 0;border:1px solid #e3e1e1;text-align:center; border-radius: 5px; position:relative;background:#fff;text-decoration:none;}
.xtb-inner-cont .custom-style-box .tab-title{text-align:center;bottom:0;padding:2px 0;color:#fff;font-size:14px;display:block;}
a.custom-style-box{text-decoration:none;color:#7d7979;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;display:block;}
.xtb-inner-cont .custom-style-box .style-img{height:150px;display:block;}
.xtb-inner-cont .custom-style-box .style-a{background:url(../img/src/style-a.png) left 5px no-repeat;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.xtb-inner-cont .custom-style-box .style-c-l{background:url(../img/src/style-c-l.png) bottom center no-repeat;height:150px;margin-top:0;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.xtb-inner-cont .custom-style-box .style-c-r{background:url(../img/src/style-c-r.png) bottom center no-repeat;height:150px;margin-top:0;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.xtb-inner-cont .custom-style-box .tab-title{text-align:center;bottom:0;padding:2px 0;color:#fff;font-size:14px;display:block;background:#737373;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.xtb-inner-cont .custom-style-box.selected{border:1px solid #f58409;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.xtb-inner-cont .custom-style-box.selected .style-a{background-image:url(../img/src/style-a-selected.png);}
.xtb-inner-cont .custom-style-box.selected .style-c-l{background-image:url(../img/src/style-c-l-selected.png);}
.xtb-inner-cont .custom-style-box.selected .style-c-r{background-image:url(../img/src/style-c-r-selected.png);}
.xtb-inner-cont .custom-style-box.selected .tab-title{background:#d43900;}
.action-btn-cont .btn:first-child{margin:0;}
.action-btn-cont{padding-top:15px;margin-top:15px;border-top:1px #d3d3d3 solid;padding-bottom:5px;}
.btn-custom{border: 1px solid var(--border-color) !important; border-radius: 50px !important; background: var(--secondarycolor) !important; height: auto; line-height: 1.5; font-size: 14px!important; color: #06121F !important; font-weight: var(--text-bold) !important; box-shadow: none !important;}
.btn-custom:hover{ background: #fff8a9 !important; box-shadow: none !important}
.btn-custom-default{  border: 1px solid var(--border-color); border-radius: 50px !important; background: var(--secondarycolor) !important; margin-right: 15px; font-size: 16px; color: #333 !important; font-weight: var(--text-bold) !important; box-shadow: none !important;}
.btn-custom-default:focus{ background: #fff8a9 !important; box-shadow: none !important}
.btn-custom-default:hover{ background: #ffc600 !important; box-shadow: none !important}
.btn-custom-default:active{ background: #fff8a9 !important; box-shadow: none !important}
.xtb-custom-step2{margin:0;}
.tabs-cont{padding-top:15px;margin:15px auto; max-width: 950px; background: #fdfdfd;border: 1px solid #d8d8d8; box-shadow:0px 2px 6px rgb(0 0 0 / 10%); }
.tabs-cont ul{list-style:none;padding-bottom:0;padding-left:62px;max-width:792px;margin:0 auto;padding-right:9px;width:100%;}
.tabs-cont ul li span.tab-info{width:100%;display:block;text-align:center;font-size:13px;padding:0;min-height:18px;padding-top:5px;}
.resetAllTabs{ font-size: 14px; border-radius: 50px !important; }
.page_bodyContent .container{ max-width: 1350px; padding: 0 20px; }
.md-radio label>.check{ background: var(--primarycolor); }
.md-radio label>.box{ border-color: #666; }



/*.tabs-cont ul li span.tab-info span.tabEditBtn{cursor:pointer;color:#1D50C3;text-decoration:underline; padding-right:5px;}*/
.custom-tabs-cont-li .custom-tab-label.edited:hover{-webkit-box-shadow:inset 0 0 2px 0 red;box-shadow:inset 0 0 2px 0 red;border-color:red;}
[class*="SelectCut-1"].style-c-r span.tab-info{text-align:left!important;padding-left:15px!important;}
.tabs-cont ul li span.tab-info span.tabEditBtn:not(.tablabel){cursor:pointer;color:#1D50C3;text-decoration:underline;}
.tabs-cont ul li span.tab-info span.tablabel{cursor:pointer;}
.tabs-cont ul li span.tab-info span.tabEditBtn.tablabel:hover{text-decoration:underline;}
.tabs-cont ul li span.tab-info .checkbox{margin:0;}
.tabs-cont>ul li{display:inline-block;margin-left:-54px;position:relative;height:100px;float:left;}
.cls-1{stroke:#383535;stroke-miterlimit:2.61;stroke-width:0.5px;}
#custom-tabs-cont ul>li svg{height:61px;}
#custom-tabs-cont ul.SelectCut-2>li svg{width:415px;height:61px;fill:#fff;}
#custom-tabs-cont ul.SelectCut-3>li svg{width:295px;height:61px;}
#custom-tabs-cont ul.SelectCut-4>li svg{width:235px;height:61px;}
#custom-tabs-cont ul.SelectCut-5>li svg{width:199px;height:61px;}
#custom-tabs-cont ul.SelectCut-6>li svg{width:175px;height:61px;}
#custom-tabs-cont ul.SelectCut-7>li svg{width:158px;height:61px;}
#custom-tabs-cont ul.SelectCut-8>li svg{width:145px;height:61px;}
#custom-tabs-cont ul.SelectCut-9>li svg{width:135px;height:61px;}
#custom-tabs-cont ul.SelectCut-10>li svg{width:127px;height:61px;}
#custom-tabs-cont ul.SelectCut-11>li svg{width:120.4px;height:61px;}
#custom-tabs-cont ul.SelectCut-12>li svg{width:115px;height:61px;}
#custom-tabs-cont ul.SelectCut-13>li svg{width:110.3px;height:61px;}
#custom-tabs-cont ul.SelectCut-14>li svg{width:106.4px;height:61px;}
#custom-tabs-cont ul.SelectCut-15>li svg{width:103px;height:61px;}
#custom-tabs-cont ul.SelectCut-16>li svg{width:100px;height:61px;}
#custom-tabs-cont ul.SelectCut-2>li{width:414px;}
#custom-tabs-cont ul.SelectCut-3>li{width:294px;}
#custom-tabs-cont ul.SelectCut-4>li{width:234px;}
#custom-tabs-cont ul.SelectCut-5>li{width:198px;}
#custom-tabs-cont ul.SelectCut-6>li{width:174px;}
#custom-tabs-cont ul.SelectCut-7>li{width:157px;}
#custom-tabs-cont ul.SelectCut-8>li{width:144px;}
#custom-tabs-cont ul.SelectCut-9>li{width:134px;}
#custom-tabs-cont ul.SelectCut-10>li{width:126px;}
#custom-tabs-cont ul.SelectCut-11>li{width:119.4px;}
#custom-tabs-cont ul.SelectCut-12>li{width:114px;}
#custom-tabs-cont ul.SelectCut-13>li{width:109.3px;}
#custom-tabs-cont ul.SelectCut-14>li{width:105.4px;}
#custom-tabs-cont ul.SelectCut-15>li{width:102px;}
#custom-tabs-cont ul.SelectCut-16>li{width:99px;}
.custom-tab-label{position:absolute;left:0;right:0;padding:0;font-family:sans-serif;height:38px;width:66%;margin:0 auto;top:0px;z-index:1;}
.custom-tab-label.edited{border:1px solid #5583fb;overflow:hidden;}
.custom-tab-label div.tabarea{color:black;width:350px;height:36px;resize:none;font-size:12px;text-align:center;vertical-align:middle;z-index:10;background-color:transparent;overflow:hidden;line-height:1em;display:table-cell;outline:none;}
.drop-down-cont{padding-top:0px;margin:0;}
.drop-down-cont>ul{list-style:none;}
.drop-down-cont>ul>li{display:inline-block;float:left;width:33.33%;padding:0 15px;}

/*.xtb-inner-cont .drop-down-cont>ul>li:last-child{padding:0;}*/
.drop-down-cont>ul>li .form-control{color:#5a5454;border:1px solid #c8c8c8;border-radius:5px;padding:0 0 0 12px;line-height:34px;}
.CustomCheckbox label{font-size:14px;color:#5a5454;padding-left:0px;line-height:15px;}
.CustomCheckbox [type="checkbox"]:not(:checked),.CustomCheckbox [type="checkbox"]:checked{position:absolute;left:-9999px;}
.CustomCheckbox [type="checkbox"]:not(:checked)+label,.CustomCheckbox [type="checkbox"]:checked+label{position:relative;padding-left:0px;cursor:pointer;}
.CustomCheckbox [type="checkbox"]:not(:checked)+label:before,.CustomCheckbox [type="checkbox"]:checked+label:before{content:'';position:absolute;left:-24px;top:-1px;width:17px;height:17px;background:#e8e8e8;border:1px solid #8c8c8c;}
.CustomCheckbox [type="checkbox"]:not(:checked)+label:after,.CustomCheckbox [type="checkbox"]:checked+label:after{content:'✔';position:absolute;top:3px;left:-21px;font-size:14px;line-height:0.8;color:#000;transition:all .2s;}
.CustomCheckbox [type="checkbox"]:not(:checked)+label:after{opacity:0;transform:scale(0);}
.CustomCheckbox [type="checkbox"]:checked+label:after{opacity:1;transform:scale(1);}
.CustomCheckbox [type="checkbox"]:disabled:not(:checked)+label:before,.CustomCheckbox [type="checkbox"]:disabled:checked+label:before{box-shadow:none;border-color:#bbb;background-color:#ddd;}
.CustomCheckbox [type="checkbox"]:disabled:checked+label:after{color:#999;}
.CustomCheckbox [type="checkbox"]:disabled+label{color:#aaa;}
.CustomCheckbox[type="checkbox"]:checked:focus+label:before,.CustomCheckbox [type="checkbox"]:not(:checked):focus+label:before{border:1px dotted blue;}
.CustomCheckbox label:hover:before{border:1px solid #4778d9!important;}
.ImgBox img{cursor:pointer;}
.xtb-custom-step2 .alert-warning{font-size:14px;}
.multiple-colorgrid ul{list-style:none;float:left;width:100%;}
.multiple-colorgrid ul li{display:inline-block;float:left;margin-left:27px;width:24px;line-height:10px;}
.multiple-colorgrid>ul li:first-child{margin-left:0px;}
.multiple-colorgrid ul li a{width:24px;height:24px;display:block;margin:0 auto;}
.multiple-colorgrid ul li .color-info{font-size:10px;padding-top:5px;display:block;}
.xtb-custom-step3{margin:0 0 45px;}
#tabSelectedStyle.xtb-inner-cont .custom-style-box{margin-top:0;margin-right:0;width:140px;}
#tabSelectedStyle.xtb-inner-cont .custom-style-box .style-img{height:100px;}
#tabSelectedStyle.xtb-inner-cont .custom-style-box.selected .style-a,#tabSelectedStyle.xtb-inner-cont .custom-style-box.selected .style-c-l,#tabSelectedStyle.xtb-inner-cont .custom-style-box.selected .style-c-r{background-size:100px;}
.ui-sortable-placeholder{border:1px dashed #F0F0F0;}
#tabSelectedStyle>a{cursor:default;}
#CreateYourTabs{display:none;}
#page3{display:none;}
.btn-cont-default .btn-default{margin:25px 10px 0 0;padding:5px 6px;}
.drop-down-cont ul.tab-txt-style li:first-child{width:40%;padding:0 8px 0 0;}
.drop-down-cont ul.tab-txt-style li{width:30%;padding:0 8px;}
.drop-down-cont ul.tabs-quick-options li{width:100%;padding:0 0 0 30px}
.drop-down-cont ul.tabs-quick-options li{width:100%;}
.drop-down-cont .CustomCheckbox{position:relative;display:block;margin-top:33px;margin-bottom:0;float:right;}
.simplecolorpicker.fontawesome span.color[data-selected]:after{font-family:'FontAwesome';-webkit-font-smoothing:antialiased;content:'\f00c';margin-right:1px;margin-left:1px;font-size:18px;vertical-align:top;line-height:1em;}
.multiple-colorgrid .simplecolorpicker.fontawesome span.color[data-selected]:after{font-family:'FontAwesome';-webkit-font-smoothing:antialiased;content:'\f00c';position:absolute;left:0px;right:0;top:2px;text-shadow:1px 1px 1px #7d7d7d;font-size:18px; display: none }
.multiple-colorgrid .simplecolorpicker.icon,.multiple-colorgrid .simplecolorpicker span.color{display:inline-block;cursor:pointer;border:1px solid transparent;width:48px;height:24px;position:relative;margin:0 10px 10px 0;}
.multiple-colorgrid .simplecolorpicker span.color{float:left}
.multiple-colorgrid .simplecolorpicker.icon:after,.multiple-colorgrid .simplecolorpicker span.color:after{content:'\00a0\00a0\00a0\00a0';font-size:18px;}
.multiple-colorgrid .simplecolorpicker span{margin:0 0 10 10px;}
.multiple-colorgrid .simplecolorpicker span:first-child{border:1px solid #666363;}
.simplecolorpicker span.color:first-child{border:1px solid #666363!important;}
.multiple-colorgrid .simplecolorpicker span.color:first-child[data-selected]:after{color:#4a4a4a;text-shadow:none; display: none;}
.simplecolorpicker span.color:first-child[data-selected]:after{color:#4a4a4a;text-shadow:none;}
.choose-multiple-color{display:inline-block;padding-left:5px;}
.choose-multiple-color .simplecolorpicker{position:relative;}
.choose-multiple-color .simplecolorpicker.icon,.choose-multiple-color .simplecolorpicker span.color{display:inline-block;cursor:pointer;border:1px solid transparent;width:28px;height:28px;padding:0;outline:none;vertical-align:middle;}
.choose-multiple-color .simplecolorpicker.icon::after{content:''; /*background:url(../images/select-color.png) bottom right no-repeat;*/width:32px;height:32px;position:absolute;top:-1px;left:-1px;padding:0;margin:0;text-align:left;outline:none;}
.simplecolorpicker.icon,.simplecolorpicker span.color{display:inline-block;cursor:pointer;border:1px solid transparent;width:25px;height:25px;text-align:center;padding-left:1px;text-shadow:1px 1px 1px #7d7d7d;}
.simplecolorpicker[disabled]{pointer-events:none;cursor:not-allowed;background-color:#eee;opacity:1;}
.Cut2nd{width:503px!important;}
.Cut3rd{width:354px!important;}
#preloader{display:none;width:64px;height:64px;position:absolute;top:50%;margin-top:-64px;left:50%;}
.select-tab-style{height:213px;position:relative;width:100%;}
.multiple-colorgrid .simplecolorpicker.fontawesome span.color[data-selected]{ box-shadow: 0 0 2px 2px #FF8600; border: 0 !important }

/*.select-tab-style .tab-style-container a{position:absolute;bottom:0;left:0;z-index:21;}
.select-tab-style .tab-style-container a:nth-child(1){left:0 }
.select-tab-style .tab-style-container a:nth-child(2){left:201px;}
.select-tab-style .tab-style-container a:nth-child(3){left:402px;}*/
.select-tab-style .tab-style-container a:hover{-webkit-box-shadow:0 0 10px 1px #b7b7b7;box-shadow:0 0 5px 1px #b7b7b7;}
.select-tab-style .tab-style-container a:hover .style-img{height:150px;}
.tabs-cont ul li div.flipCont{-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.tabs-cont ul.style-c-l li div.flipCont{-webkit-transform:rotatex(-180deg);-moz-transform:rotatex(-180deg);-ms-transform:rotatex(-180deg);transform:rotatex(-180deg);}
.tabs-cont ul.style-c-r li div.flipCont{-webkit-transform:rotatex(-180deg);-moz-transform:rotatex(-180deg);-ms-transform:rotatex(-180deg);transform:rotatex(-180deg);}
.tabs-cont ul.style-c-l li .custom-tab-label,.tabs-cont ul.style-c-r li .custom-tab-label{top:20px;}
.tabs-cont ul.style-a li{float:left!important;}
.tabs-cont ul.style-c-l li{float:left!important;}
.tabs-cont ul.style-c-r li{float:right!important;}
.tabs-cont ul li span.tab-info .CustomCheckbox [type="checkbox"]:not(:checked)+label:before,.tabs-cont ul li span.tab-info .CustomCheckbox [type="checkbox"]:checked+label:before{content:'';position:absolute;left:0;top:-7px;width:17px;height:17px;background:#fff;border:1px solid #8c8c8c;}
.tabs-cont ul li span.tab-info .CustomCheckbox [type="checkbox"]:not(:checked)+label:after,.tabs-cont ul li span.tab-info .CustomCheckbox [type="checkbox"]:checked+label:after{content:'✔';position:absolute;top:-3px;left:2px;font-size:14px;line-height:0.8;color:#000;transition:all .2s;}
.tabs-cont ul li span.tab-info .tablabel,.tabs-cont ul li span.tab-info .CustomCheckbox{display:inline-block;padding-right:5px;}
.tabs-cont ul li span.tab-info>span{padding:0}
.tabs-cont ul.SelectCut-10 li span.tab-info>span,.tabs-cont ul.SelectCut-10 li span.tab-info .CustomCheckbox{display:inline-block;padding-bottom:5px;}
.colorgrid .multiple-colorgrid .simplecolorpicker span{margin:0 5px 5px 0;}
.tabEditPopup.popover{max-width:460px;width:auto;}
.tabEditPopup label{font-weight:500;}
.hintpopup.popover{width:276px;}
.customHintPopup.popover{width:580px!important;max-width:inherit;}
.CustomHintleft{padding:0 10px 0 0;display:table-cell;vertical-align:top;}
.CustomHintright{display:table-cell;vertical-align:top}
.tabLengthTable{margin-bottom:0;padding-bottom:0;}
.tabLengthTable>tbody>tr>td,.tabLengthTable>tbody>tr>th,.tabLengthTable>tfoot>tr>td,.tabLengthTable>tfoot>tr>th,.tabLengthTable>thead>tr>td,.tabLengthTable>thead>tr>th{padding:2px;text-align:center;}
.tabLengthTable>thead>tr>th{border-bottom:0;background:#f7f7f7;}
.tabLengthTable>thead>tr>th:first-child,.tabLengthTable>tbody>tr>td:first-child{white-space:nowrap;text-align:left;}
.multipleDesignPopup .drop-down-cont{padding-top:0;}
.multipleDesignPopup .colorgrid .simplecolorpicker+.simplecolorpicker{display:none;}
ul.SelectCut-16 .custom-tab-label{width:32%;}
ul.SelectCut-15 .custom-tab-label{width:34%;}
ul.SelectCut-14 .custom-tab-label{width:37%;}
ul.SelectCut-13 .custom-tab-label{width:40%;}
ul.SelectCut-12 .custom-tab-label{width:42%;}
ul.SelectCut-11 .custom-tab-label{width:45%;}
ul.SelectCut-10 .custom-tab-label{width:48%;}
ul.SelectCut-9 .custom-tab-label{width:51%;}
ul.SelectCut-8 .custom-tab-label{width:54%;}
ul.SelectCut-7 .custom-tab-label{width:57%;}
ul.SelectCut-6 .custom-tab-label{width:61%;}
ul.SelectCut-5 .custom-tab-label{width:66%;}
ul.SelectCut-4 .custom-tab-label{width:71%;}
ul.SelectCut-3 .custom-tab-label{width:77%;}
ul.SelectCut-2 .custom-tab-label{width:84%;}
.multiple-colorgrid label{font-size:18px;color:#333; margin-top: 5px}
.multiple-colorgrid label span.color_name{font-size:12px;font-weight:bold;}
.showSelectedColor,.showSelectedColorPopup{font-weight:normal;}
.tabsetup,.typography{margin:0;}
#page1-selection .step, #page2-selection .step, #page3-selection .step, #yourSelection .step{ margin-top: 0 !important; font-size: 22px; font-weight: 400; }
.custom-style-box .style-img + span { color: #333; padding: 5px; font-size: 13px; display: block; }
.tabsetup>ul,.typography>ul{list-style:none;}
.tabsetup>ul>li,.typography>ul>li{display:inline-block;float:left;width:33.33%;padding:0px 30px 0px 0px;}
.tabsetup>ul>li{width:50%;padding:0 30px 0 0;}
.typography>ul>li{padding:0 30px 0 0;width:25%;}
.typography>ul>li:first-child{width:40%;}
.tabsetup>ul>li .form-control,.typography>ul>li .form-control{color:#5a5454;border:1px solid #c8c8c8;border-radius:0px;}
.tabsetup label,.typography label{font-size:14px;}
.tabsetup label a,.typography label a{font-size:12px;font-weight:400;text-decoration:none;margin-left:10px;}
.step{font-size:22px;font-weight:400;color:var(--teal);margin: 15px 0 !important;font-family: var(--ss-font-sans-serif);}
.step i{font-style:normal;color:var(--primaryDefault);background-color:#ffc600;border-radius:50%;width:30px;height:30px;display:inline-block;text-align:center;padding-top:1px; line-height: 30px}
.xtb-heading-cont h1{ margin-bottom: 10px; line-height: 1; }
.xtb-heading-cont h1 i{font-family:'FontAwesome';font-size:18px!important;font-style:normal;font-weight:normal;color:var(--primarycolor);text-rendering:auto;-webkit-font-smoothing:antialiased; vertical-align:middle; display:none; }
.xtb-heading-cont h1 i:before{content:"\f054";}
.intro{font-size:16px;line-height:1.5;margin-bottom:15px;margin-top:0px;}
.intro > div{ padding-bottom: 3px }
.pricebox{padding:10px 15px;border:2px solid #FF8600;font-size:16px;margin-bottom:10px;text-align:center;background-color:#FFF7D6;}
label a.hintTxt{font-size:12px;font-weight:400;text-decoration:none;margin-left:10px;}
.popover-header{color:#cc6600;}
.popover-body{font-size:14px;}
#custom-tabs-cont ul>li.selected svg{}
#tab-shape-5{width:200px;}
.cls-1.selected{stroke:#CC0000;stroke-miterlimit:2.61;stroke-width:2px;}
#custom-tabs-cont ul>li.selected svg{stroke-dasharray:5,5;}
.totalPrice{padding:10px 15px;border:2px solid #FF8600;font-size:16px;margin-bottom:10px;text-align:center;}
.currprice{ background: #f7f7f7 !important; }
.xtb-top-fixed{position:sticky;top:0;z-index:99;}
[contentEditable=true]:empty:not(:focus):before{font-style:normal;font-weight:normal;text-decoration:none;content:'Enter text here';color:#c5c2c2;font-size:12px;text-align:center;vertical-align:middle;font-family:Arial,'sans-serif';}
#accessories .price-text{font-size:16px;color:#cc0000;font-family:arial;font-weight:bold;}
#accessories .accessories_column_base .access_list-item{width:25%;}
#accessories .group-access-list .select-qty-cont{width:43%;}
#accessories .accessories_column_base .access_list-item:nth-child(5){border-right:none;}
#loader-wrapper{background:none;}
#loader-wrapper > .loader-box{position:absolute;top:50%;left:0;width:130px;height:130px;z-index:1000;margin:-65px auto 0;right:0;border-radius:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#loader{display:block;position:relative;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}
.tab_collation_price_wrapper{width:100%;float:none;display:block;min-width:40px;position:relative;text-align:right;}
.btn-light{ font-size: 14px;font-weight: var(--text-bold) !important; }

@-webkit-keyframes spin{
	0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
.custom-tab-label div.tabarea p{margin:0;padding:0}
#accessories .qty{border-right:1px solid #ccc!important;border-left:1px solid #ccc!important;width:38px!important;font-size:16px!important;height:30px!important; background-color: #fff !important}
#accessories .qty:disabled{background-color: #e9ecef!important;}
.price_table .table-responsive{ max-width: 70%; }
.xtPriceTable{margin:0 }
.xtPriceTableCont .xtPriceTableTitle{font-size:18px;font-weight:500;margin:5px 0px 0px;}
.xtPriceTableCont p{font-size:14px;line-height:1.5; margin-bottom: 15px}
.xtPriceTable thead tr th{text-align:right;background:#fbfbfb;}
.xtPriceTable thead tr th.best-value{border-right:2px solid #FF8600;border-left:2px solid #FF8600;border-top:2px solid #FF8600!important;box-shadow:0px 0px 7px rgba(0,0,0,0.3);}
.xtPriceTable tbody tr td.best-value{border-right:2px solid #FF8600;border-left:2px solid #FF8600;border-right:2px solid #FF8600;}
.xtPriceTable tbody tr:last-child td.best-value{border-right:2px solid #FF8600;border-left:2px solid #FF8600;border-right:2px solid #FF8600;border-bottom:2px solid #FF8600;box-shadow:0px 4px 7px rgba(0,0,0,0.3);}
.xtPriceTable .Popular{position:absolute;padding:0;margin:-30px 0px 0 -5px;background:#ff8600;padding:4px 14px 4px 13px;border-radius:4px 4px 0 0;color:#fff;font-size:12px;}
.xtPriceTable .yourPrice{position:absolute;padding:0;margin:-24px 0px 0 -5px;background:#cc0000;padding:2px 7px;border-radius:4px 4px 0 0;color:#fff;font-size:11px;text-align:center;width:69px;}
.xtb-protabs label{font-weight:500;}
#page1-selection{ margin-left:auto;}
@media (min-width:768px) {
	#accessories .group-access-list .select-qty-cont{padding-left:30px;}
	.xtb-inner-cont .drop-down-cont>ul>li{width:33.33%;padding:0 15px 0 0}
	#page1-selection{display:none;}
}
@media (min-width:992px){
	#accessories .accessories_column_base .tab_collation_price_wrapper .access_adder-qty{display:inline-block;vertical-align:middle;padding:0 20px;}
	#accessories .accessories_column_base .tab_collation_price_wrapper .adder-rate{padding:0 20px;min-width:auto;}
	#accessories .access_adder-qty{margin-left:0;}
	.xtb-inner-cont .drop-down-cont>ul>li{padding:0 15px;width:20%;}
	#page1-selection{display:block;}
    .intro{ margin-left: 30px; }
    .xtb-custom-step2{ margin-left:30px }
    .xtb-inner-cont{ padding-left: 15px; }
    .xtPriceTableCont { padding: 0 15px 0 30px; }
    .select-tab-style{ padding: 0 15px; }
    .xtb-custom-step2 .alert-warning{ margin-left: 15px; }
    #page1-selection{ max-width:360px; }
}

@media (max-width:1199px) {
   .price_table .table-responsive{ max-width: 100%; }
   .xtb-inner-cont .custom-style-box{ width: 170px; }
}


@media (max-width:991px) {
    .step { font-size: 22px;}
    .xtb-heading-cont h1{ font-size: 32px; }
    #page1-selection .step, #page2-selection .step, #page3-selection .step, #yourSelection .step{ font-size: 18px; }
    .xtb-inner-cont .custom-style-box{ width: 180px; }


}

@media (max-width:767px){
    .intro { font-size: 14px;}
	.xtb-inner-cont{padding:0px;}
	.xtb-inner-cont .drop-down-cont>ul>li{width:100%;padding:0px;}
	#custom-tabs-cont ul.SelectCut-5>li{margin:0 auto;}
	.typography>ul>li,.typography>ul>li:first-child{width:100%; padding: 0 !important}
	.typography{margin:0 0 10px 0;}
	#accessories .accessories_column_base .access_list-item.list__description{width:100%;display:block;border-bottom:1px solid #ccc;}
	#accessories .accessories_column_base .access_list-item{width:50%;float:left;display:inline-block;vertical-align:top;border:none;}
	.tab_collation_price_wrapper{float:left;width:100%;display:block;border-top:1px solid #ccc;}
	#accessories .accessories_column_base .select-qty-cont{padding-top:0px;line-height:30px;}
	#accessories .group-access-list:last-child{border-bottom:0;}
	#accessories .group-access-list{padding:10px 0;border-bottom:1px solid #ccc;}
	#accessories .group-access-list .select-qty-cont{width:100%;}
	.TableView.radio-button--list-item{line-height:normal;}
	.intro{margin-left:0!important;}
	.xtb-inner-cont .custom-style-box .style-img,.xtb-inner-cont .custom-style-box .style-c-l,.xtb-inner-cont .custom-style-box .style-c-r{height:80px;}
	.xtb-inner-cont .custom-style-box{width:100%;float:left;margin:0 0 15px;}
	.xtb-inner-cont .custom-style-box .style-a{background-position:center 5px;}
    .select-tab-style{ padding: 0 }
    .xtb-custom-step2 .alert-warning{ margin-left: 0!important }
    #page1-selection .step, #page2-selection .step, #page3-selection .step, #yourSelection .step{ margin-top: 15px !important }
    
    
}

@media (max-width:479px) {
    .action-btn-cont .btn{ margin-bottom: 5px !important; margin-right: 0; margin-left: 0px; }
}

@media(max-width:567px) {
    .tabEditPopup.popover{max-width:350px;}
    
    .drop-down-cont ul.tab-txt-style li:first-child{width:33%;}    
    .typography label{display:block}
    
}

@media (max-width:767px) {
    .CustomHintleft{display:block; padding:0 0 6px 0;}
    .CustomHintright{display:block;}
    .customHintPopup.popover{ width:330px!important;}
    #CustomHint .clearfix{overflow:auto;}
}