cashbac-component
Version:
Front End depedencies for CB Merchant Webapp
1 lines • 36 kB
CSS
.form{font-family:Poppins}.form{height:auto;border-radius:4px;background-color:#fff;box-shadow:0 2px 5px 0 #c1c1c1}.form div,.form span{letter-spacing:.4px}@media screen and (max-width:480px){strong{line-height:25px}}.form__header{border-bottom:1px solid #f1f1f1;padding:15px 30px 30px 30px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:480px){.form__header{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.form__header div>h3.title{margin-top:10px;margin-bottom:10px}.form__header div>span.sub-title{font-size:12px;color:#c1c1c1}.form__footer{border-top:1px solid #f1f1f1;padding:15px 30px 30px 30px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.form__footer button:first-child{margin-right:20px}.form__body{padding:15px 30px 30px 30px}.column__one{width:100%;float:left;padding:10px}.column__two{width:50%;padding-right:15px}.column__three{width:33.33%;float:left;padding:10px}.column__four{width:25%}.column__five{width:20%}.column{float:left;width:50%;padding:10px}.column label{font-size:14px;font-weight:500}.text-vertical__title{margin-bottom:5px;color:#c1c1c1;font-size:13px}.text-vertical__content{font-weight:600;font-size:13px}.row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:15px}@media screen and (max-width:480px){.row{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.column--1>div.vertical{width:100%}.column--1>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--1>div.vertical{width:100%;margin-bottom:10px}}.column--1>div.horizontal{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--1>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--1>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--2>div.vertical{width:50%}.column--2>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--2>div.vertical{width:100%;margin-bottom:10px}}.column--2>div.horizontal{width:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--2>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--2>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--3>div.vertical{width:33.33333%}.column--3>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--3>div.vertical{width:100%;margin-bottom:10px}}.column--3>div.horizontal{width:33.33333%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--3>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--3>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--4>div.vertical{width:25%}.column--4>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--4>div.vertical{width:100%;margin-bottom:10px}}.column--4>div.horizontal{width:25%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--4>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--4>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--5>div.vertical{width:20%}.column--5>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--5>div.vertical{width:100%;margin-bottom:10px}}.column--5>div.horizontal{width:20%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--5>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--5>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--6>div.vertical{width:16.66667%}.column--6>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--6>div.vertical{width:100%;margin-bottom:10px}}.column--6>div.horizontal{width:16.66667%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--6>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--6>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--7>div.vertical{width:14.28571%}.column--7>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--7>div.vertical{width:100%;margin-bottom:10px}}.column--7>div.horizontal{width:14.28571%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--7>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--7>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--8>div.vertical{width:12.5%}.column--8>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--8>div.vertical{width:100%;margin-bottom:10px}}.column--8>div.horizontal{width:12.5%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--8>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--8>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--9>div.vertical{width:11.11111%}.column--9>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--9>div.vertical{width:100%;margin-bottom:10px}}.column--9>div.horizontal{width:11.11111%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--9>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--9>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--10>div.vertical{width:10%}.column--10>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--10>div.vertical{width:100%;margin-bottom:10px}}.column--10>div.horizontal{width:10%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--10>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--10>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--11>div.vertical{width:9.09091%}.column--11>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--11>div.vertical{width:100%;margin-bottom:10px}}.column--11>div.horizontal{width:9.09091%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--11>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--11>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--12>div.vertical{width:8.33333%}.column--12>div.vertical:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--12>div.vertical{width:100%;margin-bottom:10px}}.column--12>div.horizontal{width:8.33333%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.column--12>div.horizontal:not(:last-child){margin-right:30px}@media screen and (max-width:480px){.column--12>div.horizontal{width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}}.column--flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.form__label--horizontal{width:110px}.form__label--horizontal+div{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}@media screen and (max-width:480px){.form__label--horizontal{margin-bottom:10px}}.form__label--vertical{margin-bottom:10px}.form__label--vertical label{font-size:16px;font-weight:400}.form__group{margin-bottom:10px}.form__input--success .success__field{border:1px solid #26ade4}.form__input--error>.error__field{border:1px solid red}.form__input--error>.error__text{color:red;position:relative;top:5px;font-size:11px;display:block}.form__input--error>.error__text--hide{display:none}.list{box-shadow:0 2px 5px 0 #c1c1c1;padding:15px 20px 15px 20px}.list__header{padding-top:10px;padding-bottom:10px;margin-bottom:30px}.list__body{margin-bottom:10px}.list__body .time{margin-bottom:10px}@media screen and (max-width:480px){.list__body .time{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}}.list__body .list__item{font-size:12px;line-height:25px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:480px){.list__body .list__item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.list__body .list__item .icon{font-size:10px;cursor:pointer}.list__body .list__item .icon+span{margin-right:10px}.list__body .time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:480px){.list__body .time .day{margin-bottom:10px}}.list__body .time .day>span{margin-left:5px;font-size:12px}.list__body .time .hours{display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:480px){.list__body .time .hours{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.list__body .time .hours .hours__separator{margin-left:20px;margin-right:20px}.list__body .time .hours .hours__from .form__group label{font-weight:400;margin-bottom:5px}.list__body .time .hours .hours__from .form__group input[type=time]{padding:3px 10px 3px 10px}.list__body .time .hours .hours__to .form__group label{font-weight:400;margin-bottom:5px}.list__body .time .hours .hours__to .form__group input[type=time]{padding:3px 10px 3px 10px}.list__footer{font-size:12px}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-cashbac{position:fixed;border-radius:4px;display:none;box-shadow:1px 1px 1px #c1c1c1;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-cashbac__content{border-radius:4px;position:relative;background-color:#fefefe;margin:auto;padding:0;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.modal-cashbac__header{background:#202d3d;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:30px 30px 20px 30px}.modal-cashbac__header div{color:#fff}.modal-cashbac__header .text .sub-title{margin-top:8px;font-size:12px}.modal-cashbac__header .action{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal-cashbac__header .action:hover{cursor:pointer}.modal-cashbac__body{padding-bottom:30px}.modal-cashbac__body .tab{background:#ededed}.modal-cashbac__body .tab div{border:none;outline:0;cursor:pointer;padding:10px 4px;transition:border-bottom ease-in-out .1s;font-size:12px;color:#d1d1d1}.modal-cashbac__body .tab div:active{border-bottom:4px solid #26ade4;color:#26ade4}.modal-cashbac__body .tab div:hover{border-bottom:4px solid #26ade4;color:#26ade4}.modal-cashbac__body .fill{font-size:12px}.modal-cashbac__body .fill .list{box-shadow:none}.modal-cashbac__footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 30px 30px 30px;background:#ededed}.modal-cashbac__footer .left{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;font-size:12px}.modal-cashbac__footer .left span{color:#c1c1c1}.modal-cashbac__footer .right{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}@font-face{font-family:Poppins;src:url(../../assets/fonts/Poppins/Poppins.woff2) format("woff2"),url(../../assets/fonts/Poppins/Poppins.woff) format("woff")}*{-webkit-text-size-adjust:none;margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:not(input):not(textarea):not(button){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body,html{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;position:relative;line-height:20px;background-color:#f1f3f4;-webkit-overflow-scrolling:touch}.font-color--primary{color:#26ade4}.bg--primary{background-color:#26ade4}.border--primary{border-color:#26ade4}.font-color--primary-ext-1{color:#5a5a5a}.bg--primary-ext-1{background-color:#5a5a5a}.border--primary-ext-1{border-color:#5a5a5a}.font-color--secondary{color:#fff}.bg--secondary{background-color:#fff}.border--secondary{border-color:#fff}.font-color--secondary-ext-1{color:#f1f1f1}.bg--secondary-ext-1{background-color:#f1f1f1}.border--secondary-ext-1{border-color:#f1f1f1}.font-color--tertiary{color:#c1c1c1}.bg--tertiary{background-color:#c1c1c1}.border--tertiary{border-color:#c1c1c1}.font-color--tertiary-ext-1{color:#d1d1d1}.bg--tertiary-ext-1{background-color:#d1d1d1}.border--tertiary-ext-1{border-color:#d1d1d1}.font-color--tertiary-ext-2{color:#ededed}.bg--tertiary-ext-2{background-color:#ededed}.border--tertiary-ext-2{border-color:#ededed}.font-color--tertiary-ext-4{color:#202d3d}.bg--tertiary-ext-4{background-color:#202d3d}.border--tertiary-ext-4{border-color:#202d3d}.font-color--almond{color:#efdecd}.bg--almond{background-color:#efdecd}.border--almond{border-color:#efdecd}.font-color--bronze{color:#804a00}.bg--bronze{background-color:#804a00}.border--bronze{border-color:#804a00}.font-color--cream{color:#fffdd0}.bg--cream{background-color:#fffdd0}.border--cream{border-color:#fffdd0}.font-color--grey{color:#8c92ac}.bg--grey{background-color:#8c92ac}.border--grey{border-color:#8c92ac}.font-color--mint{color:#f5fffa}.bg--mint{background-color:#f5fffa}.border--mint{border-color:#f5fffa}.font-color--olive{color:olive}.bg--olive{background-color:olive}.border--olive{border-color:olive}.font-color--pink{color:#ff1493}.bg--pink{background-color:#ff1493}.border--pink{border-color:#ff1493}.font-color--tan{color:tan}.bg--tan{background-color:tan}.border--tan{border-color:tan}.font-color--yellow{color:#ffe135}.bg--yellow{background-color:#ffe135}.border--yellow{border-color:#ffe135}.font-color--beige{color:beige}.bg--beige{background-color:beige}.border--beige{border-color:beige}.font-color--brown{color:#930}.bg--brown{background-color:#930}.border--brown{border-color:#930}.font-color--fuchsia{color:#f0f}.bg--fuchsia{background-color:#f0f}.border--fuchsia{border-color:#f0f}.font-color--khaki{color:#bdb76b}.bg--khaki{background-color:#bdb76b}.border--khaki{border-color:#bdb76b}.font-color--orange{color:#f57c00}.bg--orange{background-color:#f57c00}.border--orange{border-color:#f57c00}.font-color--torquise{color:#00ced1}.bg--torquise{background-color:#00ced1}.border--torquise{border-color:#00ced1}.font-color--black{color:#000}.bg--black{background-color:#000}.border--black{border-color:#000}.font-color--camel{color:#c19a6b}.bg--camel{background-color:#c19a6b}.border--camel{border-color:#c19a6b}.font-color--gold{color:#c90}.bg--gold{background-color:#c90}.border--gold{border-color:#c90}.font-color--magenta{color:#8b008b}.bg--magenta{background-color:#8b008b}.border--magenta{border-color:#8b008b}.font-color--navy{color:navy}.bg--navy{background-color:navy}.border--navy{border-color:navy}.font-color--red{color:red}.bg--red{background-color:red}.border--red{border-color:red}.font-color--tosca{color:#2ed1a2}.bg--tosca{background-color:#2ed1a2}.border--tosca{border-color:#2ed1a2}.font-color--blue{color:#00f}.bg--blue{background-color:#00f}.border--blue{border-color:#00f}.font-color--coffee{color:#6f4e37}.bg--coffee{background-color:#6f4e37}.border--coffee{border-color:#6f4e37}.font-color--green{color:#006400}.bg--green{background-color:#006400}.border--green{border-color:#006400}.font-color--maroon{color:#c32148}.bg--maroon{background-color:#c32148}.border--maroon{border-color:#c32148}.font-color--peach{color:#ffcba4}.bg--peach{background-color:#ffcba4}.border--peach{border-color:#ffcba4}.font-color--silver{color:silver}.bg--silver{background-color:silver}.border--silver{border-color:silver}.font-color--white{color:#fff}.bg--white{background-color:#fff}.border--white{border-color:#fff}.font--helvetica-normal{font-family:Helvetica-Roman,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.font--helvetica-medium{font-family:Helvetica-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.font--helvetica-bold{font-family:Helvetica-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.font--lato-light{font-family:Lato-Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.font--lato-normal{font-family:Lato-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.font--lato-semibold{font-family:Lato-Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.font--lato-bold{font-family:Lato-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{display:block;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}body,html{height:100%;width:100%;margin:0 auto;overflow-y:scroll}.--disable-flex{display:block;-webkit-flex:none;-ms-flex:none;flex:none}a{color:#3c5a98;text-decoration:none;font-family:Lato-Regular}p{font-size:13px;text-decoration:none;font-family:Lato-Regular;color:#191919;line-height:1.4}.can-copy{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:auto}.can-copy *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:auto}button{-webkit-appearance:none;outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none}.text-right{text-align:right}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-left{text-align:left}.text-no-wrap{white-space:nowrap}.pull-left{float:left}.pull-right{float:right}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.text-elipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-elipsis-two-line{overflow:hidden;height:30px}.full-height{height:100%}.margin--small{margin:5px}.margin--small-v{margin-top:5px;margin-bottom:5px}.margin--small-h{margin-left:5px;margin-right:5px}.margin--small-t{margin-top:5px}.margin--small-b{margin-bottom:5px}.margin--small-l{margin-left:5px}.margin--small-r{margin-right:5px}.margin--normal{margin:10px}.margin--normal-v{margin-top:10px;margin-bottom:10px}.margin--normal-h{margin-left:10px;margin-right:10px}.margin--normal-t{margin-top:10px}.margin--normal-b{margin-bottom:10px}.margin--normal-l{margin-left:10px}.margin--normal-r{margin-right:10px}.margin--medium{margin:15px}.margin--medium-v{margin-top:15px;margin-bottom:15px}.margin--medium-h{margin-left:15px;margin-right:15px}.margin--medium-t{margin-top:15px}.margin--medium-b{margin-bottom:15px}.margin--medium-l{margin-left:15px}.margin--medium-r{margin-right:15px}.margin--large{margin:30px}.margin--large-v{margin-top:30px;margin-bottom:30px}.margin--large-h{margin-left:30px;margin-right:30px}.margin--large-t{margin-top:30px}.margin--large-b{margin-bottom:30px}.margin--large-l{margin-left:30px}.margin--large-r{margin-right:30px}.margin--none{margin:0}.margin--none-v{margin-top:0;margin-bottom:0}.margin--none-h{margin-left:0;margin-right:0}.margin--none-t{margin-top:0}.margin--none-b{margin-bottom:0}.margin--none-l{margin-left:0}.margin--none-r{margin-right:0}.no-margin-v{margin-top:0;margin-bottom:0}.no-margin-h{margin-left:0;margin-right:0}.no-margin-l{margin-left:0}.no-margin-r{margin-right:0}.no-margin-t{margin-top:0}.no-margin-b{margin-bottom:0}.padding--small{padding:5px}.padding--small-v{padding-top:5px;padding-bottom:5px}.padding--small-h{padding-left:5px;padding-right:5px}.padding--small-t{padding-top:5px}.padding--small-b{padding-bottom:5px}.padding--small-l{padding-left:5px}.padding--small-r{padding-right:5px}.padding--normal{padding:10px}.padding--normal-v{padding-top:10px;padding-bottom:10px}.padding--normal-h{padding-left:10px;padding-right:10px}.padding--normal-t{padding-top:10px}.padding--normal-b{padding-bottom:10px}.padding--normal-l{padding-left:10px}.padding--normal-r{padding-right:10px}.padding--medium{padding:15px}.padding--medium-v{padding-top:15px;padding-bottom:15px}.padding--medium-h{padding-left:15px;padding-right:15px}.padding--medium-t{padding-top:15px}.padding--medium-b{padding-bottom:15px}.padding--medium-l{padding-left:15px}.padding--medium-r{padding-right:15px}.padding--large{padding:30px}.padding--large-v{padding-top:30px;padding-bottom:30px}.padding--large-h{padding-left:30px;padding-right:30px}.padding--large-t{padding-top:30px}.padding--large-b{padding-bottom:30px}.padding--large-l{padding-left:30px}.padding--large-r{padding-right:30px}.padding--none{padding:0}.padding--none-v{padding-top:0;padding-bottom:0}.padding--none-h{padding-left:0;padding-right:0}.padding--none-t{padding-top:0}.padding--none-b{padding-bottom:0}.padding--none-l{padding-left:0}.padding--none-r{padding-right:0}.no-padding-v{padding-top:0;padding-bottom:0}.no-padding-h{padding-left:0;padding-right:0}.no-padding-l{padding-left:0}.no-padding-r{padding-right:0}.no-padding-t{padding-top:0}.no-padding-b{padding-bottom:0}.flex-column{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-middle{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-spaceBetween{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.text-line-through{text-decoration:line-through}.flex-shrink-unset{-webkit-flex-shrink:unset;-ms-flex-negative:unset;flex-shrink:unset}hr{border:none;height:1px;background:#d8d8d8}.thumbnail-small{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.thumbnail-small img{max-height:140px;width:auto}.horizontal-scroll{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.tab--around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.tab--between{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.tab{overflow:hidden;background-color:#fff;border:1px solid #f1f1f1;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:4px}.tab--pill--vertical{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tab--pill--vertical div{cursor:pointer;background-color:#fff;color:#26ade4;margin-right:-4px;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;padding-left:10px;transition:all ease-in-out .2s}.tab--pill--vertical div.active{background-color:#26ade4;color:#fff}.tab--pill--vertical div:hover{background:#26ade4;color:#fff}.tab--small div{padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;font-size:12px}.tab--medium div{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;font-size:14px}.tab--large div{padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;font-size:16px}.pill--small div{padding-top:5px;padding-bottom:5px;font-size:12px}.pill--medium div{padding-top:10px;padding-bottom:10px;font-size:14px}.pill--large div{padding-top:15px;padding-bottom:15px;font-size:16px}.tab--pill--horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.tab--pill--horizontal div{cursor:pointer;background-color:#fff;color:#26ade4;transition:all ease-in-out .5s;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center}.tab--pill--horizontal div:not(:first-child),.tab--pill--horizontal div:not(:last-child){border-style:solid;border-top-color:#26ade4;border-bottom-color:#26ade4;border-right-color:#26ade4;border-left:none;border-width:1px}.tab--pill--horizontal div.active{background-color:#26ade4;color:#fff}.tab--pill--horizontal div:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;border-style:solid;border-left-color:#26ade4;border-width:1px}.tab--pill--horizontal div:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-style:solid;border-top-color:#26ade4;border-bottom-color:#26ade4;border-right-color:#26ade4;border-left:none;border-width:1px}.tab--pill--horizontal div:hover{background:#26ade4;color:#fff}.tab div{cursor:pointer;transition:border-bottom ease-in-out .1s;color:#d1d1d1;padding-left:30px;padding-top:20px;border-bottom:4px solid transparent;font-size:12px}.tab div.active,.tab div:hover{border-bottom:4px solid #26ade4}.tabcontent{display:none;padding:10px 15px;border-top:none;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}img{opacity:1;transition:opacity .3s}img[data-src]{opacity:0}.thumbnail{border:1px solid #c1c1c1;border-radius:4px;padding:5px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;transition:box-shadow ease-in-out .1s}.thumbnail:hover{box-shadow:0 0 2px 1px #c1c1c1}.thumbnail .thumbnail__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 15px 20px 15px}@media screen and (max-width:480px){.thumbnail .thumbnail__header{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.thumbnail .thumbnail__header .photo-total{font-size:16px;font-weight:600;letter-spacing:.3px}@media screen and (max-width:480px){.thumbnail .thumbnail__header .photo-total{text-align:center;margin-bottom:10px}}.thumbnail .thumbnail__header .photo-total .number{color:#c1c1c1}.thumbnail .thumbnail__header .photo-action{font-size:16px;color:#26ade4;letter-spacing:.3px}@media screen and (max-width:480px){.thumbnail .thumbnail__header .photo-action{text-align:center}}.thumbnail .thumbnail__header .photo-action:hover{cursor:pointer}.thumbnail .thumbnail__header .photo-action>span{padding:5px 15px 5px 15px;margin-right:15px;transition:background ease-in-out .5s}.thumbnail .thumbnail__header .photo-action>span:hover{background:#c1c1c1}.thumbnail .thumbnail__body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:15px;padding-right:15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:480px){.thumbnail .thumbnail__body{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.thumbnail .thumbnail__body .image__item:nth-child(odd){margin-right:30px}.thumbnail .thumbnail__body .scroll-down{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;padding-top:15px;padding-bottom:15px;color:#26ade4;font-size:16px;letter-spacing:1px;line-height:30px}.thumbnail .thumbnail__body .scroll-down:hover{cursor:pointer}.thumbnail .thumbnail__body .image__item{position:relative;width:444px;margin-bottom:30px}@media screen and (max-width:480px){.thumbnail .thumbnail__body .image__item{width:100%}}.thumbnail .thumbnail__body .image__item .thumbnail{background:#fff;max-width:100px;height:auto;position:absolute;top:25px;left:19px;border-radius:4px;padding:5px}@media screen and (max-width:480px){.thumbnail .thumbnail__body .image__item .thumbnail{max-width:70px}}.thumbnail .thumbnail__body .image__item .thumbnail>img{padding-left:3px;padding-right:3px;padding-top:4px}.thumbnail .thumbnail__body .image__item .thumbnail:hover{cursor:pointer}.thumbnail .thumbnail__body .image__item .thumbnail .text{font-size:10px;text-align:center;margin-top:5px}.thumbnail .thumbnail__body .image__item .action{position:absolute;top:25px;right:19px}.thumbnail .thumbnail__footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:20px;padding-right:15px}.thumbnail .thumbnail__footer button:last-child{margin-left:20px}button{transition:all ease-in-out .5s}button:hover{cursor:pointer}.button--large{height:50px;width:191px;font-size:16px}.button--medium{height:40px;width:171px;font-size:14px}.button--small{height:30px;width:151px;font-size:14px}.button--primary{border:0;background-color:#26ade4;color:#fff;position:relative}.button--primary.button--spinner>*{display:none}.button--secondary{border:1px solid #c1c1c1;background-color:#fff;color:#c1c1c1}.button--rounded{border-radius:25px}.button--spinner:after{content:'';width:30px;height:30px;opacity:.8;border:2px solid #fff;border-top:3px solid #fff;border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.switch{position:relative;display:inline-block;width:125px;height:34px;margin-top:10px}.switch input{display:none}.slider{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f5c74b;transition:.4s}.slider .idle{color:#fff;position:absolute;font-size:16px;right:0;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:12px}.slider .active{color:#fff;position:absolute;font-size:16px;margin-left:12px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.slider:before{position:absolute;content:"";height:26px;width:26px;left:9px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:checked+.slider>.idle{display:none}input:checked+.slider>.active{display:block}input:checked+.slider:before{left:63px;left:63px}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.checkbox-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container .text{font-size:14px;margin-top:3px;font-weight:400;letter-spacing:.8px}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-container .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;top:9px;left:9px;width:8px;height:8px;background:#fff}.checkbox-container:hover input[type=checkbox]~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:#2196f3}.checkbox-container input:checked~.checkmark:after{display:block}.radio-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-container .text{font-size:11px;margin-top:3px}.radio-container input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-container .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.radio-container .checkmark:after{content:"";position:absolute;display:none;top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.radio-container:hover input[type=radio]~.checkmark{background-color:#ccc}.radio-container input:checked~.checkmark{background-color:#2196f3}.radio-container input:checked~.checkmark:after{display:block}.form__input input[type=date],.form__input input[type=email],.form__input input[type=number],.form__input input[type=password],.form__input input[type=text],.form__input input[type=time],.form__input select,.form__input textarea{height:40px;border:1px solid #ddd;background-color:rgba(255,255,255,.87);width:100%;border-radius:3px;padding-left:10px;outline:0;font-size:14px}.form__input input[type=date]:hover,.form__input input[type=email]:hover,.form__input input[type=number]:hover,.form__input input[type=password]:hover,.form__input input[type=text]:hover,.form__input input[type=time]:hover,.form__input select:hover,.form__input textarea:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.12)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],input[type=time],select,textarea{height:40px;border:1px solid #ddd;background-color:rgba(255,255,255,.87);width:100%;border-radius:3px;padding-left:10px;outline:0;font-size:14px}input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=text]:hover,input[type=time]:hover,select:hover,textarea:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.12)}textarea{height:100%;padding-top:10px;padding-right:10px;padding-bottom:10px}