.contents-info-field{-webkit-flex:1.5 1;flex:1.5 1}.appBar{transition:width .7s;transition-timing-function:linear;width:0}.appBarShift{margin-left:1vw;border-left:1px solid #c5c8ce;padding:1vw;width:27vw;transition:width .7s;transition-timing-function:ease-in-out}.program-container{background-color:#fff;padding:5px 0;border-bottom:1px solid #ececec}.program-container,.program-header-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.program-header-container{background-color:#f5f5f5;border-radius:10px;margin:20px 0 0;padding:10px 0}.program-info-field{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row;white-space:pre-line;text-align:center}.program-button-field,.program-info-field{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.program-button-field{-webkit-flex:0.7 1;flex:0.7 1;-webkit-flex-direction:row;flex-direction:row}.program-info{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-justify-content:center;justify-content:center}.program-info-title{-webkit-flex:1.5 1;flex:1.5 1}.program-info-category,.program-info-title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;overflow-wrap:break-spaces}.program-info-category{-webkit-flex:2 1;flex:2 1;text-align:center;word-wrap:break-spaces;font-size:10pt}.program-info-category-title{-webkit-flex:2 1;flex:2 1;overflow-wrap:break-spaces}.program-info-category-title,.program-info-onoff{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.program-delete-button,.program-info-onoff{-webkit-flex:0.1 1;flex:0.1 1}.program-delete-button{margin:5px 10px}.contents-container{background-color:#fff;padding:5px 0;border-bottom:1px solid #ececec}.contents-container,.contents-header-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.contents-header-container{background-color:#f5f5f5;border-radius:10px;margin:20px 0 0;padding:10px 0}.contents-info-field{-webkit-flex:1.2 1;flex:1.2 1;-webkit-flex-direction:row;flex-direction:row}.contents-button-field,.contents-info-field{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.contents-button-field{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row}.contents-info{-webkit-flex:1 1;flex:1 1}.contents-info,.contents-trainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.contents-trainer{-webkit-flex:0.5 1;flex:0.5 1}.contents-info-title{-webkit-flex:1 1;flex:1 1;overflow-wrap:break-spaces}.contents-info-onoff,.contents-info-title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.contents-info-onoff{-webkit-flex:0.1 1;flex:0.1 1}.contents-button{-webkit-flex:1 1;flex:1 1;margin:5px 10px}.contents-delete-button{-webkit-flex:0.1 1;flex:0.1 1;margin:5px 10px}.contents-title-button{-webkit-flex:1 1;flex:1 1}.contents-list-container{-webkit-flex-direction:column;flex-direction:column;height:auto}.contents-list-container,.program-profile-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%}.program-profile-container{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;margin:30px 0}.program-profile-title{display:-webkit-flex;display:flex;width:100%;-webkit-flex-direction:row;flex-direction:row}.program-profile-row,.program-profile-title-text{-webkit-flex:1 1;flex:1 1}.program-profile-row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.program-profile-career{height:150px}.program-profile-introduce{height:300px}.program-card{position:relative;width:320px;height:155px;overflow:hidden}.program-card-info{width:320px;height:55px;background:linear-gradient(90deg,#4478ff,#20e8db);position:absolute;bottom:0;color:#fff;font-weight:100;padding-left:15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.program-card-title{font-size:13pt}.program-card-categories{font-size:10pt}.program-selected-list{overflow:scroll;height:315px;border:1px solid #ced4da;border-radius:5px}.trainer-container{background-color:#fff;padding:5px 0;border-bottom:1px solid #ececec}.trainer-container,.trainer-header-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.trainer-header-container{background-color:#f5f5f5;border-radius:10px;margin:20px 0 0;padding:10px 0}.trainer-info-field{-webkit-flex:1.5 1;flex:1.5 1;-webkit-flex-direction:row;flex-direction:row}.trainer-button-field,.trainer-info-field{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.trainer-button-field{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row}.trainer-info{-webkit-flex:1 1;flex:1 1}.trainer-info,.trainer-info-onoff{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.trainer-info-onoff{-webkit-flex:0.3 1;flex:0.3 1}.trainer-button{-webkit-flex:1 1;flex:1 1;margin:5px 10px}.trainer-delete-button{-webkit-flex:0.7 1;flex:0.7 1;margin:5px 10px}.trainer-title-button{-webkit-flex:1 1;flex:1 1}.trainer-list-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%;height:auto}.trainer-profile-container{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;width:100%;margin:30px 0}.trainer-profile-title{display:-webkit-flex;display:flex;width:100%;-webkit-flex-direction:row;flex-direction:row}.trainer-profile-title-text{-webkit-flex:1 1;flex:1 1}.trainer-profile-row{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row}.trainer-profile-col{margin:20px}.trainer-profile-col,.trainer-profile-photo{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.trainer-profile-photo{width:200px;height:200px;border:1px solid grey}.trainer-profile-career{height:150px}.trainer-profile-introduce{height:300px}.youtube-help{position:absolute;top:0;right:0;color:#fff;background-color:#777;width:20px;height:20px;text-align:center;border-radius:10px}.youtube-help:before{content:"?"}.member-page-container{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:30px 0}.member-title{display:-webkit-flex;display:flex;width:100%;-webkit-flex-direction:row;flex-direction:row}.member-title-button,.member-title-text{-webkit-flex:1 1;flex:1 1}.member-list-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%;height:auto}.member-container{background-color:#fff;padding:5px 0;border-bottom:1px solid #ececec;height:55px}.member-container,.member-header-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.member-header-container{background-color:#f5f5f5;border-radius:10px;margin:20px 0 0;padding:10px 0}.member-info-field{-webkit-flex:2 1;flex:2 1;-webkit-flex-direction:row;flex-direction:row}.member-button-field,.member-info-field{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.member-button-field{-webkit-flex:0.1 1;flex:0.1 1;-webkit-flex-direction:column;flex-direction:column}.member-info-membership{-webkit-flex:0.5 1;flex:0.5 1;-webkit-justify-content:center;justify-content:center;text-align:center}.member-info-name,.member-info-uid{-webkit-flex:0.3 1;flex:0.3 1}.member-info-email,.member-info-name,.member-info-uid{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-info-email{-webkit-flex:0.5 1;flex:0.5 1}.member-info-phone,.member-info-register{-webkit-flex:0.3 1;flex:0.3 1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-button{-webkit-flex:0.1 1;flex:0.1 1;margin:5px 10px}.footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;bottom:0;border-top:1px solid #d3d3d3;width:90%;padding:20px 0}.footer p{line-height:60%}.footer-info,.footer-terms{-webkit-justify-content:center;justify-content:center;font-size:13px;margin:20px 0 0}.footer-info,.footer-terms,.table-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.table-container{width:100%;height:auto;margin-top:20px}.table-base,.table-header,.table-row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.table-header{background-color:#f5f5f5;border-radius:10px;padding:10px 0;border-bottom:1px solid #ececec}.table-row{background-color:#fff;padding:5px 0}.table-cell{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.font-orange{color:#ff9c00}.font-white{color:#fff!important;font-size:13pt!important;margin-top:2pt!important;margin-bottom:2pt!important}.bg-gray{background-color:#e2e2e2}.bg-black{background-color:#000}.bg-gradient{background:linear-gradient(90deg,#4478ff,#20e8db)}.font-sm{font-size:11px}.font-md{font-size:14px}.font-lg{font-size:17px}.publish-public{background-color:#3be95c}.publish-private,.publish-public{width:7px;height:7px;border-radius:3.5px}.publish-private{background-color:#f6514c}.sg-button-default{width:110px;height:40px;border-radius:6px;background-color:#1f72ff;color:#fff;cursor:pointer;transition-duration:.3s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-decoration:none}.sg-button-default:hover{background-color:#1a5dd0}.sg-button-disabled{width:110px;height:40px;border-radius:6px;background-color:#bfbfbf;color:#fff;cursor:none}button.btn,label.btn{font-size:14px}.edit-button-wrapper,.publish-button-wrapper{-webkit-flex:1 1;flex:1 1;margin:5px 10px}.edit-column{display:-webkit-flex;display:flex;width:100%;-webkit-flex-direction:column;flex-direction:column;margin-bottom:15px;margin-top:15px}.modal-row,.modal-row-base,.modal-row-selected,.modal-row-unselectable{-webkit-flex-direction:row;flex-direction:row;display:-webkit-flex;display:flex;background-color:#ebebeb;margin:5px;height:30px;border-radius:5px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.sg-navbar{color:#fff!important;font-size:13px!important;margin-top:2pt!important;margin-bottom:2pt!important}.sg-brand{font-size:18px!important;color:#fff!important}@media (min-width:768px){.responsive-toggler{display:none}}@media (max-width:768px){.responsive-navbar{-webkit-flex-direction:column;flex-direction:column}}.modal-row-selected:hover,.modal-row:hover{background-color:#bebebe;cursor:pointer}.modal-row-selected:active,.modal-row:active{background-color:#d7d7d7}.edit-page-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;margin-bottom:15px;position:relative}.modal-row-selected{background-color:#777;color:#fff}.sg-tag{font-size:10px;padding:3px 6px;background-color:grey;color:#fff;border-radius:3px;margin:2px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.no-select,.sg-tag{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-tooltip-text]:hover:after{background-color:#000;background-color:rgba(0,0,0,.8);box-shadow:0 0 3px 1px rgba(50,50,50,.4);border-radius:5px;color:#fff;font-size:12px;content:attr(data-tooltip-text);margin-bottom:10px;top:0;left:110%;padding:7px 12px;position:absolute;width:auto;min-width:200px;max-width:300px;word-wrap:break-word;z-index:9999}.table-header-wrapper{background-color:#d6d6d6;border-radius:10px;margin:20px 0 0;padding:10px 0}.table-header-wrapper,.table-row-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.table-row-wrapper{background-color:#fff;padding:5px 0;border-bottom:1px solid #ececec}body{margin:0;padding:0}html{font-family:sans-serif;font-size:11pt!important}.body-container,.v-align-center{-webkit-align-items:center;align-items:center}.body-container,.footer-container,.v-align-center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.app-logo{max-width:180px;margin:15px}.login-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-self:center;align-self:center;width:300px;height:500px}.button-outline{margin:20px}.page-container{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:30px 0}.page-container,.page-title{display:-webkit-flex;display:flex}.page-title{width:100%;-webkit-flex-direction:row;flex-direction:row}.page-title-text{-webkit-flex:1 1;flex:1 1}.submit-wrapper{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-bottom:20px}.display-flex,.submit-wrapper{display:-webkit-flex;display:flex}.flex{-webkit-flex:1 1;flex:1 1}.flex-2{-webkit-flex:2 1;flex:2 1}.flex-3{-webkit-flex:3 1;flex:3 1}.flex-offset-50{width:50%}.flex-offset-30{width:30%}.flex-center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.header-selected{border-bottom:2px solid #fff;margin:10px}.header-unselected{border-bottom:2px solid #000;margin:10px}.margin-bottom{margin-bottom:10px}.pagination-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%}.dev-border{border:1px solid red}.collection-bucket-card{-webkit-flex:1 1;flex:1 1;background-color:green;margin-right:10px;padding:5px;color:#fff}