@morph-ui/core
Version:
Morph es un sistema de diseño web hecho en CSS que permite desarrollar componentes para Interfaces Gráficas de Usuario en la Web. Asi mismo, permite hacerlo sin depender de ningun framework de forma exclusiva en JS.
1 lines • 35.8 kB
CSS
.red-text{color:#f44336}.blue-text,.header .option.selected,.header .option.selected a,.header a.option,.header a.option.selected,.header ul.menu li.selected,.header ul.menu li.selected a,.header ul.menu li a.selected,header .option.selected,header .option.selected a,header a.option,header a.option.selected,header ul.menu li.selected,header ul.menu li.selected a,header ul.menu li a.selected{color:#2196f3}.header.blue .option.selected,.header.blue .option.selected a,.header.blue a.option.selected,.header.blue ul.menu li.selected,.header.blue ul.menu li.selected a,.header.blue ul.menu li a.selected,.yellow-text,header.blue .option.selected,header.blue .option.selected a,header.blue a.option.selected,header.blue ul.menu li.selected,header.blue ul.menu li.selected a,header.blue ul.menu li a.selected{color:#fec007}.green-text{color:#49a84c}.card .header .info .meta,.card header .info .meta,.gray-text,.header.black .option a,.header.black a.option,.header.black ul.menu li a,.header.gray a.option,.header.gray ul.menu li a,header.black .option a,header.black a.option,header.black ul.menu li a,header.gray a.option,header.gray ul.menu li a{color:#96958d}.header.black .option.selected,.header.black .option.selected a,.header.black a.option.selected,.header.black ul.menu li.selected,.header.black ul.menu li.selected a,.header.black ul.menu li a.selected,.header.blue .option a,.header.blue a.option,.header.blue ul.menu li a,.header.green .option.selected,.header.green .option.selected a,.header.green a.option.selected,.header.green ul.menu li.selected,.header.green ul.menu li.selected a,.header.green ul.menu li a.selected,.header.red .option.selected,.header.red .option.selected a,.header.red a.option.selected,.header.red ul.menu li.selected,.header.red ul.menu li.selected a,.header.red ul.menu li a.selected,.header.yellow .option.selected,.header.yellow .option.selected a,.header.yellow a.option.selected,.header.yellow ul.menu li.selected,.header.yellow ul.menu li.selected a,.header.yellow ul.menu li a.selected,.header a.brand,.white-text,header.black .option.selected,header.black .option.selected a,header.black a.option.selected,header.black ul.menu li.selected,header.black ul.menu li.selected a,header.black ul.menu li a.selected,header.blue .option a,header.blue a.option,header.blue ul.menu li a,header.green .option.selected,header.green .option.selected a,header.green a.option.selected,header.green ul.menu li.selected,header.green ul.menu li.selected a,header.green ul.menu li a.selected,header.red .option.selected,header.red .option.selected a,header.red a.option.selected,header.red ul.menu li.selected,header.red ul.menu li.selected a,header.red ul.menu li a.selected,header.yellow .option.selected,header.yellow .option.selected a,header.yellow a.option.selected,header.yellow ul.menu li.selected,header.yellow ul.menu li.selected a,header.yellow ul.menu li a.selected,header a.brand{color:#fff}.black-text,.header.gray .option.selected,.header.gray .option.selected a,.header.gray a.option.selected,.header.gray ul.menu li.selected,.header.gray ul.menu li.selected a,.header.gray ul.menu li a.selected,.header.green .option a,.header.green a.option,.header.green ul.menu li a,.header .option,.header .option a,.header.red .option a,.header.red a.option,.header.red ul.menu li a,.header.yellow .option a,.header.yellow a.option,.header.yellow ul.menu li a,.header a.option,.header a.option a,.header ul.menu li a,header.gray .option.selected,header.gray .option.selected a,header.gray a.option.selected,header.gray ul.menu li.selected,header.gray ul.menu li.selected a,header.gray ul.menu li a.selected,header.green .option a,header.green a.option,header.green ul.menu li a,header .option,header .option a,header.red .option a,header.red a.option,header.red ul.menu li a,header.yellow .option a,header.yellow a.option,header.yellow ul.menu li a,header a.option,header a.option a,header ul.menu li a,nav a{color:#000}.button,.card,.header,.header ul.menu,.white-color,button,header,header ul.menu,nav{background:#fff;color:#000;border:1px solid #9f9f9f}.button.red,.header.red,.header.red ul.menu,.red-color,button.red,header.red,header.red ul.menu{background:#f44336;color:#fff;border:1px solid #79211b}.black-color,.button.black,.header.black,.header.black ul.menu,button.black,header.black,header.black ul.menu{background:#000;color:#fff;border:1px solid #333}.blue-color,.button.blue,.header.blue,.header.blue ul.menu,button.blue,header.blue,header.blue ul.menu{background:#2196f3;color:#fff;border:1px solid #1976d2}.blue-dark-color,.button.blue.dark,button.blue.dark{background:#4267b2;color:#fff;border:1px solid #1976d2}.button.yellow,.header.yellow,.header.yellow ul.menu,.yellow-color,button.yellow,header.yellow,header.yellow ul.menu{background:#fec007;color:#000;border:1px solid #9e790a}.button.green,.green-color,.header.green,.header.green ul.menu,button.green,header.green,header.green ul.menu{background:#49a84c;color:#fff;border:1px solid #296b2c}.gray-color,.header.gray,.input-box label,header.gray{background:#d2d2d2;color:#96958d;border:1px solid #a5a5a5}.grafite-color{background:#3e3e3e;color:#fff;border:1px solid #3e3e3e}.button,.header .option,.header a.option,.header ul.menu,.header ul.menu li,.transform,button,header .option,header a.option,header ul.menu,header ul.menu li,input,nav a,table tbody tr,table tbody tr td{transition:all .4s ease-out}.button:hover,.shadow,button:hover{box-shadow:0 2px 6px 0 #666}@media (max-width:1000px){.header.media .action,header.media .action{display:block}.header.media .option,header.media .option{display:none}.header.media ul.menu.show,header.media ul.menu.show{display:block}.header.media .menu.hide,.header.media ul.menu,header.media .menu.hide,header.media ul.menu{display:none}.card .content .media iframe{height:300px}}@media (min-width:1000px){.header.media .action,header.media .action{display:none}.header.media .option,header.media .option{display:block}.header.media .menu,header.media .menu{display:none}.card .content .media iframe{height:450px}}.text-center,table tbody tr td.center,table thead tr th.center{text-align:center}.text-right,table tbody tr td.right,table thead tr th.right{text-align:right}.text-left,table tbody tr td.left,table thead tr th.left{text-align:left}.padding-1{padding:1px}.padding-2{padding:2px}.padding-3{padding:3px}.padding-4{padding:4px}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-25{padding:25px}.padding-30{padding:30px}.padding-35{padding:35px}.padding-40{padding:40px}.padding-45{padding:45px}.padding-50{padding:50px}.padding-55{padding:55px}.padding-60{padding:60px}.padding-65{padding:65px}.padding-70{padding:70px}.padding-clear{padding:0}.padding-left-1{padding-left:1px}.padding-left-2{padding-left:2px}.padding-left-3{padding-left:3px}.padding-left-4{padding-left:4px}.padding-left-5{padding-left:5px}.padding-left-10{padding-left:10px}.padding-left-15{padding-left:15px}.padding-left-20{padding-left:20px}.padding-left-25{padding-left:25px}.padding-left-30{padding-left:30px}.padding-left-35{padding-left:35px}.padding-left-40{padding-left:40px}.padding-left-45{padding-left:45px}.padding-left-50{padding-left:50px}.padding-left-55{padding-left:55px}.padding-left-60{padding-left:60px}.padding-left-65{padding-left:65px}.padding-left-70{padding-left:70px}.padding-left-clear{padding-left:0}.padding-right-1{padding-right:1px}.padding-right-2{padding-right:2px}.padding-right-3{padding-right:3px}.padding-right-4{padding-right:4px}.padding-right-5{padding-right:5px}.padding-right-10{padding-right:10px}.padding-right-15{padding-right:15px}.padding-right-20{padding-right:20px}.padding-right-25{padding-right:25px}.padding-right-30{padding-right:30px}.padding-right-35{padding-right:35px}.padding-right-40{padding-right:40px}.padding-right-45{padding-right:45px}.padding-right-50{padding-right:50px}.padding-right-55{padding-right:55px}.padding-right-60{padding-right:60px}.padding-right-65{padding-right:65px}.padding-right-70{padding-right:70px}.padding-right-clear{padding-right:0}.padding-top-1{padding-top:1px}.padding-top-2{padding-top:2px}.padding-top-3{padding-top:3px}.padding-top-4{padding-top:4px}.padding-top-5{padding-top:5px}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-25{padding-top:25px}.padding-top-30{padding-top:30px}.padding-top-35{padding-top:35px}.padding-top-40{padding-top:40px}.padding-top-45{padding-top:45px}.padding-top-50{padding-top:50px}.padding-top-55{padding-top:55px}.padding-top-60{padding-top:60px}.padding-top-65{padding-top:65px}.padding-top-70{padding-top:70px}.padding-top-clear{padding-top:0}.padding-bottom-1{padding-bottom:1px}.padding-bottom-2{padding-bottom:2px}.padding-bottom-3{padding-bottom:3px}.padding-bottom-4{padding-bottom:4px}.padding-bottom-5{padding-bottom:5px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-15{padding-bottom:15px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-25{padding-bottom:25px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-35{padding-bottom:35px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-45{padding-bottom:45px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-55{padding-bottom:55px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-65{padding-bottom:65px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-clear{padding-bottom:0}.margin-1{margin:1px}.margin-2{margin:2px}.margin-3{margin:3px}.margin-4{margin:4px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-25{margin:25px}.margin-30{margin:30px}.margin-35{margin:35px}.margin-40{margin:40px}.margin-45{margin:45px}.margin-50{margin:50px}.margin-55{margin:55px}.margin-60{margin:60px}.margin-65{margin:65px}.margin-70{margin:70px}.margin-clear{margin:0}.margin-left-1{margin-left:1px}.margin-left-2{margin-left:2px}.margin-left-3{margin-left:3px}.margin-left-4{margin-left:4px}.margin-left-5{margin-left:5px}.margin-left-10{margin-left:10px}.margin-left-15{margin-left:15px}.margin-left-20{margin-left:20px}.margin-left-25{margin-left:25px}.margin-left-30{margin-left:30px}.margin-left-35{margin-left:35px}.margin-left-40{margin-left:40px}.margin-left-45{margin-left:45px}.margin-left-50{margin-left:50px}.margin-left-55{margin-left:55px}.margin-left-60{margin-left:60px}.margin-left-65{margin-left:65px}.margin-left-70{margin-left:70px}.margin-left-clear{margin-left:0}.margin-right-1{margin-right:1px}.margin-right-2{margin-right:2px}.margin-right-3{margin-right:3px}.margin-right-4{margin-right:4px}.margin-right-5{margin-right:5px}.margin-right-10{margin-right:10px}.margin-right-15{margin-right:15px}.margin-right-20{margin-right:20px}.margin-right-25{margin-right:25px}.margin-right-30{margin-right:30px}.margin-right-35{margin-right:35px}.margin-right-40{margin-right:40px}.margin-right-45{margin-right:45px}.margin-right-50{margin-right:50px}.margin-right-55{margin-right:55px}.margin-right-60{margin-right:60px}.margin-right-65{margin-right:65px}.margin-right-70{margin-right:70px}.margin-right-clear{margin-right:0}.margin-top-1{margin-top:1px}.margin-top-2{margin-top:2px}.margin-top-3{margin-top:3px}.margin-top-4{margin-top:4px}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-55{margin-top:55px}.margin-top-60{margin-top:60px}.margin-top-65{margin-top:65px}.margin-top-70{margin-top:70px}.margin-top-clear{margin-top:0}.margin-bottom-1{margin-bottom:1px}.margin-bottom-2{margin-bottom:2px}.margin-bottom-3{margin-bottom:3px}.margin-bottom-4{margin-bottom:4px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-45{margin-bottom:45px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-55{margin-bottom:55px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-65{margin-bottom:65px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-clear{margin-bottom:0}.font-11{font-size:11px}.font-12{font-size:12px}.font-13{font-size:13px}.font-14{font-size:14px}.font-15{font-size:15px}.font-16{font-size:16px}.font-17{font-size:17px}.font-18{font-size:18px}.font-19{font-size:19px}.font-20{font-size:20px}.font-21{font-size:21px}.font-22{font-size:22px}.font-23{font-size:23px}.font-24{font-size:24px}.font-25{font-size:25px}a.button{text-decoration:none}a.button:hover{text-decoration:underline}.button,button{padding:10px;margin:5px;font-size:12px;outline-style:none;cursor:pointer}.button:focus,button:focus{background:#e1e1e1}.button.red:focus,button.red:focus{background:#d32f2f}.button.black:focus,button.black:focus{background:#444}.button.blue:focus,button.blue:focus{background:#1976d2}.button.blue.dark:focus,button.blue.dark:focus{background:#305299}.button.yellow:focus,button.yellow:focus{background:#daa507}.button.green:focus,button.green:focus{background:#419243}.button .icon,button .icon{padding-right:8px;padding-left:8px;margin-right:6px}.button.circle,button.circle{border-radius:50%;height:40px;width:40px}.button.circle .icon,button.circle .icon{margin:0}.button.square,button.square{height:40px;width:40px}.button.square .icon,button.square .icon{margin:0}.button.rounded,button.rounded{border-radius:20px;padding-left:15px;padding-right:15px}.button.rounded .icon,button.rounded .icon{margin-right:10px}.button .diamond,button .diamond{width:0;height:0;border:50px solid transparent;border-bottom-color:red;position:relative;top:-50px}.button .diamond:after,button .diamond:after{content:"";position:absolute;left:-50px;top:50px;width:0;height:0;border:50px solid transparent;border-top-color:red}button[disabled]{opacity:.4}button[disabled]:hover{box-shadow:0 0 0 0;cursor:not-allowed}.icon{background-size:16px 16px}.icon.account_box_black{background:url(icons/account_box_black.svg) no-repeat 50%}.icon.account_box_white{background:url(icons/account_box_white.svg) no-repeat 50%}.icon.account_circle_black{background:url(icons/account_circle_black.svg) no-repeat 50%}.icon.account_circle_white{background:url(icons/account_circle_white.svg) no-repeat 50%}.icon.add_black{background:url(icons/add_black.svg) no-repeat 50%}.icon.add_white{background:url(icons/add_white.svg) no-repeat 50%}.icon.arrow_forward_black{background:url(icons/arrow_forward_black.svg) no-repeat 50%}.icon.arrow_forward_white{background:url(icons/arrow_forward_white.svg) no-repeat 50%}.icon.chat_black{background:url(icons/chat_black.svg) no-repeat 50%}.icon.chat_white{background:url(icons/chat_white.svg) no-repeat 50%}.icon.clear_black{background:url(icons/clear_black.svg) no-repeat 50%}.icon.clear_white{background:url(icons/clear_white.svg) no-repeat 50%}.icon.content_copy_black{background:url(icons/content_copy_black.svg) no-repeat 50%}.icon.content_copy_white{background:url(icons/content_copy_white.svg) no-repeat 50%}.icon.content_cut_black{background:url(icons/content_cut_black.svg) no-repeat 50%}.icon.content_cut_white{background:url(icons/content_cut_white.svg) no-repeat 50%}.icon.create_black{background:url(icons/create_black.svg) no-repeat 50%}.icon.create_white{background:url(icons/create_white.svg) no-repeat 50%}.icon.done_white{background:url(icons/done_white.svg) no-repeat 50%}.icon.done_black{background:url(icons/done_black.svg) no-repeat 50%}.icon.error_black{background:url(icons/error_black.svg) no-repeat 50%}.icon.error_white{background:url(icons/error_white.svg) no-repeat 50%}.icon.error_outline_black{background:url(icons/error_outline_black.svg) no-repeat 50%}.icon.error_outline_white{background:url(icons/error_outline_white.svg) no-repeat 50%}.icon.face_black{background:url(icons/face_black.svg) no-repeat 50%}.icon.face_white{background:url(icons/face_white.svg) no-repeat 50%}.icon.favorite_black{background:url(icons/favorite_black.svg) no-repeat 50%}.icon.favorite_white{background:url(icons/favorite_white.svg) no-repeat 50%}.icon.favorite_border_black{background:url(icons/favorite_border_black.svg) no-repeat 50%}.icon.favorite_border_white{background:url(icons/favorite_border_white.svg) no-repeat 50%}.icon.file_download_black{background:url(icons/file_download_black.svg) no-repeat 50%}.icon.file_download_white{background:url(icons/file_download_white.svg) no-repeat 50%}.icon.file_upload_black{background:url(icons/file_upload_black.svg) no-repeat 50%}.icon.file_upload_white{background:url(icons/file_upload_white.svg) no-repeat 50%}.icon.menu_black{background:url(icons/menu_black.svg) no-repeat 50%}.icon.menu_white{background:url(icons/menu_white.svg) no-repeat 50%}.icon.more_horiz_black{background:url(icons/more_horiz_black.svg) no-repeat 50%}.icon.more_horiz_white{background:url(icons/more_horiz_white.svg) no-repeat 50%}.icon.more_vert_black{background:url(icons/more_vert_black.svg) no-repeat 50%}.icon.more_vert_white{background:url(icons/more_vert_white.svg) no-repeat 50%}.icon.refresh_black{background:url(icons/refresh_black.svg) no-repeat 50%}.icon.refresh_white{background:url(icons/refresh_white.svg) no-repeat 50%}.icon.search_black{background:url(icons/search_black.svg) no-repeat 50%}.icon.search_white{background:url(icons/search_white.svg) no-repeat 50%}.icon.share_black{background:url(icons/share_black.svg) no-repeat 50%}.icon.share_white{background:url(icons/share_white.svg) no-repeat 50%}.icon.turned_in_not_black{background:url(icons/turned_in_not_black.svg) no-repeat 50%}.icon.turned_in_not_white{background:url(icons/turned_in_not_white.svg) no-repeat 50%}.icon.visibility_black{background:url(icons/visibility_black.svg) no-repeat 50%}.icon.visibility_white{background:url(icons/visibility_white.svg) no-repeat 50%}.icon.visibility_off_black{background:url(icons/visibility_off_black.svg) no-repeat 50%}.icon.visibility_off_white{background:url(icons/visibility_off_white.svg) no-repeat 50%}.icon.warning_black{background:url(icons/warning_black.svg) no-repeat 50%}.icon.warning_white{background:url(icons/warning_white.svg) no-repeat 50%}input,label{color:#000}input{outline-style:none;font-size:16px;width:100%;height:30px;background:#fff;border:1px solid #a5a5a5;margin-top:2px;margin-bottom:15px;padding-left:5px}input:focus{border-bottom:2px solid #a5a5a5;background:#fafafa}input::placeholder{color:#a5a5a5}input.red:focus{border-bottom:2px solid #f44336;background:#fbefef}input.black:focus{border-bottom:2px solid #000;background:#f2f2f2}input.blue:focus{border-bottom:2px solid #2196f3;background:#eff5fb}input.yellow:focus{border-bottom:2px solid #fec007;background:#fffde7}input.green:focus{border-bottom:2px solid #49a84c;background:#fbf5ef}.input-box{display:table}.input-box.center{margin:0 auto}.input-box.large label{height:38px;font-size:20px;padding:12px 12px 0 14px}.input-box.large input{height:50px;font-size:22px}.input-box.large button{padding:13px;font-size:20px}.input-box label{float:left;font-weight:700;border:none;height:27px;padding:7px 7px 0 9px;border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5}.input-box input{float:left;width:auto;height:34px;padding:0;margin-top:0;border-right:none;padding-left:10px}.input-box input[type=number]{text-align:right}.input-box button{float:left;margin:0}.input-box button.rounded{border-radius:0 20px 20px 0}.input-box button .icon{margin-left:5px}table{border-spacing:1;border-collapse:collapse;border:1px solid #a5a5a5}table.expanded{width:100%}table thead{background:#fff}table thead tr{border-bottom:1px solid #000}table thead tr th{padding:7px;font-weight:400;border-right:1px solid #a5a5a5}table tbody{padding-bottom:10px;background:#fff}table tbody tr td{padding:7px;border-bottom:1px solid #d2d2d2}table tbody tr:hover{background:#bdbdbd}table tbody tr:hover td{color:#fff;border-right:#a5a5a5}table tbody tr:last-child td{border-bottom:none;margin-bottom:10px}table.strip-horizontal tbody td{border-right:1px solid #d2d2d2}table.strip-horizontal tbody td:last-child{border-right:1px solid #a5a5a5}table.strip-horizontal tbody tr:nth-child(2n){background:#fff}table.strip-horizontal tbody tr:nth-child(odd){background:#eee}table.strip-horizontal tbody tr:hover td:nth-child(n){background:#bdbdbd;color:#fff}table.strip-vertical tbody td:nth-child(2n){background:#fff}table.strip-vertical tbody td:nth-child(odd){background:#eee}table.strip-vertical tbody tr:hover td:nth-child(n){background:#bdbdbd;color:#fff}.grid{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.row{display:flex}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.grid{width:85%;padding:0}}@media (min-width:550px){.grid{width:80%}.column,.columns{margin-left:4%}.column.no-margin,.column:first-child,.columns.no-margin,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}.header,header{position:relative;top:0;left:0;width:100%;height:50px}.header.absolute,header.absolute{position:absolute}.header.fixed,header.fixed{position:fixed}.header ul.menu,header ul.menu{position:absolute;list-style:none;top:50px;margin:0;padding:0}.header ul.menu.left,header ul.menu.left{left:0}.header ul.menu.right,header ul.menu.right{right:0}.header ul.menu.hide,header ul.menu.hide{display:none}.header ul.menu.show,header ul.menu.show{display:block}.header ul.menu li,header ul.menu li{padding:0;cursor:pointer}.header ul.menu li a,header ul.menu li a{margin:0;padding:20px;display:block;height:100%;text-decoration:none}.header ul.menu li.selected,.header ul.menu li:hover,.header ul.menu li a.selected,header ul.menu li.selected,header ul.menu li:hover,header ul.menu li a.selected{background:#e1e1e1}.header ul.menu li.selected,.header ul.menu li a.selected,header ul.menu li.selected,header ul.menu li a.selected{border-bottom:3px solid #2196f3}.header ul.menu li.selected,.header ul.menu li.selected a,.header ul.menu li a.selected,header ul.menu li.selected,header ul.menu li.selected a,header ul.menu li a.selected{text-decoration:none}.header .element.right,header .element.right{float:right}.header .element.right .button,.header .element.right a.button,.header .element.right button,header .element.right .button,header .element.right a.button,header .element.right button{margin-right:7px}.header .element.left,header .element.left{float:left}.header .element.left .button,.header .element.left a.button,.header .element.left button,header .element.left .button,header .element.left a.button,header .element.left button{margin-left:7px}.header .element a.button,header .element a.button{display:block}.header .element .button,.header .element a.button,.header .element button,header .element .button,header .element a.button,header .element button{margin:0;margin-top:7px}.header .action,header .action{width:50px;height:50px;cursor:pointer}.header .action.left,header .action.left{float:left;border-right:1px solid #9f9f9f}.header .action.right,header .action.right{float:right;border-left:1px solid #9f9f9f}.header .brand,header .brand{position:relative;height:42px;padding-top:9px;padding-left:10px;padding-right:10px;font-size:25px;font-weight:400;width:auto;float:left;border-right:1px solid #9f9f9f}.header .brand a,header .brand a{color:#000;font-weight:400;text-decoration:none}.header a.brand,header a.brand{text-decoration:none}.header .option,.header a.option,header .option,header a.option{position:relative;height:35px;width:auto;padding-top:15px;padding-left:10px;padding-right:10px;text-decoration:none}.header .option.right,.header a.option.right,header .option.right,header a.option.right{float:right}.header .option.left,.header a.option.left,header .option.left,header a.option.left{float:left}.header .option a,.header a.option a,header .option a,header a.option a{text-decoration:none}.header .option.selected,.header .option:hover,.header a.option.selected,header .option.selected,header .option:hover,header a.option.selected{background:#e1e1e1;cursor:pointer}.header .option.selected,.header a.option.selected,header .option.selected,header a.option.selected{border-bottom:3px solid #2196f3;height:32px}.header.blue .brand,header.blue .brand{border-right:1px solid #1976d2}.header.blue ul.menu li.selected,.header.blue ul.menu li:hover,.header.blue ul.menu li a.selected,header.blue ul.menu li.selected,header.blue ul.menu li:hover,header.blue ul.menu li a.selected{background:#1976d2}.header.blue ul.menu li.selected,.header.blue ul.menu li.selected a,.header.blue ul.menu li a,.header.blue ul.menu li a.selected,header.blue ul.menu li.selected,header.blue ul.menu li.selected a,header.blue ul.menu li a,header.blue ul.menu li a.selected{text-decoration:none}.header.blue ul.menu li.selected,.header.blue ul.menu li a.selected,header.blue ul.menu li.selected,header.blue ul.menu li a.selected{border-bottom:3px solid #fec007}.header.blue .action.left,header.blue .action.left{border-right-color:#1976d2}.header.blue .action.right,header.blue .action.right{border-left-color:#1976d2}.header.blue a.option,header.blue a.option{text-decoration:none}.header.blue .option.selected,.header.blue .option:hover,.header.blue a.option.selected,header.blue .option.selected,header.blue .option:hover,header.blue a.option.selected{background:#1976d2;cursor:pointer}.header.blue .option.selected,.header.blue a.option.selected,header.blue .option.selected,header.blue a.option.selected{border-bottom:3px solid #fec007;height:32px}.header.red .brand,header.red .brand{border-right:1px solid #79211b}.header.red ul.menu li.selected,.header.red ul.menu li:hover,.header.red ul.menu li a.selected,header.red ul.menu li.selected,header.red ul.menu li:hover,header.red ul.menu li a.selected{background:#d32f2f}.header.red ul.menu li.selected,.header.red ul.menu li.selected a,.header.red ul.menu li a,.header.red ul.menu li a.selected,header.red ul.menu li.selected,header.red ul.menu li.selected a,header.red ul.menu li a,header.red ul.menu li a.selected{text-decoration:none}.header.red ul.menu li.selected,.header.red ul.menu li a.selected,header.red ul.menu li.selected,header.red ul.menu li a.selected{border-bottom:3px solid #fff}.header.red .action.left,header.red .action.left{border-right-color:#79211b}.header.red .action.right,header.red .action.right{border-left-color:#79211b}.header.red a.option,header.red a.option{text-decoration:none}.header.red .option.selected,.header.red .option:hover,.header.red a.option.selected,header.red .option.selected,header.red .option:hover,header.red a.option.selected{background:#d32f2f;cursor:pointer}.header.red .option.selected,.header.red a.option.selected,header.red .option.selected,header.red a.option.selected{border-bottom:3px solid #fff;height:32px}.header.green .brand,header.green .brand{border-right:1px solid #296b2c}.header.green ul.menu li.selected,.header.green ul.menu li:hover,.header.green ul.menu li a.selected,header.green ul.menu li.selected,header.green ul.menu li:hover,header.green ul.menu li a.selected{background:#419243}.header.green ul.menu li.selected,.header.green ul.menu li.selected a,.header.green ul.menu li a,.header.green ul.menu li a.selected,header.green ul.menu li.selected,header.green ul.menu li.selected a,header.green ul.menu li a,header.green ul.menu li a.selected{text-decoration:none}.header.green ul.menu li.selected,.header.green ul.menu li a.selected,header.green ul.menu li.selected,header.green ul.menu li a.selected{border-bottom:3px solid #fff}.header.green .action.left,header.green .action.left{border-right-color:#296b2c}.header.green .action.right,header.green .action.right{border-left-color:#296b2c}.header.green a.option,header.green a.option{text-decoration:none}.header.green .option.selected,.header.green .option:hover,.header.green a.option.selected,header.green .option.selected,header.green .option:hover,header.green a.option.selected{background:#419243;cursor:pointer}.header.green .option.selected,.header.green a.option.selected,header.green .option.selected,header.green a.option.selected{border-bottom:3px solid #fff;height:32px}.header.yellow .brand,header.yellow .brand{border-right:1px solid #9e790a}.header.yellow ul.menu li.selected,.header.yellow ul.menu li:hover,.header.yellow ul.menu li a.selected,header.yellow ul.menu li.selected,header.yellow ul.menu li:hover,header.yellow ul.menu li a.selected{background:#daa507}.header.yellow ul.menu li.selected,.header.yellow ul.menu li.selected a,.header.yellow ul.menu li a,.header.yellow ul.menu li a.selected,header.yellow ul.menu li.selected,header.yellow ul.menu li.selected a,header.yellow ul.menu li a,header.yellow ul.menu li a.selected{text-decoration:none}.header.yellow ul.menu li.selected,.header.yellow ul.menu li a.selected,header.yellow ul.menu li.selected,header.yellow ul.menu li a.selected{border-bottom:3px solid #fff}.header.yellow .action.left,header.yellow .action.left{border-right-color:#9e790a}.header.yellow .action.right,header.yellow .action.right{border-left-color:#9e790a}.header.yellow a.option,header.yellow a.option{text-decoration:none}.header.yellow .option.selected,.header.yellow .option:hover,.header.yellow a.option.selected,header.yellow .option.selected,header.yellow .option:hover,header.yellow a.option.selected{background:#daa507;cursor:pointer}.header.yellow .option.selected,.header.yellow a.option.selected,header.yellow .option.selected,header.yellow a.option.selected{border-bottom:3px solid #fff;height:32px}.header.gray .brand,header.gray .brand{border-right:1px solid #a5a5a5}.header.gray ul.menu,header.gray ul.menu{color:#000}.header.gray ul.menu li.selected,.header.gray ul.menu li:hover,.header.gray ul.menu li a.selected,header.gray ul.menu li.selected,header.gray ul.menu li:hover,header.gray ul.menu li a.selected{background:#bdbdbd}.header.gray ul.menu li.selected,.header.gray ul.menu li.selected a,.header.gray ul.menu li a,.header.gray ul.menu li a.selected,header.gray ul.menu li.selected,header.gray ul.menu li.selected a,header.gray ul.menu li a,header.gray ul.menu li a.selected{text-decoration:none}.header.gray ul.menu li.selected,.header.gray ul.menu li a.selected,header.gray ul.menu li.selected,header.gray ul.menu li a.selected{border-bottom:3px solid #000}.header.gray .action.left,header.gray .action.left{border-right-color:#a5a5a5}.header.gray .action.right,header.gray .action.right{border-left-color:#a5a5a5}.header.gray .option a,header.gray .option a{color:#000}.header.gray a.option,header.gray a.option{text-decoration:none}.header.gray .option.selected,.header.gray .option:hover,.header.gray a.option.selected,header.gray .option.selected,header.gray .option:hover,header.gray a.option.selected{background:#bdbdbd;cursor:pointer}.header.gray .option.selected,.header.gray a.option.selected,header.gray .option.selected,header.gray a.option.selected{border-bottom:3px solid #000;height:32px}.header.black .brand,header.black .brand{border-right:1px solid #333}.header.black ul.menu li.selected,.header.black ul.menu li:hover,.header.black ul.menu li a.selected,header.black ul.menu li.selected,header.black ul.menu li:hover,header.black ul.menu li a.selected{background:#444}.header.black ul.menu li.selected,.header.black ul.menu li.selected a,.header.black ul.menu li a,.header.black ul.menu li a.selected,header.black ul.menu li.selected,header.black ul.menu li.selected a,header.black ul.menu li a,header.black ul.menu li a.selected{text-decoration:none}.header.black ul.menu li.selected,.header.black ul.menu li a.selected,header.black ul.menu li.selected,header.black ul.menu li a.selected{border-bottom:3px solid #fff}.header.black .action.left,header.black .action.left{border-right-color:#333}.header.black .action.right,header.black .action.right{border-left-color:#333}.header.black a.option,header.black a.option{text-decoration:none}.header.black .option.selected,.header.black .option:hover,.header.black a.option.selected,header.black .option.selected,header.black .option:hover,header.black a.option.selected{background:#444;cursor:pointer}.header.black .option.selected,.header.black a.option.selected,header.black .option.selected,header.black a.option.selected{border-bottom:3px solid #fff;height:32px}.card{margin-top:10px;margin-bottom:10px;max-width:100%;height:auto}.card.rounded{border-radius:10px}.card .header,.card header{border:none;height:auto}.card .header img,.card header img{margin-left:10px;margin-bottom:10px;margin-top:10px;height:50px;width:50px;float:left}.card .header img.rounded,.card header img.rounded{border-radius:50%}.card .header .info,.card header .info{margin-left:10px;margin-top:10px;margin-bottom:10px}.card .header .info .title,.card header .info .title{font-size:25px;width:auto}.card .header .info .meta,.card header .info .meta{width:auto}.card .content .media img{height:auto;width:100%}.card .content .media img.rounded{border-radius:10px 10px 0 0}.card .content .media iframe{width:100%}.card .content .controls{padding:5px}.card .content .controls.right{text-align:right}.card .content .controls.left{text-align:left}.card .content .description{padding:10px}.card .content .description h1,.card .content .description h2,.card .content .description h3,.card .content .description h4,.card .content .description h5{margin:0}.card .content .social{padding:10px}.card .content .social.right{text-align:right}.card .content .social.left{text-align:left}.card .content .social button{margin:0}nav{width:100%;display:inline-flex;border:0}nav a{position:relative;padding:15px;width:auto;text-decoration:none}nav a:hover{background:#e1e1e1;cursor:pointer}*{font-family:Roboto,sans-serif;font-weight:300}b,h1,h2,h3,h4,h5,strong{font-weight:400}