@-webkit-keyframes fadeIn{
        from{opacity:0}
        to{opacity:1}
        }
        @keyframes fadeIn{
        from{opacity:0}
        to{opacity:1}
        }
        .fw-500{font-weight:500}
        .br-0{border:0!important}
        .br-trans{border-color:transparent!important}
        .bck-grey{background-color:rgba(243,243,243,.3)}
        .mb-30{margin-bottom:30px}
        .p-30{padding:30px}
        .col-spacing{margin-bottom:30px}
        .color-grey{color:#757575}
        .br-style{border:1px solid #d8dde4;border-radius:4px}
        .br-right{border-right:1px solid #d8dde4}
        .br-left{border-left:1px solid #d8dde4}
        .row-lr-margin{margin-left:0;margin-right:0}
        .form-sec-heading{font-size:1.14286em;line-height:1.5;color:#222;margin:0}
        .check-label-dark .label{color:#262626!important}
        .dob-holder .label.top-auto{top:27px;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}
        .dob-holder .field.field-focused .label.top-auto{-webkit-transform:translateY(-27px);-ms-transform:translateY(-27px);transform:translateY(-27px)}
        .dob-holder .has-datepicker .ico{top:30px;margin:0}
        .slider-checkbox.address-check.disabled{position:relative;z-index:1}
        .slider-checkbox.address-check.disabled .overlay{display:block}
        .slider-checkbox.address-check .overlay{display:none;position:absolute;height:100%;width:100%;background-color:transparent;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}
        .add-card-button{position:relative;-webkit-box-shadow:none;box-shadow:none;outline:0;background:0 0;padding:30px;display:block;width:100%;text-align:left;border-style:solid;border-color:rgba(191,191,191,.25);border-width:1px 0 0}
        .add-card-button[disabled=disabled]{opacity:.65}
        .add-card-button .ico{font-size:11px;padding-right:20px}
        .add-card-button .ico{color:#faa532}
        .add-card-button .text{font-size:1.14286em;line-height:1.5;color:#222;font-weight:500}
        .mc-section .btn{min-width:144px}
        .mc-section .section-loader{background:#fff}
        .mc-section .table-switcher .btn.back{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
        .mc-section .table-switcher .chosen-container .chosen-single{min-width:120px}
        .mc-section .table-switcher .result-rang-holder{margin-top:7px}
        .mc-section.programms{margin:0 0 20px;min-height:298px;padding:35px 30px}
        .mc-section .ico-heading{display:block;margin:0 0 20px}
        .mc-section .ico-heading .ico{font-size:11px;padding-right:10px;color:#ccc}
        .mc-section .ico-heading .text{font-size:1.14286em;line-height:1.5;color:#222;font-weight:500}
        .block-dialog .info{margin-bottom:10px}
        .block-dialog .title .ico{color:#757575;font-size:12px;margin: 0 0 0 5px;}
        .block-dialog .title .ico:focus,.block-dialog .title .ico:hover{color:#000; outline: dotted 1px;}
        .block-dialog .static-label{color:#757575; display: block;}
        .block-dialog .static-label *{font-weight:500}
        .static-label img{width:12px!important;height:12px!important;margin:-2px 0 0 3px}
        .mc-section .field .label .ico{font-size:12px;color:#757575;margin-left:5px}
        .mc-section .field .label .ico:focus,.mc-section .field .label .ico:hover{color:#757575}
        .mc-section .field .label  ~ .ico.icon-help-circle {font-size:12px;color:#757575;margin-left:5px}
        .mc-section .field .label ~ .ico.icon-help-circle:focus,.mc-section .field .label ~ .ico.icon-help-circle:hover{color:#757575}
        .mc-section .field .input-group-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:2px}
        .mc-section .field .input-group-icon .ico{font-size:14px;color:#757575}
        .mc-section .field .input-group-icon .ico:focus,.mc-section .field .input-group-icon .ico:hover{color:#757575}
        .mc-header .btn.btn-orange{max-height:140px;font-weight:500;float:right}
        .mc-header .btn .plus{margin-right:10px}
        .mc-section{background-color:#fff;border-radius:4px;min-height:276px}
        .sec-header{height:70px;border-bottom:1px solid rgba(191,191,191,.25)}
        .sec-header .h2{padding:25px 0 25px 30px;font-size:.92857em;line-height:1.46154;text-transform:uppercase;float:left;margin:0;letter-spacing:.54px;color:#444;font-weight:400}
        .sec-header .filters{float:right;display:inline-table;max-width:50%}
        .sec-header .field{display:table-cell;vertical-align:middle;border-left:1px solid rgba(191,191,191,.25)}
        .sec-header .field.field-focused .form-control+.ico{color:#757575}
        .sec-header .field.search>input{position:relative}
        .sec-header .field.search .btn-clear-search,
        .sec-header .field.search .icon-search{position:absolute;top:50%;right:15px;color:#757575;margin: -7px 0 0;}
        .sec-header .field.search.field-focused .icon-search{color:#757575}
        .sec-header .field.search .btn-clear-search { font-size: 12px; line-height: 1; margin: -6px 0 0; }
        .sec-header .field.search .btn-clear-search > .iconz { vertical-align: middle; }
        .sec-header .field.search .btn-clear-search:hover, .sec-header .field.search .btn-clear-search:focus { color: #000; outline: dotted 1px; }
        .sec-header .form-control{border:0;height:69px;padding:27px 30px 21px 15px;position:relative}
        .sec-header .form-control.chosen-search-input { border-bottom: 1px solid #ced4da; }
        .sec-header .form-control+.ico{position:absolute;right:15px;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:#aeaeae}
        .sec-header .form-control+.ico:hover{cursor:pointer}
        .sec-header .form-control::-webkit-input-placeholder{font-size:13px;color:#b7b7b7}
        .sec-header .form-control:-ms-input-placeholder{font-size:13px;color:#b7b7b7}
        .sec-header .form-control::-ms-input-placeholder{font-size:13px;color:#b7b7b7}
        .sec-header .form-control::-moz-placeholder{font-size:13px;color:#b7b7b7}
        .sec-header .form-control::placeholder{font-size:13px;color:#b7b7b7}
        .sec-header .chosen-container{min-width:175px}
        .sec-header .chosen-single{border:0;-webkit-box-shadow:none;box-shadow:none;padding:25px 40px 25px 15px}
        .sec-header .chosen-container.chosen-container-active .chosen-single{border:0}
        .mc-section .adc-container{padding:30px 30px}
        .mc-section .adc-container .col-md-6.col-lg-6{margin-bottom:30px}
        .mc-section .adc-container.prepaid{padding:30px 30px 0}
        .mc-section .adc-container.credit{padding:0}
        .mc-section .icon-card-activity{font-size:12px!important}
        .mc-section .icon-manage-cards,.mc-section .icon-mc-block-card{font-size:14px!important}
        .mc-section .box{position:relative;overflow:hidden;height:100%}
        .mc-section .box .actions{position:absolute;top:0;right:-42px;text-align:center;white-space:nowrap;height:100%;min-width:35%;max-width:35%;left:unset;background-color:#fff;border-radius:4px;border-width:1px;border-style:solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:start;align-self:start;-webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.1);box-shadow:0 5px 12px 0 rgba(0,0,0,.1);padding:23px 20px;z-index:3;opacity:0;}
        .mc-section .box .actions>*{display:block;text-align:left;margin:0;padding:0;height:auto!important;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;width:100%}
        .mc-section .box .actions>*>a{display:block;width:100%;color:#757575;font-weight:500;font-size:.92857em;line-height:1.46154}
        .mc-section .box .actions>*>a .ico{color:#cbcbcb;top:-1px;font-size:120%;margin:0 15px 0 0;position:relative;vertical-align:middle}
        .mc-section .box .actions>*>a:hover{-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
        .mc-section .box .actions>*~li{margin-top:12px}
        .mc-section .box:hover ul.actions,
        .mc-section .box.box-hover ul.actions {right:0;opacity:1;visibility:visible;-webkit-animation:fadeIn .2s;animation:fadeIn .2s;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
        .mc-section .card-holder{min-height:130px;height:100%;padding:20px;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
        .mc-section .card-holder::after{display:block;content:"";clear:both}
        .mc-section .card-holder .card-info{display:inline-block;vertical-align: top;}
        .mc-section .card-holder .card-info .name { line-height: 1.357142857142857; }
        .mc-section .card-holder .img-holder{width:145px;display:block;margin-right:25px;position:relative;overflow:hidden;background:0 0; border-radius: 3px;}
        .mc-section .card-holder .img-holder > .bg-cover { min-height: 93px; }
        .mc-section .card-holder .img-holder img{max-width:145px;max-height:230px}
        .mc-section .card-holder .img-holder .card-num{display:inline;color:rgba(255,255,255,.3);font-size:1em;line-height:1.5;font-weight:700;letter-spacing:.54px;margin:0;position:absolute;right:15px;bottom:7px}
        .mc-section .card-holder .img-holder .card-num .dot{background:rgba(255,255,255,.3)}
        .mc-section .card-holder .img-holder .card-num>*{vertical-align:middle!important}
        .mc-section .card-holder .tag{position:absolute;top:20px;right:20px}
        .mc-section .card-holder .card-num{margin:0 0 8px;font-weight:700; padding: 0; line-height: 1.5;}
        .mc-section .card-holder .last-trans{margin:0 0 10px;font-size:.78571em;line-height:1.54545;color:#757575}
        .mc-section .card-holder .last-trans > .static-label,
        .mc-section .card-holder .last-trans strong{font-weight:500}
        .mc-section .card-holder .last-trans label{margin:0}
        .mc-section .card-holder .balance{margin:0;font-size:.92857em;line-height:1.30769;color:#444; font-weight: 300;}
        .mc-section .card-holder .balance .static-label{color:#A04C02;font-weight:700;padding-left:10px}
        .mc-section .card-holder .balance .static-label img{height:10px;width:10px;margin-left:2px;margin-top:-2px;border-radius:100%}
        .mc-section .card-types-holder .card{position:relative;overflow:hidden;padding:0;margin:0 0 20px;height:calc(100% - 20px)}
        .mc-section .card-types-holder .card .iradio_flat-grey{position:absolute;opacity:0;}
        .mc-section .card-types-holder .card label{cursor:pointer;margin:0;text-align:center;padding:1.5rem;width:100%;background:#fff;color:#757575;font-size:.85714em;line-height:1.5;height:100%}
        .mc-section .card-types-holder .card label:before{font-family:cholder4;display:block;margin:0 0 5px;color:#ccc;font-size:18px}
        .mc-section .card-types-holder .card .checked ~ label:before { color: #fff; }
        .mc-section .card-types-holder .card label.shared:before{content:"\e9d7"}
        .mc-section .card-types-holder .card label.standard:before{content:"\e906"}
        .mc-section .card-types-holder .card label.backup:before{content:"\e9d9"}
        .mc-section .cl-credit{margin-bottom:0}
        .mc-section .cl-credit .cl-item{position:relative;z-index:0;padding:0 5px}
        .mc-section .cl-credit .cl-item:not(:last-child){border-bottom:1px solid rgba(191,191,191,.25)}
        .mc-section .cl-credit .cl-item:hover{z-index:1;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.1);box-shadow:0 2px 15px 0 rgba(0,0,0,.1)}
        .mc-section .cl-credit .cl-item:hover .actions{display:-webkit-box;display:-ms-flexbox;display:flex}
        .mc-section .cl-credit .card-holder .tag{position:static;margin-left:15px}
        .mc-section .cl-credit .available-credit{border:0;border-radius:0;width:100%}
        .mc-section .cl-credit .actions{background:rgba(255,255,255,.97);position:absolute;top:0;right:0;height:100%;width:50%;display:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
        .mc-section .cl-credit .actions li{margin-right:20px}
        .mc-section .cl-credit .actions a{font-size:.85714em;line-height:1.5;color:#adadad;font-weight:400}
        .mc-section .cl-credit .actions .ico{margin-right:10px}
        .mc-section .table-switcher{padding:20px 30px}
        .prepaid-sec{padding:25px 30px;background:#fff;border-radius:4px}
        .prepaid-sec .heading{font-size:1.14286em;line-height:1.5;color:#222;margin-bottom:30px}
        .prepaid-sec .label .ico{color:#ccc;margin-left:5px}
        .prepaid-sec .label .ico:focus,.prepaid-sec .label .ico:hover{color:#757575}
        .c-about{position:relative;border:1px solid #d8dde4;border-radius:4px;background-color:#f9fbfc;padding:25px 30px 25px 130px;margin:0 0 30px;min-height:106px}
        .c-about .img-holder{position:absolute;top:50%;left:30px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
        .c-about .info{font-size:.78571em;line-height:1.63636;color:#444;letter-spacing:.18px;margin:0}
        .c-about .info strong{font-weight:500}
        .form-section .heading{font-size:1em;line-height:1.5;margin-bottom:20px}
        .field-static .title,.form-section.read-only .title{display:block;color:#757575;font-size:.85714em;line-height:1.5}
        .field-static .value,.form-section.read-only .value{display:block;color:#222;font-size:1.14286em;line-height:2;font-weight:400}
        .field-static .value *,.field-static .value label {color: #000;}
        .cards-slider .slick-prev{display:none!important}
        .c-personalize{background:#fff;border-radius:4px}
        /* .c-personalize [class*=iradio]::after{background:#faa532} */
        .cards-slider [class*=iradio]::after{background:#faa532}
        .c-personalize .header{padding:25px 30px;border-bottom:1px solid rgba(191,191,191,.25)}
        .c-personalize .header .h2{font-size:1.14286em;line-height:1.5;color:#222;margin:0}
        .c-personalize .content{padding:25px 30px}
        .c-personalize .desc,.c-personalize .fee{font-size:.85714em;line-height:1.5}
        .c-personalize .head .text{color:#757575;margin-right:5px;font-weight:300}
        .c-personalize .head .static-label{color:#faa532}
        .sec-shipping .header{border-bottom:0}
        .address-form{padding:15px 30px 30px}
        .address-form .btns-holder .btn{margin-right:15px}
        .address-form .btns-holder .float-right .btn{margin-right:0}
        .address-check{margin-bottom:30px}
        .ship-method-col{-webkit-box-flex:0!important;-ms-flex:0 0 50%!important;flex:0 0 50%!important;max-width:50%!important}
        .mc-section.programms .slick-slide{cursor:pointer;min-height:173px;width:270px!important}
        .mc-section.programms .card-input .img-holder{border-radius:5px;overflow:hidden;margin-bottom:15px;min-height:138px;max-width:217px;border:1px solid transparent}
        .mc-section.programms .card-input .field{max-width:217px}
        .mc-section.programms .card-input .field [class*=iradio]{margin-right:10px}
        .mc-section.programms .card-input .field label{text-transform:capitalize;margin:0}
        .mc-section.programms .card-input .checkbox-checked{font-weight:700}
        .slider-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
        .slider-checkbox .label{font-size:.92857em;line-height:1.61538;margin:0 0 0 5px;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
        .pzn-content{display:none}
        .pzn-type{padding:25px 30px;border-bottom:1px solid rgba(191,191,191,.25);margin:0 -30px}
        .pzn-type .light-grey{font-weight:400!important;color:#757575!important}
        .pzn-type .slider-checkbox .label{font-size:.92857em;line-height:1.46154;font-weight:500;color:#222}
        .pzn-type .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
        .pzn-type.active+.pzn-content{display:block;margin:0 -30px;padding:0 30px 30px;border-bottom:1px solid rgba(191,191,191,.25)}
        .pzn-submit{margin:30px 0 10px}
        .pzn-submit .btn{width:140px;margin-right:15px}
        .pzn-submit .float-right .btn{margin-right:0}
        .content-row{padding:50px 40px;border-radius:4px;border:1px solid #d8dde4;margin:0}
        .upload-pic .section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
        .pic-drop-zone{padding:30px 80px;border-radius:4px;border:1px dashed #d8dde4;background:rgba(233,237,242,.3);height:100%;width:100%;text-align:center}
        .pic-drop-zone span{display:block;letter-spacing:.17px}
        .pic-drop-zone .title{color:#222}
        .pic-drop-zone .ico{color:#757575;margin:10px 0;font-size:15px}
        .pic-drop-zone .browse{font-size:.85714em;line-height:1.16667;margin-bottom:5px}
        .pic-drop-zone .browse a{text-decoration:underline}
        .pic-drop-zone .info{font-size:.78571em;line-height:1.63636;color:#757575;margin-bottom:15px}
        .pic-drop-zone .format{font-size:.78571em;line-height:1.63636;color:#757575}
        .img-holder.default{height:194px;width:306px;border-radius:10px;overflow:hidden;text-align:center}
        .img-holder.default .img{height:194px;width:306px}
        .braclet-design{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px 0 0}
        .braclet-design .img-holder{margin-right:70px;width:187px;height:187px;background:#ccc}
        .pallete .title{display:block;font-size:.85714em;line-height:1.5;font-weight:500;margin:0 0 20px}
        .pallete .list-inline li{display:inline-block;width:40px;height:40px;border-radius:100px;cursor:pointer;margin-right:15px}
        .pallete .color-1{background:#000}
        .pallete .color-2{background:#fff;border:1px solid #ddd}
        .pallete .color-3{background:#838791}
        .pallete .color-4{background:#ff7676}
        .pallete .color-5{background:#247647}
        .pallete .color-6{background:#ffae76}
        .pallete .color-7{background:#76acff}
        .pallete .color-8{background:#762471}
        .shipping-review{padding:30px}
        .shipping-review .agreement{margin-bottom:30px;padding-left:60px;position:relative}
        .shipping-review .agreement .slider-checkbox{position:absolute;top:48%;left:21px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
        .shipping-review .btns-holder .btn{margin-right:15px;min-width:144px}
        .shipping-review .float-right .btn{margin-right:0}
        .summary-table{margin:0 0 50px}
        .summary-table .heading{font-size:1.14286em;line-height:1.5;color:#262626;margin:0 0 20px}
        .summary-table .table-container{border:1px solid #d8dde4;border-radius:4px;padding:25px 30px}
        .summary-table .table-container .table{margin-bottom:0}
        .summary-table .table thead th{border:0;font-size:.78571em;line-height:1.54545;color:#757575;letter-spacing:.55px}
        .summary-table .table thead th:first-child,.summary-table .table thead th:last-child{width:25%;padding-left:0;padding-right:0}
        .summary-table tbody td:first-child,.summary-table tbody td:nth-child(3){padding-left:0;padding-right:0}
        .summary-table .tr .ico-holder .text{font-size:.92857em;line-height:1.46154;color:#828282;text-transform:uppercase;font-weight:500;letter-spacing:.22px}
        .summary-table .tr .ico-holder .ico{margin-right:10px}
        .summary-table .tr .img-holder{width:62px;border-radius:4px;overflow:hidden;border:1px solid #d8dde4}
        .summary-table .tr .img-holder .img-responsive{height:auto!important}
        .summary-table .tr .title{font-size:.92857em;line-height:1.46154;color:#222;margin-bottom:5px;display:block;font-weight:500}
        .summary-table .tr .fee{font-size:.92857em;line-height:1.46154;color:#222;font-weight:500}
        .summary-table .ship-method-tr .info{padding:15px;border-radius:4px;border:1px solid #ebeff4;color:#444}
        .summary-table .ship-method-tr .duration,.summary-table .ship-method-tr .info{font-size:.85714em;line-height:1.5}
        .summary-table .ship-method-tr .info p{margin-bottom:0;color:#757575}
        .summary-table .ship-method-tr .info p strong{font-weight:500;color:#444}
        .summary-table .ship-method-tr td:nth-child(2){position:relative}
        .summary-table .ship-method-tr .amount{position:absolute;right:5px;top:15px}
        .summary-table .ship-method-tr .tag.fee{background-color:#5ab492;color:#fff;font-size:11px}
        .summary-table tr.total-amount{font-size:1.14286em;line-height:1.5;color:#222}
        .order-success{padding:125px 0;background:#fff;border-radius:4px}
        .order-success.credit .block{max-width:700px}
        .order-success .block{max-width:540px;margin:0 auto;text-align:center}
        .order-success .heading{color:#007A55;font-size:1.57143em;line-height:1.45455}
        .order-success .desc{color:#444;font-size:.92857em;line-height:1.38462}
        .order-success .desc .bold{font-weight:700}
        .order-success .order-details{border:1px dashed #d8dde4;border-radius:6px;background-color:rgba(235,239,244,.2);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px 0 rgba(0,0,0,.05);padding:30px 0 0}
        .order-success .order-details .img-holder{width:100%;height:100%;margin-bottom:15px;text-align:center}
        .order-success .order-details .img-holder img{height:154px;width:249px}
        .order-success .order-details .balance{width:254px;margin:0 auto 30px}
        .order-success .order-details .balance .heading{color:#444;font-size:1em;line-height:1.71429;letter-spacing:.23px;font-weight:300;float:left}
        .order-success .order-details .balance .static-label{float:right;font-size:1.28571em;line-height:1.33333;color:#faa532}
        .order-success .order-details .balance .static-label img{height:15px!important;width:15px!important}
        .order-success .summary{width:80%;margin:0 auto;text-align:left;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
        .order-success .summary .title{display:block;font-size:1em;line-height:2;color:#303030;font-weight:500}
        .order-success .summary .value{display:block;font-size:.85714em;line-height:1.5;color:#989898}
        .order-success .summary ul{margin-bottom:0}
        .order-success .summary .col-space{width:50%;float:left;margin:0 0 30px}
        .order-success .btns .btn:not(:last-child){margin-right:15px}
        .instructions .title{font-size:1em;line-height:1.5;color:#222;margin-bottom:15px;display:inline-block}
        .instructions ul{padding-left:0;margin-bottom:60px;list-style:none}
        .instructions ul li{color:#757575;font-size:.92857em;line-height:1.15385}
        .instructions ul li:before{content:"\2022";color:#faa532;font-weight:700;font-size:20px;display:inline-block;width:20px;position:relative;top:4px}
        .instructions .btn{width:144px;margin-right:15px}
        .instructions .btn+.btn{margin-right:0}
        .finished-card .img-holder{margin:0 auto;height:195px;width:307px;overflow:hidden;border:10px;position:relative}
        .finished-card .img-holder .img{height:195px;width:307px}
        .sec-card-program{padding:70px 0;max-width:310px;margin:0 auto}
        .sec-card-program .heading{text-align:center;font-size:1.14286em;line-height:1.5;color:#222;margin:0 0 50px}
        .sec-card-program .card-info{display:block;height:194px;width:306px;margin:0 0 60px;border-radius:10px;border:1px solid #ebeff4;padding:20px;background-color:#ebeff4;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.02);box-shadow:0 10px 20px 0 rgba(0,0,0,.02);position:relative;font-family:'Oxanium',Arial,sans-serif;color:#898989}
        .sec-card-program .card-info.program-selected{background:#164f2e url(../images/card-bg.png) no-repeat 50% 50%}
        .sec-card-program .card-info.program-selected *{color:#fff}
        .sec-card-program .card-num{font-size:1.5em;line-height:1.04762}
        .sec-card-program .name{font-size:1.14286em;line-height:1.5;text-transform:uppercase}
        .sec-card-program .network-icon{position:absolute;right:20px;bottom:20px}
        .sec-card-program .good-thru{text-transform:uppercase;display:table-cell;width:20px;font-size:.42857em;line-height:1.5;font-family:Heebo,Arial,sans-serif;letter-spacing:.57px;padding-right:10px;padding-bottom:3px;vertical-align:bottom}
        .sec-card-program .expiry{display:table;padding-left:50px}
        .sec-card-program .expiry .date{display:table-cell}
        .sec-card-program .expiry .text{font-size:.42857em;line-height:1.5;font-family:Heebo,Arial,sans-serif;letter-spacing:.57px;text-transform:uppercase;vertical-align:bottom}
        .sec-card-program .expiry .month,.sec-card-program .expiry .text{display:block}
        .sec-card-program .details{position:absolute;bottom:20px;left:20px}
        .sec-card-program .btns .btn{width:144px}
        .tnc-dialog .icon-cross.ico{position:absolute;top:20px;right:20px;color:#c8c9cc}
        .tnc-dialog .icon-cross.ico:focus,.tnc-dialog .icon-cross.ico:hover{color:#757575}
        .tnc-dialog .title{display:block;text-align:center;margin-bottom:40px!important}
        .tnc-dialog .scroll-holder{padding:0!important}
        .tnc-dialog .box{padding:35px 25px;border:1px solid #d8dde4;border-radius:4px}
        .tnc-dialog .text-holder{font-size:.92857em;line-height:1.46154;color:#575757;margin-bottom:0}
        .credit .header{padding:25px 30px;border-bottom:1px solid rgba(191,191,191,.25)}
        .credit .header .h2{font-size:1.14286em;line-height:1.5;color:#222;margin:0}
        .credit .add-card{border-top:1px solid rgba(191,191,191,.25)}
        .credit .add-card .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
        .credit .add-card .ico{font-size:11px;padding-right:20px}
        .credit .add-card .text{font-size:1.14286em;line-height:1.5;color:#222;font-weight:500}
        .credit .form-credit{padding:30px}
        .credit .form-credit .add-card{border-top:0}
        .credit .form-credit .add-card .ico{color:#ccc}
        .credit .added-cards-form+.form-credit{border-top:1px solid rgba(191,191,191,.25)}
        .credit .card-item{padding:30px 30px 25px}
        .credit .card-item .field:not(:last-child){margin-bottom:20px}
        .credit .card-item:not(:last-child){border-bottom:1px solid rgba(191,191,191,.25)}
        .credit .card-item .card-heading{font-size:1.14286em;line-height:1.5;color:#10432e;font-weight:500}
        .credit .card-item .card-heading .ico{font-size:11px;padding-right:20px;color:#faa532}
        .credit .card-item .card-edit{display:inline-block;font-size:.85714em;line-height:1.5;color:#757575;font-weight:300}
        .credit .card-item .edit-ready-actions li{margin:0 0 0 25px}
        .credit .card-item .card-edit .ico{margin-right:5px}
        .credit .card-item .card-edit:focus,.credit .card-item .card-edit:hover{color:#757575}
        .no-records{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:100px 0}
        .no-records .circle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:39em;height:39em;background-color:rgba(225,237,249,.192);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
        .no-records .ico-holder{margin-bottom:25px}
        .no-records .desc{color:#737373;font-size:.92857em;line-height:1.46154;letter-spacing:.09px}
        .no-records .heading{color:#737373;font-weight:500;font-size:1.07143em;line-height:1.46667;letter-spacing:.11px}
        .order-success .btn{margin:0 0 30px}
        .order-success .img-card-holder{max-width:254px;margin:0 auto 20px;border-radius:8px;position:relative;padding:21px 19px 18px;background-size:cover!important}
        .order-success .img-card-holder:before{left:50%;z-index:-1;content:"";bottom:26px;position:absolute;margin:0 0 0 -250px;width:500px;height:100px;opacity:.7}
        .order-success .img-card-holder>*{z-index:2;position:relative}
        .order-success .img-card-holder .logo-holder{width:173px;margin:0 0 17px}
        .order-success .img-card-holder .logo-holder.logo-holder-inner{margin:0 0 8px;width:100%}
        .order-success .img-card-holder .logo-holder img{display:block;max-width:100%;height:20px;float:right;margin-right:-5px}
        .order-success .img-card-holder .logo-holder svg{display:block;max-width:100%;height:auto}
        .order-success .img-card-holder .fields-holder{border-radius:4px;background-color:rgba(0,0,0,.1);border:2px solid rgba(255,255,255,.1)}
        .order-success .img-card-holder .chip-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
        .order-success .card-info-holder .info .card-num{font-family:'Oxanium',Arial,sans-serif;font-size:1.14286em;line-height:1.5;letter-spacing:.9px;margin:0 0 10px}
        .order-success .card-info-holder .dot{margin:0;opacity:60%;height:8px;width:8px;background:#e0e0e0;border-radius:100%;display:inline-block;vertical-align:middle}
        .order-success .card-info-holder .slash{font-size:.92857em;line-height:1.46154}
        .order-success .card-info-holder .program{font-size:.85714em;line-height:1.5;color:#fff;font-weight:400;margin-top:7px}
        .order-success .card-info-holder .footer{width:100%;height:1%;display:table-footer-group}
        .order-success .card-info-holder .footer .name{font-family:'Oxanium',Arial,sans-serif;text-transform:uppercase;font-size:1em;line-height:1.5;color:#fff;font-weight:400}
        .order-success .card-info-holder .footer .card_img-holder{margin-top:2px;max-width:60px}
        .order-success .card-info-holder .footer .card_img-holder .svg-converter{display:block;max-width:100%;width:100%;height:auto;margin:0 auto}
        .ui-dialog .orderAdditional-card-dialog.ui-dialog-content.generic-dialog .title{color:#222;font-size:1.28571em;letter-spacing:0;line-height:1.4;text-align:center;margin:40px 0 10px}
        .orderAdditional-card-dialog p{color:#757575;font-size:15px;letter-spacing:.2px;line-height:1.8;text-align:center;margin-bottom:30px}
        .card-img-responsive{width:100%;height:auto}
        .label-slide label.top-auto-label{top:auto}
        .keypad-popup .keypad-row .btn-light{background-color:#f8f9fa}
        /* .mc-section .show-keypad .keypad-popup{top:50%!important;right:100%!important;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);border:solid 1px #f1f1f1;left:initial!important}
        .mc-section .show-keypad .keypad-popup::after,.mc-section .show-keypad .keypad-popup::before{right:-12px!important;border-width:10px 0 10px 12px!important;border-left-color:#fff!important}
        .mc-section .show-keypad .keypad-popup::after{border-left-color:#f1f1f1!important;border-width:12px 0 12px 12px!important}
        .mc-section .card-types-holder .card label.hover, .mc-section .card-types-holder .card label.focus { outline: dashed 1px; outline-offset: -4px; } */
        .ui-dialog .ui-dialog-content#blockActivateCardDialog { overflow-y: auto !important; max-height: calc(100vh - 30px) !important; }
        .ui-dialog .ui-dialog-content#blockActivateCardDialog .dialog-scroll-holder { padding-bottom: 20px; max-height: none; }
        .ui-dialog .ui-dialog-content.generic-dialog .btns { display: inline-block; vertical-align: top; }
        .ui-dialog .ui-dialog-content.generic-dialog .btns .btn { float: left; margin: 0 10px; }
        .ui-dialog .ui-dialog-content.generic-dialog .btns .btn + .btn { float: right; }
        @media (max-width:767px) and (orientation: landscape) {
                .ui-dialog .ui-dialog-content#blockActivateCardDialog .img-holder { margin: 0 auto 15px; }
                .ui-dialog .ui-dialog-content#blockActivateCardDialog .btns { margin: 15px auto 0 !important; }
                .ui-dialog .ui-dialog-content#blockActivateCardDialog .dialog-scroll-holder { padding-bottom: 0; }
        }
        @media (max-width:479px){
        .order-success .card-info-holder .footer .program{font-size:.85714em;line-height:1.25}
        .order-success .card-info-holder .footer .img-holder{max-width:40px}
        }
        .order-success .gen-block{display:inline-block;color:#fff;margin:0 0 10px}
        .order-success .gen-block.cvv,.vcard-public .gen-block.expiry{width:40%}
        .order-success .gen-block .title{display:block;font-size:.78571em;line-height:1.81818;letter-spacing:.88px}
        .order-success .gen-block .value{font-family:'Oxanium',Arial,sans-serif;display:block;font-size:.92857em;line-height:1.46154;font-weight:500;letter-spacing:.9px}
        .order-success .gen-block.expiry .dot:not(:last-child){margin:0 4px 0 0}
        .order-success .gen-block.cvv .dot:not(:last-child){margin:0 4px 0 0}
        .order-success .gen-block .slash{margin:0 3px 0 1px}
        .order-success .masked-data.expiryDate .dot{margin:0!important}
        .order-success .masked-data.expiryDate .slash{margin:0 0 0 1px!important}
        .order-success .masked-data.cvv .dot{margin:0!important}
        .btn-gen-grp{padding:30px;border-top:1px solid rgba(191,191,191,.25)}
        .btn-gen-grp .btn:not(:last-child){margin-right:15px}
        .btn-gen-grp .btn:only-child{margin-right:0}
        @media (max-width:768px){
        .btn-gen-grp .btn{width:100%}
        .btn-gen-grp .btn:not(:first-child){margin:15px 0 0}
        .btn-gen-grp .btn:only-child{margin:15px 0 0}
        .btn-gen-grp .float-left,.btn-gen-grp .float-right{float:none!important}
        }
        @media (max-width:1250px){
        .cl-item [class*=col-lg-]{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}
        .cl-credit .cl-item .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:5px 15px;position:static;width:100%;height:auto;background:#fafafa}
        }
        @media (max-width:992px){
        .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px 10px}
        .card .img-holder{margin:0 0 10px}
        .mc-section .box .actions{max-width:100%;width:50%}
        }
        @media (max-width:767px) and (min-width:580px){
        .mc-section .table-switcher .result-rang-holder{margin-left:10px}
        }
        @media (max-width:768px){
        .sec-header{display:block;height:auto}
        .sec-header .h2{float:none;width:100%;border-bottom:1px solid rgba(191,191,191,.25);padding: 25px 15px 25px 15px;}
        .sec-header .filters{float:none;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%}
        .sec-header .field.search,.sec-header .field.status{width:50%}
        .sec-header .form-control{width:100%}
        .sec-header .filters .form-control.ss-select{background: url(../../../../cstatic/8c353811-47e3-4ef4-8e53-87b4f4f76f89/arrow-down.svg) no-repeat 96% 53%/10px 10px;}
        .adc-container .col-12{margin-bottom:15px}
        .adc-container .col-12:last-child{margin-bottom:0}
        .cl-credit .cl-item:hover{-webkit-box-shadow:none;box-shadow:none}
        .cl-credit .actions li{margin-right:0}
        .cl-credit .cl-item:hover .actions{display:-webkit-box;display:-ms-flexbox;display:flex}
        .address-form .btns-holder .float-left,.address-form .btns-holder .float-right{float:none!important}
        .address-form .btns-holder .btn{margin:15px 0 0;width:100%}
        .shipping-review{padding:20px}
        .summary-table{margin-bottom:15px}
        .shipping-review .agreement{margin-bottom:5px}
        .shipping-review .btns-holder .float-left,.shipping-review .btns-holder .float-right{float:none!important}
        .shipping-review .btns-holder .btn{width:100%;margin:15px 0 0}
        .order-success{padding:50px 15px}
        .order-success .order-details .balance .heading,.order-success .order-details .balance .static-label{float:none;display:block;text-align:center}
        .order-success .btns .btn{width:100%}
        .order-success .btns .btn:not(:last-child){margin:0}
        .order-success .btns .btn:last-child{margin:15px 0 0}
        .no-records .circle{height:23rem;width:23rem}
        .mc-header .btn.btn-orange{width:100%;margin:15px 0 0}
        .order-success .btn{margin:0 0 20px}
        .summary-table .table-container{width:100%;overflow-x:auto}
        .summary-table .table-container .table{width:630px}
        }
        @media (max-width: 767px){
                .mc-section .card-holder .tag { position: static; display: inline-block; vertical-align: middle; }
                .mc-section .card-holder .card-num { display: inline-block; vertical-align: middle; margin: 0; }
                .mc-section .card-holder .last-trans { margin: 8px 0 0; }
                .mc-section .card-holder,
                .mc-section .card-holder .card-info { display: block; }
                .mc-section .card-holder .img-holder { float: none; margin: 0 0 10px; }
                .mc-section .box.box-hover ul.actions { animation: none; transition: none; }
                .mc-section .box .actions { display: block; background: none; box-shadow: none; border-width: 0; opacity: 1; position: static; padding: 10px 0 0; width: auto; max-width: none; height: auto; margin: 0; transition: none; }
                .mc-section .box .actions:after { content: ''; display: block; clear: both; }
                .mc-section .box .actions li { float: left; width: 50%; }
                .mc-section .box .actions > * ~ li { margin: 0; }
                .mc-section .box .actions > li > a { padding: 5px 0; display: inline-block; vertical-align: top; width: auto; }
                .card-types-holder .col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
        }
        @media (max-width:580px){
        .adc-container{padding:20px 15px}
        .mc-section .adc-container.prepaid{padding:20px 15px 0}
        .mc-section .adc-container .col-md-6.col-lg-6{margin-bottom:15px}
        .mc-section .table-switcher{padding:0 15px 20px}
        /*.mc-section .box .actions{max-width:100%;width:75%}*/
        .mc-section .box .actions li { float: left; width: 100%; }
        .sec-header .filters{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
        .sec-header .field.search{border-bottom:1px solid rgba(191,191,191,.25)}
        .sec-header .field.search,.sec-header .field.status{width:100%}
        .sec-header .filters .field {border-left:0;}
        .cl-credit .cl-item .actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
        .cl-credit .cl-item .actions li{padding:5px 0 0;margin:0 0 5px;width:100%}
        .cl-credit .cl-item .actions li:not(:first-child){border-top:1px solid rgba(191,191,191,.25)}
        .c-about .img-holder{top:15px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
        .c-about{padding:90px 15px 15px}
        .ship-method-col{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}
        .address-form{padding:15px}
        .c-personalize .header{padding:20px 15px}
        .c-personalize .head{margin:0 0 15px}
        .c-personalize .head .title{margin-bottom:5px}
        .c-personalize .head .fee,.c-personalize .head .title{display:block;float:none!important}
        .c-personalize .content{padding:15px}
        .pzn-submit{margin:10px 0 0}
        .pzn-submit .float-left,.pzn-submit .float-right{float:none!important}
        .pzn-submit .btn{width:100%;margin:15px 0 0}
        .order-success .summary{width:100%;position:static;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);text-align:center}
        .no-records .circle{height:270px;width:270px}
        .ui-dialog .ui-dialog-content.generic-dialog{padding:30px 15px!important}
        .ui-dialog .btns .btn{width:100%;margin:0!important}
        .ui-dialog .btns .btn:not(:last-child){margin:0 0 15px!important}
        .ui-dialog .ui-dialog-content.generic-dialog .btns {width: 100%;}
        }
        @media (max-width:420px){
        .mc-section .card-holder{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
        .mc-section .card-holder .img-holder{margin:0 0 15px}
        }
        @media (max-width:1200px){
        .card-input .img-holder{min-height:auto}
        }
        @media (max-width:360px){
        .card .img-holder{max-width:100%;max-height:100%;min-height:140px}
        .order-success{padding:20px 15px}
        .order-success .summary .col-space{margin-bottom:15px}
        .order-success .order-details{padding:15px 0}
        .order-success .summary{padding:0 15px}
        .order-success .summary .col-space{width:100%;float:none;text-align:left}
        .order-success .img-card-holder{margin:0 15px 15px}
        .order-success .card-info-holder .footer .name,.order-success .card-info-holder .info .card-num{font-size:13px}
        }
        
        span.mac-icon.icon-link { font-size: 8px; }
        span.mac-icon { margin-right: 8px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center;}
        .mac-actions .btn {display: flex;align-items: center;padding-left: 25px;padding-right: 25px;}
        span.mac-icon.icon-add { font-size: 18px; }
        .mac-btn { display: flex; align-items: flex-end; justify-content: flex-end; }
        .mac-btn a { margin-right: 20px; }
        .mac-btn a:last-child {margin: 0;}
        .mac-actions .mac-btn {}
        @media (max-width: 767px){
                .mac-actions .mac-btn { flex-direction: column; flex: auto; }
                .mac-actions .mac-btn a.btn {text-align: center;align-items: center;justify-content: center;}
        }
        .c-personalize #pznContentHolder #cardDesignForm .img-holder {margin-bottom: 15px;}
        .ui-dialog #tncdialog .tnc-dialog .slimScrollDiv, .ui-dialog #tncdialog .tnc-dialog .slimScrollDiv .dialog-scroll-holder {max-height: 50vh;}
        
/* KYC document upload style  */
.kyc-document-wrapper.identification-doc-container .doc-upper-nav .nav-item .nav-link.active,.doc-review-container .doc-upper-nav .nav-item .nav-link.active{color:#222;font-weight:500}
.kyc-document-wrapper.identification-doc-container .doc-upper-nav-holder,.doc-review-container .doc-upper-nav-holder{margin-bottom:50px;margin-left:-15px}
.kyc-document-wrapper.identification-doc-container .doc-upper-nav .nav-item .nav-link,.doc-review-container .doc-upper-nav .nav-item .nav-link{color:#757575;font-size:14px;line-height:25.18px;font-weight:400}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-header .title{color: #222; font-size: 14px; line-height: 20.56px; font-weight: 500; margin: 0;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-header .sec-title{color: #757575; font-size: 12px; line-height: 17.63px; font-weight: 400; display: block;margin-bottom: 16px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-header .sub-title{color: #757575; font-size: 12px; line-height: 17.63px; display: block; margin-bottom: 30px; font-weight: 400;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-header .sub-title strong{color: #444444;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder .title{color: #222; font-size: 14px; line-height: 20.56px; font-weight: 500; display: block;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder .sub-title{color: #757575; font-size: 12px; line-height: 17.63px; font-weight: 400; display: block;margin-bottom: 28px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-header .sub-title ul{list-style: disc;padding: 0 0 0 15px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-header .sub-title ol{padding: 0 0 0 15px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .left-nav-content-holder .title{color:#222222;font-size:14px;line-height:20px;font-weight:500;margin-bottom:18px;display:block}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav a{color:#282828;font-size:14px;line-height:21px;font-weight:400;min-height:56px;border:1px solid #D8DDE4;border-radius:4px;background-color:#FFF;padding:17px 22px;margin:8px 0 7px}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav a.active{font-weight:500}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder{padding:0 0 16px;}
.kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv,.kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame{height:auto !important;margin-right:10px}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav{padding:0 10px 0 0;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav fieldset{gap: 24px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav .documentTypeListRadio label {margin: 0 0 0 4px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .left-nav-content-holder{overflow:hidden;padding:24px;margin-bottom:70px;border: 1px solid #D8DDE4;border-radius: 4px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .browse-holder{min-height:195px;border:1px dashed #D8DDE4;border-radius:4px;background-color:rgba(233,237,242,0.3);text-align:center;padding:30px 10px;cursor:pointer;height:auto!important;display: flex;justify-content: center;align-content: center;flex-direction: column;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .browse-holder .ico{font-size:14px;color:#757575}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-upload-frame .slimScrollDiv{height:auto!important}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .browse-holder p{color:#222;font-size:12px;line-height:14px;margin:0;font-weight:400;margin-bottom:5px}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .browse-holder a{color:#E5A431}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .browse-holder .desc{color:#666;font-size:11px;letter-spacing:.17px;line-height:18px;display:block}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .file-active .browse-holder{border-color:#000}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .file-active .browse-holder .browse-text{outline:dotted 1px;outline-offset:2px}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-frame{text-align:center;min-height: 195px;position: relative;display: flex;justify-content: center;align-items: center;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder{min-height:195px;margin:20px 0;}
.customer-details .kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv,
.customer-details .kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame{height:auto!important;margin-right:10px}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .slick-arrow{border-radius:100%;height:38px;width:38px;background-color:#FFF;box-shadow:0 5px 15px 0 rgba(0,0,0,0.1)}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .slick-prev{z-index:9}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .img-holder{height:auto;display:flex;justify-content:center;align-items:center;margin-bottom:12px;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .img-holder img{height:auto;max-width:216px;display:block;margin:0 auto;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .slick-arrow:focus{outline:none}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn{border-radius:100%;background:#C64B31;width:36px;height:36px;display:inline-block}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn:hover,.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn:focus{background:#BB3C3C;outline-offset:2px;outline:dotted 1px #555}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .btn-holder{text-align:center;}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-holder .ico{display:inline-block;padding:10px;font-size:15px;color:#fff}
.kyc-document-wrapper.identification-doc-container .doc-holder > .btn-holder .btn,.doc-review-container .doc-review-holder > .btn-holder .btn{height:40px;min-width:130px;float:left;display:block;margin-right:8px}
.kyc-document-wrapper.identification-doc-container .doc-holder > .btn-holder,.doc-review-container .doc-review-holder > .btn-holder,.your-details-container .btn-holder{float:right;margin:20px}
.kyc-document-wrapper.identification-doc-container .dropzone{min-height:auto;border:none;background:none;padding:0}
.kyc-document-wrapper.identification-doc-container .dropzone .dz-message{display:none}

.kyc-document-wrapper.identification-doc-container .doc-upload-frame{position:relative;float: left; width: 44%;}
.kyc-document-wrapper.identification-doc-container .doc-upload-frame .browse-holder input[type~="file"]{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;opacity:0;z-index:10;cursor:pointer}

.kyc-document-wrapper.identification-doc-container .identification-tab-holder .browse-holder .browse-text{text-decoration:underline}
.kyc-document-wrapper.identification-doc-container .identification-tab-holder .left-nav-content-holder .alert.alert-danger{margin-top:15px}

.kyc-document-wrapper .slimScrollBar {display: none !important;}
.kyc-document-wrapper.identification-doc-container{margin-top: 16px;}


@media (max-width:992px) {
    .kyc-document-wrapper.identification-doc-container .identification-tab-holder,.doc-review-container .identification-tab-holder{padding:0}
    }

@media (max-width:1200px) {
    .kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-item-frame{padding:30px 20px 30px;}
    }

    @media (max-width:767px) {
   
        .kyc-document-wrapper.identification-doc-container .doc-upload-frame{width:100%}
        .kyc-document-wrapper.identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav{padding:0}
        .kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv,.kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame{height:auto!important}
        .kyc-document-wrapper.identification-doc-container .identification-tab-holder .left-nav-content-holder{margin-bottom:25px}
        .kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv,.kyc-document-wrapper.identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame{margin-right:0}
        .kyc-document-wrapper.identification-doc-container .doc-holder > .btn-holder, .doc-review-container .doc-review-holder > .btn-holder, .your-details-container .btn-holder{float:none;}
        .kyc-document-wrapper.identification-doc-container .identification-tab-holder,.doc-review-container .identification-tab-holder{padding:0}
        }
