@import url(https://fonts.googleapis.com/css?family=Roboto);
body{background:-webkit-gradient(linear, left top, right top, from(#25c481), to(#25b7c4));background:linear-gradient(to right, #25c481, #25b7c4);font-family:'Roboto', sans-serif}.controlWrapper{background:#fff;border-radius:5px;-webkit-box-shadow:0 1.5em 85px 0 rgba(0,0,0,0.2);box-shadow:0 1.5em 85px 0 rgba(0,0,0,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin:5% 10% 0%;padding:30px;width:80%}label{color:#9b9b9b;display:block;font-size:12px;position:absolute;top:0;-webkit-transition:0.2s;transition:0.2s}.accordionItem{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;float:left;width:100%}.accordionItemHeading{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFF;cursor:pointer;font-size:1.3em;margin:0px 0px 10px 0px;padding:10px;width:100%}.accordionWrapper{background:#fff;border-radius:5px;-webkit-box-shadow:0 1.5em 85px 0 rgba(0,0,0,0.2);box-shadow:0 1.5em 85px 0 rgba(0,0,0,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin:2% 10% 10%;padding:30px;width:80%}.close .accordionItemContent{display:block;float:left;height:0px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:height 1s ease-out;transition:height 1s ease-out}.open .accordionItemContent{background-color:#fff;border:1px solid #DDD;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin:5px 0px 5px 0px;padding:20px;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;width:100%}.open .accordionItemHeading{background-color:#BDC3C7;color:#7F8C8D;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin:0px}.buttonControlAdd{background-color:#009688;border-radius:4px;border-width:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6);box-shadow:0 1px 4px rgba(0,0,0,0.6);color:#ECF0F1;cursor:pointer;display:block;float:left;margin:10px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s;float:right}.buttonControlAdd:active:before{padding-top:120%;-webkit-transition:width .3s ease-out,padding-top .3s ease-out;transition:width .3s ease-out,padding-top .3s ease-out;width:120%}.buttonControlAdd:before{background-color:rgba(236,240,241,0.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0}.buttonControlAdd:hover,.buttonControlAdd:focus{background-color:#00635a}.buttonControlAdd span{display:block;padding:10px 20px}.buttonControlModal{background-color:#009688;border-radius:4px;border-width:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6);box-shadow:0 1px 4px rgba(0,0,0,0.6);color:#ECF0F1;cursor:pointer;display:block;float:left;margin:10px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s;float:right}.buttonControlModal:active:before{padding-top:120%;-webkit-transition:width .3s ease-out,padding-top .3s ease-out;transition:width .3s ease-out,padding-top .3s ease-out;width:120%}.buttonControlModal:before{background-color:rgba(236,240,241,0.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0}.buttonControlModal:hover,.buttonControlModal:focus{background-color:#00635a}.buttonControlModal span{display:block;padding:10px 20px}.buttonControlOne{background-color:#2980B9;border-radius:4px;border-width:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6);box-shadow:0 1px 4px rgba(0,0,0,0.6);color:#ECF0F1;cursor:pointer;display:block;float:left;margin:10px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s}.buttonControlOne:active:before{padding-top:120%;-webkit-transition:width .3s ease-out,padding-top .3s ease-out;transition:width .3s ease-out,padding-top .3s ease-out;width:120%}.buttonControlOne:before{background-color:rgba(236,240,241,0.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0}.buttonControlOne:hover,.buttonControlOne:focus{background-color:#20638f}.buttonControlOne span{display:block;padding:10px 20px}.buttonControlThree{background-color:#F44336;border-radius:4px;border-width:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6);box-shadow:0 1px 4px rgba(0,0,0,0.6);color:#ECF0F1;cursor:pointer;display:block;float:left;margin:10px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s}.buttonControlThree:active:before{padding-top:120%;-webkit-transition:width .3s ease-out,padding-top .3s ease-out;transition:width .3s ease-out,padding-top .3s ease-out;width:120%}.buttonControlThree:before{background-color:rgba(236,240,241,0.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0}.buttonControlThree:hover,.buttonControlThree:focus{background-color:#ea1c0d}.buttonControlThree span{display:block;padding:10px 20px}.buttonControlTwo{background-color:#4CAF50;border-radius:4px;border-width:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6);box-shadow:0 1px 4px rgba(0,0,0,0.6);color:#ECF0F1;cursor:pointer;display:block;float:left;margin:10px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s}.buttonControlTwo:active:before{padding-top:120%;-webkit-transition:width .3s ease-out,padding-top .3s ease-out;transition:width .3s ease-out,padding-top .3s ease-out;width:120%}.buttonControlTwo:before{background-color:rgba(236,240,241,0.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0}.buttonControlTwo:hover,.buttonControlTwo:focus{background-color:#3d8b40}.buttonControlTwo span{display:block;padding:10px 20px}.formControl{margin-top:10px;padding:15px 0 0;position:relative}.formField{background:transparent;border:0;border-bottom:1px solid #d2d2d2;color:#212121;font-family:inherit;font-size:16px;outline:0;padding:7px 0;resize:none;-webkit-transition:border-color 0.2s;transition:border-color 0.2s;width:100%}.formField::-webkit-input-placeholder{color:transparent}.formField::-moz-placeholder{color:transparent}.formField:-ms-input-placeholder{color:transparent}.formField::-ms-input-placeholder{color:transparent}.formField::placeholder{color:transparent}.formField:placeholder-shown ~ .formLabel{cursor:text;font-size:16px;top:20px}.formField:focus{border-bottom:2px solid #009688;padding-bottom:6px}.formField:focus ~ .formLabel{color:#9b9b9b;color:#009688;display:block;font-size:12px;position:absolute;top:0;-webkit-transition:0.2s;transition:0.2s}@-webkit-keyframes animatetop{from{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{from{opacity:0;top:-300px}to{opacity:1;top:0}}.modal{background-color:#000;background-color:rgba(0,0,0,0.4);display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modalBody{padding:2px 16px}.modalClose{color:white;float:right;font-size:28px;font-weight:bold}.modalClose:hover,.modalClose:focus{color:#000;cursor:pointer;text-decoration:none}.modalContent{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;border-radius:4px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);margin:auto;padding:0;position:relative;width:80%}.modalFooter{padding:2px 16px;color:white;height:55px}.modalHeader{padding:2px 16px;color:white}.themeOne{background:#2980B9}.themeThree{background:#F44336}.themeTwo{background:#4CAF50}