*{box-sizing:border-box;padding:0;margin:0}body{font-family:Roboto,sans-serif}.container{text-align:center}.section{height:100vh;align-items:center;display:flex;flex-direction:column;justify-content:center}.section--height-auto{height:auto}.section-title{font-size:30px}.section-message{margin-top:20px}.form{padding:50px 20px 0;width:100%}.form-group{align-items:center;display:flex;margin-top:25px;justify-content:space-between;width:100%}.form-group--flex-wrap{flex-wrap:wrap}.form-input{font-size:20px;outline:none;height:40px;width:50%}.form-input--search-input{width:60%}.form-button:hover{background-color:#f5593d}.alert-container{display:flex;justify-content:center;width:100%;margin-top:25px}.alert{width:100%;padding:20px 0;text-align:center}.success-alert{background-color:#d4edda}.error-alert{background-color:#f8d7da}.warning-alert{background-color:#fff3cd}.info-alert{background-color:#d1ecf1}.alert-list{list-style-position:inside}.alert-list li:not(:first-child){margin-top:20px}.alert-title{font-weight:700;font-size:20px}.card{background-color:#f1f1f1;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin-top:25px;padding:16px;text-align:initial;width:80%}.card-detail{margin-top:15px}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.customer-details-container{width:100%;margin-top:25px}.customer-detail-info__detail{font-size:18px}.subsection-title{margin-top:25px}.background-image-button{border:none;cursor:pointer;height:50px;outline:none;width:50px}.search-button{background:url(../img/f22001b802d73575daf4.png) no-repeat transparent}.edit-button{background:url(../img/c96ad309f9e721cd1908.png) no-repeat transparent}.read-button{background:url(../img/0ede57f7fdeb9350a858.png)}.delete-button{background:url(../img/6efd90ce3d21dd5be76f.png) no-repeat transparent}table,td,th{border:1px solid #ddd;border-collapse:collapse}td,th{padding:20px}.table-container{display:flex;width:100%;padding:25px 20px}.datatable{width:100%}.datatable tr:nth-child(2n){background-color:#eee}.datatable tr:nth-child(odd){background-color:#fff}.datatable th{background-color:#e74c3c;color:#fff}.button{border:none;cursor:pointer;outline:none}.button--red{background-color:#e74c3c;color:#fff}.button--size-medium{height:50px;width:100px}.button--spacing-small{margin:35px auto 0}.crud-form-action-buttons{margin:20px auto 0;order:2}.modal{position:fixed;z-index:1;padding-top:100px;padding-left:5px;padding-right:5px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{margin:auto;padding:0;border:1px solid #888;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}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-header{padding:20px 16px;background-color:#e74c3c;color:#fff}.modal-content{position:relative;background-color:#fefefe}.modal-footer{background-color:#e74c3c;color:#fff}.modal-body,.modal-footer{padding:20px 16px}.modal-close-button{color:#fff;float:right;font-size:28px;font-weight:700}.modal-close-button:focus,.modal-close-button:hover{color:#000;text-decoration:none;cursor:pointer}.modal-section-title{font-size:20px;font-weight:700;margin-top:25px}.modal .form{margin:0 auto}.not-bullet-point{list-style-type:none}.invalid-input{border:1px solid #f03}.hidden{display:none}.bold{font-weight:700}.center-block{margin:0 auto}@media only screen and (min-width:768px){.card{width:40%;margin-right:20px}.form{width:50%}.form--big{width:80%}.modal{padding-left:20px;padding-right:20px}.alert{width:50%}}@media only screen and (min-width:992px){.container{margin-left:auto;margin-right:auto;width:960px}.modal-content{width:960px;margin:0 auto}.form{padding:25px 20px}.section-title{font-size:40px}.form-label{font-size:17px}.form-input--search-input{width:50%}.crud-form-action-buttons{margin:0}}