This repository has been archived by the owner on Jul 17, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathbem-kit.min.css
5 lines (5 loc) · 35.9 KB
/
bem-kit.min.css
1
2
3
4
5
/*!
* bem-kit v0.0.4
* @author : Irfan Maulana
* https://github.com/mazipan/bem-kit
*/.button__menu,.pager,.tabs{margin:0;padding:0;list-style:none}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;font-size:62.5%;color:#000;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,:after,:before{box-sizing:inherit}body{font-size:1.3rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}a{color:#0096d9;text-decoration:none}a:focus,a:hover{text-decoration:underline}code,kbd,pre,samp{background-color:#f2f2f2;padding:.1em .5em;border-radius:.1em}blockquote{padding:10px;margin:0 0 20px;font-size:1.6rem;border-left:5px solid #eee}textarea{resize:none}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:' '}.clearfix:after{clear:both}.grid__row{*zoom:1;margin:0 auto;max-width:92.308em}.grid__row:after,.grid__row:before{display:table;content:' '}.grid__row:after{clear:both}.card--blue>.card__header,.card--gray>.card__header,.card--green>.card__header,.card--orange>.card__header,.card--red>.card__header,.card--white>.card__header,.form__group,.grid__flex{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}.grid__col-1{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-1{width:8.33333%}}.grid__col-m-1{float:left}@media only screen and (min-width:600px){.grid__col-m-1{width:8.33333%}}.grid__offset-1{margin-left:8.33333%}.grid__col-2{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-2{width:16.66667%}}.grid__col-m-2{float:left}@media only screen and (min-width:600px){.grid__col-m-2{width:16.66667%}}.grid__offset-2{margin-left:16.66667%}.grid__col-3{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-3{width:25%}}.grid__col-m-3{float:left}@media only screen and (min-width:600px){.grid__col-m-3{width:25%}}.grid__offset-3{margin-left:25%}.grid__col-4{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-4{width:33.33333%}}.grid__col-m-4{float:left}@media only screen and (min-width:600px){.grid__col-m-4{width:33.33333%}}.grid__offset-4{margin-left:33.33333%}.grid__col-5{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-5{width:41.66667%}}.grid__col-m-5{float:left}@media only screen and (min-width:600px){.grid__col-m-5{width:41.66667%}}.grid__offset-5{margin-left:41.66667%}.grid__col-6{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-6{width:50%}}.grid__col-m-6{float:left}@media only screen and (min-width:600px){.grid__col-m-6{width:50%}}.grid__offset-6{margin-left:50%}.grid__col-7{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-7{width:58.33333%}}.grid__col-m-7{float:left}@media only screen and (min-width:600px){.grid__col-m-7{width:58.33333%}}.grid__offset-7{margin-left:58.33333%}.grid__col-8{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-8{width:66.66667%}}.grid__col-m-8{float:left}@media only screen and (min-width:600px){.grid__col-m-8{width:66.66667%}}.grid__offset-8{margin-left:66.66667%}.grid__col-9{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-9{width:75%}}.grid__col-m-9{float:left}@media only screen and (min-width:600px){.grid__col-m-9{width:75%}}.grid__offset-9{margin-left:75%}.grid__col-10{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-10{width:83.33333%}}.grid__col-m-10{float:left}@media only screen and (min-width:600px){.grid__col-m-10{width:83.33333%}}.grid__offset-10{margin-left:83.33333%}.grid__col-11{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-11{width:91.66667%}}.grid__col-m-11{float:left}@media only screen and (min-width:600px){.grid__col-m-11{width:91.66667%}}.grid__offset-11{margin-left:91.66667%}.grid__col-12{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-12{width:100%}}.grid__col-m-12{float:left}@media only screen and (min-width:600px){.grid__col-m-12{width:100%}}.grid__offset-12{margin-left:100%}.button{display:inline-block;padding:13px 20px;outline:0;border:none;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button:active,.button:focus,.button:hover{text-decoration:none}.button--radius{border-radius:.25em}.button--green{background:#00b35e;color:#fff}.button--green:hover{background:#00e679;color:#fff}.button--red{background:#f8011e;color:#fff}.button--red:hover{background:#fe2e46;color:#fff}.button--blue{background:#0096d9;color:#fff}.button--blue:hover{background:#0db4ff;color:#fff}.button--orange{background:#f7931e;color:#fff}.button--orange:hover{background:#f9ab4f;color:#fff}.button--gray{background:#999;color:#000}.button--gray:hover{background:#ccc;color:#000}.button--white{background:#fff;color:#000}.button--white:hover{background:#fff;color:#000}.button-outline--green{border:1px solid #00b35e;background:0 0;color:#00b35e}.button-outline--green:hover{border:1px solid #00e679;color:#00e679}.button-outline--red{border:1px solid #f8011e;background:0 0;color:#f8011e}.button-outline--red:hover{border:1px solid #fe2e46;color:#fe2e46}.button-outline--blue{border:1px solid #0096d9;background:0 0;color:#0096d9}.button-outline--blue:hover{border:1px solid #0db4ff;color:#0db4ff}.button-outline--orange{border:1px solid #f7931e;background:0 0;color:#f7931e}.button-outline--orange:hover{border:1px solid #f9ab4f;color:#f9ab4f}.button-outline--gray{border:1px solid #999;background:0 0;color:#999}.button-outline--gray:hover{border:1px solid #ccc;color:#ccc}.button-outline--white{border:1px solid #fff;background:0 0;color:#fff}.button-outline--white:hover{border:1px solid #fff;color:#fff}.button--dropdown{padding:10px 12px 10px 0}.button--dropdown:after{content:'\25BE';font-size:2rem;position:relative;float:right;padding-left:1em;margin-top:-6px;height:0}.button__menu{display:none;position:absolute;z-index:2;min-width:160px;border:1px solid #ccc;background-color:#fff;margin-top:.8em;text-align:left}.button__menu li a{text-decoration:none;display:block;padding:7px 20px;clear:both;white-space:nowrap;color:#000;border-bottom:1px solid #ccc}.button__menu li a:hover{background-color:#ccc}.button__menu li:last-child a{border:0}.checkbox{position:absolute;left:-9999px}.checkbox+label{position:relative;display:inline-block;padding:6px 30px;cursor:pointer}.checkbox+label:before{position:absolute;top:4px;left:0;width:18px;height:18px;border:1px solid #ccc;border-radius:1px;background-color:#fff;content:''}.checkbox+label:after{position:absolute;color:#fff;content:'';border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transition:border .25s,background-color .25s;transition:border .25s,background-color .25s;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.checkbox:not(:checked)+label:after{width:0;height:0;top:6px;left:1px}.checkbox:checked+label:before{border-color:#000;background-color:#000}.checkbox:checked+label:after{width:8px;height:13px;top:6px;left:1px}.checkbox:disabled+label{color:#ccc}.checkbox:disabled+label:before{border-color:#ccc;background-color:#f2f2f2;box-shadow:none}.checkbox:disabled+label:after{display:none}.checkbox--blue:checked+label:before{border-color:#0096d9;background-color:#0096d9}.radio{position:absolute;left:-9999px}.radio+label{position:relative;display:inline-block;padding:2px 30px;cursor:pointer}.radio+label:after,.radio+label:before{position:absolute;top:0;content:'';-webkit-transition:all .2s;transition:all .2s}.radio+label:before{left:3px;width:12px;height:12px;margin-top:3px;border:1px solid #000;border-radius:50%;-webkit-transition:background-color .25s;transition:background-color .25s}.radio+label:after{left:0;width:18px;height:18px;border:1px solid #000;border-radius:50%}.radio:checked+label:before{background-color:#000}.radio:disabled+label{color:#ccc}.radio:disabled+label:before{border:1px solid #ccc}.radio:disabled+label:after{border:1px solid #ccc}.radio--blue+label:after,.radio--blue+label:before{border:1px solid #0096d9}.radio--blue:checked+label:before{background-color:#0096d9}.tabs__item{display:inline-block}.tabs__item a{position:relative;display:block;padding:1.3em;text-decoration:none}.tabs__item a:hover{background-color:#f2f2f2;text-decoration:none}.tabs__item--active{border-bottom:2px solid #0096d9}.tabs__item--active a{color:#000}.tabs__itemv{display:block;margin:.3em 0;max-width:200px}.tabs__itemv a{position:relative;display:block;padding:1.3em;background-color:#f2f2f2;text-decoration:none}.tabs__itemv a:hover{background-color:#ccc;text-decoration:none}.tabs__itemv--active{border-left:2px solid #0096d9;background-color:#ccc}.tabs__itemv--active a{background-color:#ccc;color:#000}.select,.textfield{padding:12px;margin:3px 0;width:100%;outline:0;border:1px solid #ccc;border-radius:0}.select ::-moz-placeholder,.textfield ::-moz-placeholder{opacity:1;color:#fff}.select :-ms-input-placeholder,.textfield :-ms-input-placeholder{color:#fff}.select ::-webkit-input-placeholder,.textfield ::-webkit-input-placeholder{color:#fff}.textfield__helper{color:#333;font-size:1.2rem;line-height:2}.textfield__error{color:#f8011e;font-size:1.2rem;line-height:2}.textfield--error{border:1px solid #f8011e}.textfield--large{padding:20px}.textfield--radius{border-radius:.25em}.textfield--radius-left{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.textfield--radius-right{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.textfield--shadow:focus{border-color:#51a7e8;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5)}.select,.textfield{padding:12px;margin:3px 0;width:100%;outline:0;border:1px solid #ccc;border-radius:0}.select ::-moz-placeholder,.textfield ::-moz-placeholder{opacity:1;color:#fff}.select :-ms-input-placeholder,.textfield :-ms-input-placeholder{color:#fff}.select ::-webkit-input-placeholder,.textfield ::-webkit-input-placeholder{color:#fff}.textfield__helper{color:#333;font-size:1.2rem;line-height:2}.textfield__error{color:#f8011e;font-size:1.2rem;line-height:2}.textfield--error{border:1px solid #f8011e}.textfield--large{padding:20px}.textfield--radius{border-radius:.25em}.textfield--radius-left{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.textfield--radius-right{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.textfield--shadow:focus{border-color:#51a7e8;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAAXNSR0IArs4c6QAAAJ1JREFUCB1jzMnJCWdkZBSdPHnyFAYk0NDQwPbmzZuVTExMk5iA4p7//v2bDFScC1OzatUqZqCC5f////cHyikwiYiIJAFNWgIUmARSCKQZDx48OAdIBwJNSZ8yZcp8RpBuoNFMQJ0LgRIxQO4hILYFKsgEOmEmSJ4ZRBw4cOC/l5fXxu/fvysDub5Ak3OAJswAyWEAkIm5ublu6BIADTRHW7YWzxEAAAAASUVORK5CYII=);background-position:right 7px center;background-repeat:no-repeat}.select--radius{border-radius:.25em}.select--shadow:focus{border-color:#51a7e8;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5)}.table{max-width:100%;width:100%;border:1px solid #ccc;border-spacing:0;border-collapse:collapse}.table__head th{padding:8px;border-right:1px solid #ccc;border-bottom:2px solid #ccc;text-align:left}.table__head th[sortable=true]{cursor:pointer}.table__body>tr>td{padding:8px;border-right:1px solid #ccc;text-align:left}.table__body>tr:nth-of-type(odd){background-color:#f2f2f2}.table__sort--asc:after{content:'\25BE';font-size:2rem;position:relative;float:right;margin-top:-7px;height:0}.table__sort--desc:after{content:'\25B4';font-size:2rem;position:relative;float:right;margin-top:-7px;height:0}.pager{font-size:1.4rem}.pager__page{text-decoration:none;position:relative;float:left;padding:8px 15px;margin-left:-5px;background-color:#fff;color:#0096d9;border:1px solid #ccc}.pager__page--active{text-decoration:none;color:#000;background-color:#ccc}.pager__page:focus{text-decoration:none}.pager__page:hover{text-decoration:none;color:#000;background-color:#ccc}.pager li{display:inline-block}.pager--radius li:first-child>a,.pager--radius li:first-child>span{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.pager--radius li:last-child>a,.pager--radius li:last-child>span{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.alert--blue .alert__close,.alert--gray .alert__close,.alert--green .alert__close,.alert--orange .alert__close,.alert--red .alert__close,.alert--white .alert__close{position:relative;top:-4px;right:-21px;padding:0 20px;float:right;font-size:1.6rem;cursor:pointer;text-decoration:none}.alert{padding:15px;margin-bottom:20px;background:0 0}.alert--radius{border-radius:.25em}.alert--green{border:1px dashed #00b35e;color:#00b35e}.alert--green .alert__close{color:#00b35e}.alert--green .alert__close:hover{text-decoration:none}.alert--red{border:1px dashed #f8011e;color:#f8011e}.alert--red .alert__close{color:#f8011e}.alert--red .alert__close:hover{text-decoration:none}.alert--blue{border:1px dashed #0096d9;color:#0096d9}.alert--blue .alert__close{color:#0096d9}.alert--blue .alert__close:hover{text-decoration:none}.alert--orange{border:1px dashed #f7931e;color:#f7931e}.alert--orange .alert__close{color:#f7931e}.alert--orange .alert__close:hover{text-decoration:none}.alert--gray{border:1px dashed #999;color:#999}.alert--gray .alert__close{color:#999}.alert--gray .alert__close:hover{text-decoration:none}.alert--white{border:1px dashed #fff;color:#fff}.alert--white .alert__close{color:#fff}.alert--white .alert__close:hover{text-decoration:none}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card--radius{border-radius:.25em}.card--green{border:1px solid #00b35e}.card--green>.card__header{padding:1em .5em;background-color:#00b35e;color:#fff}.card--red{border:1px solid #f8011e}.card--red>.card__header{padding:1em .5em;background-color:#f8011e;color:#fff}.card--blue{border:1px solid #0096d9}.card--blue>.card__header{padding:1em .5em;background-color:#0096d9;color:#fff}.card--orange{border:1px solid #f7931e}.card--orange>.card__header{padding:1em .5em;background-color:#f7931e;color:#fff}.card--gray{border:1px solid #999}.card--gray>.card__header{padding:1em .5em;background-color:#999;color:#000}.card--white{border:1px solid #fff}.card--white>.card__header{padding:1em .5em;background-color:#fff;color:#000}.card__title{font-size:1.6rem;font-weight:700}.card__tools>i{margin:0 .5em;cursor:pointer}.card__content{padding:1em .5em}.popover{position:relative;cursor:pointer}.popover__content{visibility:hidden;background-color:#1a1a1a;color:#fff;text-align:center;border-radius:6px;padding:1em;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.popover__content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1a1a1a transparent transparent transparent}.popover:hover .popover__content{visibility:visible;opacity:1}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal__header{padding:2px 16px}.modal__header--border{border-bottom:1px solid #999}.modal__header--blue{background-color:#0096d9;color:#fff}.modal__header--blue .modal__close{color:#fff}.modal__content{position:relative;background-color:#fff;margin:15% 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__body{padding:2px 16px}.modal__footer{padding:2px 16px}.modal__footer--border{border-top:1px solid #999}.modal__footer--blue{background-color:#0096d9;color:#fff}.modal__close{float:right;font-size:28px;font-weight:700;color:#999;cursor:pointer;text-decoration:none}.modal__close:focus,.modal__close:hover{text-decoration:none}@-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}}.form__wrapper{width:100%;padding:7px 0}.form__label{width:20%;min-width:100px}.form__label--required:after{content:'*';color:#f8011e}.form__icon{color:#000;background-color:#ccc;padding:13px}.form__icon--radius-left{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.form__icon--radius-right{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.label{padding:.1em .5em}.label--green{background:#00b35e;color:#fff}.label-outline--green{border:1px solid #00b35e;color:#00b35e}.label--red{background:#f8011e;color:#fff}.label-outline--red{border:1px solid #f8011e;color:#f8011e}.label--blue{background:#0096d9;color:#fff}.label-outline--blue{border:1px solid #0096d9;color:#0096d9}.label--orange{background:#f7931e;color:#fff}.label-outline--orange{border:1px solid #f7931e;color:#f7931e}.label--gray{background:#999;color:#000}.label-outline--gray{border:1px solid #999;color:#999}.label--white{background:#fff;color:#000}.label-outline--white{border:1px solid #fff;color:#fff}.label--radius{border-radius:2em}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:' '}.clearfix:after{clear:both}.grid__row{*zoom:1;margin:0 auto;max-width:92.308em}.grid__row:after,.grid__row:before{display:table;content:' '}.grid__row:after{clear:both}.card--blue>.card__header,.card--gray>.card__header,.card--green>.card__header,.card--orange>.card__header,.card--red>.card__header,.card--white>.card__header,.form__group,.grid__flex{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}.grid__col-1{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-1{width:8.33333%}}.grid__col-m-1{float:left}@media only screen and (min-width:600px){.grid__col-m-1{width:8.33333%}}.grid__offset-1{margin-left:8.33333%}.grid__col-2{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-2{width:16.66667%}}.grid__col-m-2{float:left}@media only screen and (min-width:600px){.grid__col-m-2{width:16.66667%}}.grid__offset-2{margin-left:16.66667%}.grid__col-3{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-3{width:25%}}.grid__col-m-3{float:left}@media only screen and (min-width:600px){.grid__col-m-3{width:25%}}.grid__offset-3{margin-left:25%}.grid__col-4{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-4{width:33.33333%}}.grid__col-m-4{float:left}@media only screen and (min-width:600px){.grid__col-m-4{width:33.33333%}}.grid__offset-4{margin-left:33.33333%}.grid__col-5{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-5{width:41.66667%}}.grid__col-m-5{float:left}@media only screen and (min-width:600px){.grid__col-m-5{width:41.66667%}}.grid__offset-5{margin-left:41.66667%}.grid__col-6{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-6{width:50%}}.grid__col-m-6{float:left}@media only screen and (min-width:600px){.grid__col-m-6{width:50%}}.grid__offset-6{margin-left:50%}.grid__col-7{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-7{width:58.33333%}}.grid__col-m-7{float:left}@media only screen and (min-width:600px){.grid__col-m-7{width:58.33333%}}.grid__offset-7{margin-left:58.33333%}.grid__col-8{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-8{width:66.66667%}}.grid__col-m-8{float:left}@media only screen and (min-width:600px){.grid__col-m-8{width:66.66667%}}.grid__offset-8{margin-left:66.66667%}.grid__col-9{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-9{width:75%}}.grid__col-m-9{float:left}@media only screen and (min-width:600px){.grid__col-m-9{width:75%}}.grid__offset-9{margin-left:75%}.grid__col-10{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-10{width:83.33333%}}.grid__col-m-10{float:left}@media only screen and (min-width:600px){.grid__col-m-10{width:83.33333%}}.grid__offset-10{margin-left:83.33333%}.grid__col-11{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-11{width:91.66667%}}.grid__col-m-11{float:left}@media only screen and (min-width:600px){.grid__col-m-11{width:91.66667%}}.grid__offset-11{margin-left:91.66667%}.grid__col-12{float:left;width:100%}@media only screen and (min-width:768px){.grid__col-12{width:100%}}.grid__col-m-12{float:left}@media only screen and (min-width:600px){.grid__col-m-12{width:100%}}.grid__offset-12{margin-left:100%}.button{display:inline-block;padding:13px 20px;outline:0;border:none;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button:active,.button:focus,.button:hover{text-decoration:none}.button--radius{border-radius:.25em}.button--green{background:#00b35e;color:#fff}.button--green:hover{background:#00e679;color:#fff}.button--red{background:#f8011e;color:#fff}.button--red:hover{background:#fe2e46;color:#fff}.button--blue{background:#0096d9;color:#fff}.button--blue:hover{background:#0db4ff;color:#fff}.button--orange{background:#f7931e;color:#fff}.button--orange:hover{background:#f9ab4f;color:#fff}.button--gray{background:#999;color:#000}.button--gray:hover{background:#ccc;color:#000}.button--white{background:#fff;color:#000}.button--white:hover{background:#fff;color:#000}.button-outline--green{border:1px solid #00b35e;background:0 0;color:#00b35e}.button-outline--green:hover{border:1px solid #00e679;color:#00e679}.button-outline--red{border:1px solid #f8011e;background:0 0;color:#f8011e}.button-outline--red:hover{border:1px solid #fe2e46;color:#fe2e46}.button-outline--blue{border:1px solid #0096d9;background:0 0;color:#0096d9}.button-outline--blue:hover{border:1px solid #0db4ff;color:#0db4ff}.button-outline--orange{border:1px solid #f7931e;background:0 0;color:#f7931e}.button-outline--orange:hover{border:1px solid #f9ab4f;color:#f9ab4f}.button-outline--gray{border:1px solid #999;background:0 0;color:#999}.button-outline--gray:hover{border:1px solid #ccc;color:#ccc}.button-outline--white{border:1px solid #fff;background:0 0;color:#fff}.button-outline--white:hover{border:1px solid #fff;color:#fff}.button--dropdown{padding:10px 12px 10px 0}.button--dropdown:after{content:'\25BE';font-size:2rem;position:relative;float:right;padding-left:1em;margin-top:-6px;height:0}.button__menu{display:none;position:absolute;z-index:2;min-width:160px;border:1px solid #ccc;background-color:#fff;margin-top:.8em;text-align:left}.button__menu li a{text-decoration:none;display:block;padding:7px 20px;clear:both;white-space:nowrap;color:#000;border-bottom:1px solid #ccc}.button__menu li a:hover{background-color:#ccc}.button__menu li:last-child a{border:0}.checkbox{position:absolute;left:-9999px}.checkbox+label{position:relative;display:inline-block;padding:6px 30px;cursor:pointer}.checkbox+label:before{position:absolute;top:4px;left:0;width:18px;height:18px;border:1px solid #ccc;border-radius:1px;background-color:#fff;content:''}.checkbox+label:after{position:absolute;color:#fff;content:'';border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transition:border .25s,background-color .25s;transition:border .25s,background-color .25s;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.checkbox:not(:checked)+label:after{width:0;height:0;top:6px;left:1px}.checkbox:checked+label:before{border-color:#000;background-color:#000}.checkbox:checked+label:after{width:8px;height:13px;top:6px;left:1px}.checkbox:disabled+label{color:#ccc}.checkbox:disabled+label:before{border-color:#ccc;background-color:#f2f2f2;box-shadow:none}.checkbox:disabled+label:after{display:none}.checkbox--blue:checked+label:before{border-color:#0096d9;background-color:#0096d9}.radio{position:absolute;left:-9999px}.radio+label{position:relative;display:inline-block;padding:2px 30px;cursor:pointer}.radio+label:after,.radio+label:before{position:absolute;top:0;content:'';-webkit-transition:all .2s;transition:all .2s}.radio+label:before{left:3px;width:12px;height:12px;margin-top:3px;border:1px solid #000;border-radius:50%;-webkit-transition:background-color .25s;transition:background-color .25s}.radio+label:after{left:0;width:18px;height:18px;border:1px solid #000;border-radius:50%}.radio:checked+label:before{background-color:#000}.radio:disabled+label{color:#ccc}.radio:disabled+label:before{border:1px solid #ccc}.radio:disabled+label:after{border:1px solid #ccc}.radio--blue+label:after,.radio--blue+label:before{border:1px solid #0096d9}.radio--blue:checked+label:before{background-color:#0096d9}.tabs__item{display:inline-block}.tabs__item a{position:relative;display:block;padding:1.3em;text-decoration:none}.tabs__item a:hover{background-color:#f2f2f2;text-decoration:none}.tabs__item--active{border-bottom:2px solid #0096d9}.tabs__item--active a{color:#000}.tabs__itemv{display:block;margin:.3em 0;max-width:200px}.tabs__itemv a{position:relative;display:block;padding:1.3em;background-color:#f2f2f2;text-decoration:none}.tabs__itemv a:hover{background-color:#ccc;text-decoration:none}.tabs__itemv--active{border-left:2px solid #0096d9;background-color:#ccc}.tabs__itemv--active a{background-color:#ccc;color:#000}.select,.textfield{padding:12px;margin:3px 0;width:100%;outline:0;border:1px solid #ccc;border-radius:0}.select ::-moz-placeholder,.textfield ::-moz-placeholder{opacity:1;color:#fff}.select :-ms-input-placeholder,.textfield :-ms-input-placeholder{color:#fff}.select ::-webkit-input-placeholder,.textfield ::-webkit-input-placeholder{color:#fff}.textfield__helper{color:#333;font-size:1.2rem;line-height:2}.textfield__error{color:#f8011e;font-size:1.2rem;line-height:2}.textfield--error{border:1px solid #f8011e}.textfield--large{padding:20px}.textfield--radius{border-radius:.25em}.textfield--radius-left{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.textfield--radius-right{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.textfield--shadow:focus{border-color:#51a7e8;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5)}.select,.textfield{padding:12px;margin:3px 0;width:100%;outline:0;border:1px solid #ccc;border-radius:0}.select ::-moz-placeholder,.textfield ::-moz-placeholder{opacity:1;color:#fff}.select :-ms-input-placeholder,.textfield :-ms-input-placeholder{color:#fff}.select ::-webkit-input-placeholder,.textfield ::-webkit-input-placeholder{color:#fff}.textfield__helper{color:#333;font-size:1.2rem;line-height:2}.textfield__error{color:#f8011e;font-size:1.2rem;line-height:2}.textfield--error{border:1px solid #f8011e}.textfield--large{padding:20px}.textfield--radius{border-radius:.25em}.textfield--radius-left{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.textfield--radius-right{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.textfield--shadow:focus{border-color:#51a7e8;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAAXNSR0IArs4c6QAAAJ1JREFUCB1jzMnJCWdkZBSdPHnyFAYk0NDQwPbmzZuVTExMk5iA4p7//v2bDFScC1OzatUqZqCC5f////cHyikwiYiIJAFNWgIUmARSCKQZDx48OAdIBwJNSZ8yZcp8RpBuoNFMQJ0LgRIxQO4hILYFKsgEOmEmSJ4ZRBw4cOC/l5fXxu/fvysDub5Ak3OAJswAyWEAkIm5ublu6BIADTRHW7YWzxEAAAAASUVORK5CYII=);background-position:right 7px center;background-repeat:no-repeat}.select--radius{border-radius:.25em}.select--shadow:focus{border-color:#51a7e8;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5)}.table{max-width:100%;width:100%;border:1px solid #ccc;border-spacing:0;border-collapse:collapse}.table__head th{padding:8px;border-right:1px solid #ccc;border-bottom:2px solid #ccc;text-align:left}.table__head th[sortable=true]{cursor:pointer}.table__body>tr>td{padding:8px;border-right:1px solid #ccc;text-align:left}.table__body>tr:nth-of-type(odd){background-color:#f2f2f2}.table__sort--asc:after{content:'\25BE';font-size:2rem;position:relative;float:right;margin-top:-7px;height:0}.table__sort--desc:after{content:'\25B4';font-size:2rem;position:relative;float:right;margin-top:-7px;height:0}.pager{font-size:1.4rem}.pager__page{text-decoration:none;position:relative;float:left;padding:8px 15px;margin-left:-5px;background-color:#fff;color:#0096d9;border:1px solid #ccc}.pager__page--active{text-decoration:none;color:#000;background-color:#ccc}.pager__page:focus{text-decoration:none}.pager__page:hover{text-decoration:none;color:#000;background-color:#ccc}.pager li{display:inline-block}.pager--radius li:first-child>a,.pager--radius li:first-child>span{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.pager--radius li:last-child>a,.pager--radius li:last-child>span{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.alert--blue .alert__close,.alert--gray .alert__close,.alert--green .alert__close,.alert--orange .alert__close,.alert--red .alert__close,.alert--white .alert__close{position:relative;top:-4px;right:-21px;padding:0 20px;float:right;font-size:1.6rem;cursor:pointer;text-decoration:none}.alert{padding:15px;margin-bottom:20px;background:0 0}.alert--radius{border-radius:.25em}.alert--green{border:1px dashed #00b35e;color:#00b35e}.alert--green .alert__close{color:#00b35e}.alert--green .alert__close:hover{text-decoration:none}.alert--red{border:1px dashed #f8011e;color:#f8011e}.alert--red .alert__close{color:#f8011e}.alert--red .alert__close:hover{text-decoration:none}.alert--blue{border:1px dashed #0096d9;color:#0096d9}.alert--blue .alert__close{color:#0096d9}.alert--blue .alert__close:hover{text-decoration:none}.alert--orange{border:1px dashed #f7931e;color:#f7931e}.alert--orange .alert__close{color:#f7931e}.alert--orange .alert__close:hover{text-decoration:none}.alert--gray{border:1px dashed #999;color:#999}.alert--gray .alert__close{color:#999}.alert--gray .alert__close:hover{text-decoration:none}.alert--white{border:1px dashed #fff;color:#fff}.alert--white .alert__close{color:#fff}.alert--white .alert__close:hover{text-decoration:none}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card--radius{border-radius:.25em}.card--green{border:1px solid #00b35e}.card--green>.card__header{padding:1em .5em;background-color:#00b35e;color:#fff}.card--red{border:1px solid #f8011e}.card--red>.card__header{padding:1em .5em;background-color:#f8011e;color:#fff}.card--blue{border:1px solid #0096d9}.card--blue>.card__header{padding:1em .5em;background-color:#0096d9;color:#fff}.card--orange{border:1px solid #f7931e}.card--orange>.card__header{padding:1em .5em;background-color:#f7931e;color:#fff}.card--gray{border:1px solid #999}.card--gray>.card__header{padding:1em .5em;background-color:#999;color:#000}.card--white{border:1px solid #fff}.card--white>.card__header{padding:1em .5em;background-color:#fff;color:#000}.card__title{font-size:1.6rem;font-weight:700}.card__tools>i{margin:0 .5em;cursor:pointer}.card__content{padding:1em .5em}.popover{position:relative;cursor:pointer}.popover__content{visibility:hidden;background-color:#1a1a1a;color:#fff;text-align:center;border-radius:6px;padding:1em;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.popover__content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1a1a1a transparent transparent transparent}.popover:hover .popover__content{visibility:visible;opacity:1}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal__header{padding:2px 16px}.modal__header--border{border-bottom:1px solid #999}.modal__header--blue{background-color:#0096d9;color:#fff}.modal__header--blue .modal__close{color:#fff}.modal__content{position:relative;background-color:#fff;margin:15% 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__body{padding:2px 16px}.modal__footer{padding:2px 16px}.modal__footer--border{border-top:1px solid #999}.modal__footer--blue{background-color:#0096d9;color:#fff}.modal__close{float:right;font-size:28px;font-weight:700;color:#999;cursor:pointer;text-decoration:none}.modal__close:focus,.modal__close:hover{text-decoration:none}@-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}}.form__wrapper{width:100%;padding:7px 0}.form__label{width:20%;min-width:100px}.form__label--required:after{content:'*';color:#f8011e}.form__icon{color:#000;background-color:#ccc;padding:13px}.form__icon--radius-left{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.form__icon--radius-right{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.label{padding:.1em .5em}.label--green{background:#00b35e;color:#fff}.label-outline--green{border:1px solid #00b35e;color:#00b35e}.label--red{background:#f8011e;color:#fff}.label-outline--red{border:1px solid #f8011e;color:#f8011e}.label--blue{background:#0096d9;color:#fff}.label-outline--blue{border:1px solid #0096d9;color:#0096d9}.label--orange{background:#f7931e;color:#fff}.label-outline--orange{border:1px solid #f7931e;color:#f7931e}.label--gray{background:#999;color:#000}.label-outline--gray{border:1px solid #999;color:#999}.label--white{background:#fff;color:#000}.label-outline--white{border:1px solid #fff;color:#fff}.label--radius{border-radius:2em}