Moved to PHP folder

php/assets/front/css/bootstrap-reboot.css

@@ -0,0 +1,330 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+dfn {
+  font-style: italic;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: .5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */

php/assets/front/css/bootstrap-reboot.min.css

@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}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{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

php/assets/front/css/responsive.css

@@ -0,0 +1,46 @@
+
+@media only screen and (max-width: 900px){
+  .abc-detail{
+  	display: block !important;
+  }
+  .abc-detail .seat span{
+  	top: 0;
+    display: inline-block;
+    text-align: center;
+  }
+}
+
+
+@media only screen and (max-width: 767px){
+  .card-detail span div, .card-detail span{
+  	display: block !important;
+  	    margin: 7px 0;
+  }
+  .credit span,.select-payment .credit{
+  	display: block !important;
+  }
+  .card-detail label,.credit span label{
+  	text-align: left;
+  	padding-bottom: 10px;
+  }
+  .credit span{
+  	width: 100%;
+  }
+
+  .abc-detail .member span,.abc-detail .date span {
+    display: block;
+    margin-bottom: 10px;
+}
+.attendee .member ul li{
+	width: 100%;
+}
+.attendee .member ul{
+	display: block !important;
+}
+.member div{
+	display: block !important;
+}
+.member{
+    flex-direction: column !important;
+}
+}

php/assets/front/css/style.css

@@ -0,0 +1,607 @@
+
+@font-face {
+    font-family: 'HelveticaNeue-Condensed';
+    src: url(../fonts/HelveticaNeue-Condensed.otf);
+}
+@font-face {
+    font-family: 'HelveticaNeue-Extended';
+    src: url(../fonts/HelveticaNeue-Extended.otf);
+}
+@font-face {
+    font-family: 'HelveticaNeue-HeavyCond';
+    src: url(../fonts/HelveticaNeue-HeavyCond.otf);
+}
+@font-face {
+    font-family: 'HelveticaNeueLight';
+    src: url(../fonts/HelveticaNeueLight.ttf);
+}
+
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+.container{
+	max-width: 970px;
+}
+.header{
+	padding:5px 0;
+}
+.logo img{
+	max-width: 125px;
+	max-height: 100px;
+	margin: 5px 0;
+}
+.logo h1{
+	font-size: 25px;
+	padding-left: 10px;
+	font-family: 'HelveticaNeue-Condensed';
+
+}
+.abc-tab{
+	margin-top:20px;
+}
+.abc-tab .nav-tabs{
+	border-bottom:5px solid #003e7e;
+}
+.abc-tab .nav-tabs li{
+	background-color:none !important;
+	margin-right: 5px;
+}
+.abc-tab .nav-tabs li a.active{
+	 background-color: #003e7e;
+	 color:#fff;
+}
+.abc-tab .nav-tabs li a{
+	color: #000;
+   border: 0 !important;
+}
+.abc-detail{
+	padding:5px;
+}
+.abc-detail .title{
+	flex: 3;
+}
+.abc-detail .seat{
+	flex: 1;
+	text-align: center;
+}
+.abc-detail h2{
+	 font-family: 'HelveticaNeue-Condensed';
+	 font-size: 21px;
+	 color:#000;
+	 padding: 5px 0;
+	 margin-bottom: 10px;
+}
+.abc-detail .adv{
+	font-family: 'HelveticaNeueLight';
+	 font-size: 17px;
+	 color:#000;
+	 padding: 5px 0;
+}
+.abc-detail .adv input{
+	max-width: 100px;
+	padding:5px;
+}
+.abc-expand .member{
+	font-family: 'HelveticaNeueLight';
+	 font-size: 16px;
+	 color:#000;
+	 padding: 5px 0;
+    margin-bottom: 10px;
+}
+.abc-expand .member span{
+	margin-right: 50px;
+}
+.abc-detail .date{
+	font-family: 'HelveticaNeueLight';
+	 font-size: 15px;
+	 color:#000;
+	 padding: 5px 0;
+}
+.abc-detail .date input[type="checkbox"]{
+	display: none;
+}
+.abc-detail .date input[type="checkbox"] + label{
+border:1px solid #000;
+width:15px;
+height:15px;
+margin-right: 15px;
+vertical-align: bottom;
+display: inline-block;
+position: relative;
+font-size: 30px;
+}
+.abc-detail .date input[type="checkbox"] + label:after{
+content: '✔';
+color: #0000ff;
+opacity: 0;
+position: absolute;
+left: 3px;
+top: 3px;
+transform: translate(-50%, -50%);
+right: 0;
+			    
+}
+
+.abc-detail .date input[type="checkbox"]:checked + label:after{
+ opacity: 1;
+}
+.abc-detail .date input[type="radio"]{
+    display: none;
+}
+.abc-detail .date input[type="radio"] + label{
+border:1px solid #000;
+width:15px;
+height:15px;
+margin-right: 15px;
+vertical-align: bottom;
+display: inline-block;
+position: relative;
+font-size: 30px;
+}
+.abc-detail .date input[type="radio"] + label:after{
+content: '✔';
+color: #0000ff;
+opacity: 0;
+position: absolute;
+left: 3px;
+top: 3px;
+transform: translate(-50%, -50%);
+right: 0;
+                
+}
+
+.abc-detail .date input[type="radio"]:checked + label:after{
+ opacity: 1;
+}
+.abc-detail .date span{
+	margin-right: 84px;
+}
+.abc-detail .seat span{
+	    font-family: 'HelveticaNeueLight';
+    font-size: 15px;
+    color: #fff;
+    padding: 10px;
+    background: #003e7e;
+    position: relative;s
+    margin: auto;
+    max-width: 67px;
+    top: 45px;
+}
+.abc-expand h2{
+	font-family: 'HelveticaNeue-Condensed';
+	font-size: 21px;
+	color: #000;
+	margin-bottom: 10px;
+}
+.abc-expand p{
+	font-family: 'HelveticaNeueLight';
+	font-size: 17px;
+	color: #000;
+	line-height: 25px;
+}
+.abc-expand span{
+	font-family: 'HelveticaNeueLight';
+	font-size: 14px;
+	color: #000;
+}
+.no-pad{
+	margin: 0;
+	padding:0;
+}
+.abc-expand{
+	margin:25px 0;
+}
+.attendee h3{
+	background: #ccc;
+	font-family: 'HelveticaNeue-Condensed';
+	font-size: 21px;
+	color: #000;
+	padding:10px;
+	width: 100%;
+}
+.class-des{
+	padding-bottom: 15px;
+}
+.attendee .member ul li{
+	margin-right: 10px;
+	font-family: 'HelveticaNeueLight';
+    font-size: 16px;
+    margin-bottom: 10px;
+}
+
+.attendee .member ul li input{
+    height: 35px;
+    border: 1px solid #ccc;
+    width: 100%;
+    padding-left:10px;
+    -webkit-text-fill-color:#333;
+}
+
+.attendee .member span{
+	color: #ec3e42;
+    align-self: center;
+    font-size: 20px;
+    font-weight: 600;
+    margin-right: 5px;
+}
+.attendee .member p{
+	font-family: 'HelveticaNeueLight';
+    font-size: 14px;
+    line-height: 20px;
+}
+.attendee .member  label{
+	align-self: center;
+	padding-top: 5px;
+}
+.attendee label{
+	font-family: 'HelveticaNeue-Condensed';
+	font-size: 17px;
+	color: #000;
+	padding:15px 0;
+}
+.class-total h3 {
+    background: #ccc;
+    font-family: 'HelveticaNeue-Condensed';
+    font-size: 21px;
+    color: #000;
+    padding: 10px;
+    width: 100%;
+    margin-top: 25px;
+     margin-bottom: 10px;
+}
+.alumi label{
+	font-family: 'HelveticaNeue-Condensed';
+	font-size: 17px;
+	color: #000;
+	padding:5px 0;
+	margin-bottom: 10px;
+}
+.alumi-content{
+	font-family: 'HelveticaNeueLight';
+    font-size: 15px;
+    line-height: 20px;
+    margin-bottom: 10px;
+}
+.class-sum{
+	margin-top: 25px;
+	font-family: 'HelveticaNeue-Condensed';
+	font-size: 18px;
+}
+.abc-expand{
+	/*display: none;*/
+	border: 1px solid #ccc;
+    padding: 25px;
+}
+.abc-detail {
+    padding: 5px;
+    padding-bottom: 25px;
+}
+.abc-tab .nav{
+   border-bottom: 1px solid #ccc; 		
+}
+.abc-tab .nav a{
+       color: #000;
+    font-family: 'HelveticaNeue-Condensed';
+    font-size: 17px;
+    padding: 9px 25px;
+    line-height: 35px;
+    text-decoration: none;
+}
+.abc-tab .nav a.active{
+  background: #9bc0e2;
+}
+.abc-btn button{
+	font-family: 'HelveticaNeue-Condensed';
+    font-size: 17px;
+    padding:5px 20px;
+    margin-top: 25px;
+}
+
+.abc-approve h1 {
+    font-family: 'HelveticaNeue-Condensed';
+    font-size: 35px;
+    color: #000;
+    width: 100%;
+    margin:20px 0;
+}
+
+.abc-approve h2 {
+       font-family: 'HelveticaNeue-Condensed';
+    font-size: 25px;
+    color: #000;
+    width: 100%;
+    margin-top: 25px;
+    margin-bottom: 10px;
+    background: #5c6a7a;
+    padding: 15px;
+    color: #fff;
+}
+.abc-approve p {
+    font-family: 'HelveticaNeueLight';
+    font-size: 15px;
+    line-height: 20px;
+}
+.approve label input{
+	width:25px;
+	height: 25px;
+	border:1px solid #ccc;
+	padding-left: 10px;
+	margin-right: 10px;
+}
+.approve-content{
+    font-family: 'HelveticaNeueLight';
+    font-size: 15px;
+    line-height: 20px;
+    margin-bottom: 15px;
+}
+.approve{
+	margin:10px 0;
+}
+.approve label {
+	font-family: 'HelveticaNeue-Condensed';
+    font-size: 18px;
+    color: #000;
+    width: 100%;
+    margin-top: 25px;
+    margin-bottom: 10px;
+    position: relative;
+}
+.approve label span {
+    background: #cdcdcd;
+    padding: 5px 10px;
+    left: -40px;
+    top: -5px;
+    position: absolute;
+}
+
+.select-payment h3 {
+    background: #333366;
+    font-family: 'HelveticaNeue-Condensed';
+    font-size: 21px;
+    color: #fff;
+    padding: 10px;
+    width: 100%;
+    text-align: center;
+}
+.select-payment .credit{
+	background: #cccccc;
+}
+
+.credit input[type="checkbox"]{
+	display: none;
+}
+ .credit input[type="checkbox"] + label{
+border:1px solid #000;
+width:15px;
+height:15px;
+margin-right: 15px;
+vertical-align: bottom;
+display: inline-block;
+position: relative;
+font-size: 30px;
+}
+ .credit input[type="checkbox"] + label:after{
+content: '✔';
+color: #0000ff;
+opacity: 0;
+position: absolute;
+left: 3px;
+top: 3px;
+transform: translate(-50%, -50%);
+right: 0;			    
+}
+ .credit input[type="checkbox"]:checked + label:after{
+ opacity: 1;
+}
+.credit input[type="radio"]{
+    display: none;
+}
+ .credit input[type="radio"] + label{
+border:1px solid #000;
+width:15px;
+height:15px;
+margin-right: 15px;
+vertical-align: bottom;
+display: inline-block;
+position: relative;
+font-size: 30px;
+}
+ .credit input[type="radio"] + label:after{
+content: '✔';
+color: #0000ff;
+opacity: 0;
+position: absolute;
+left: 3px;
+top: 3px;
+transform: translate(-50%, -50%);
+right: 0;               
+}
+ .credit input[type="radio"]:checked + label:after{
+ opacity: 1;
+}
+.credit span{
+	width: 50%;
+	font-family: 'HelveticaNeueLight';
+    font-size: 15px;
+    padding:10px 10px;
+}
+.select-payment{
+	margin-bottom: 25px;
+}
+.card-detail select {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ccc;
+    font-family: 'HelveticaNeueLight';
+    font-size: 13px;
+}
+.card-detail input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ccc;
+    font-family: 'HelveticaNeueLight';
+    font-size: 13px;
+    padding-left: 10px;
+}
+.card-detail label {
+    font-family: 'HelveticaNeueLight';
+    font-size: 16px;
+    margin-right: 10px;
+    align-self: center;
+    /* min-width: 100px; */
+    text-align: right;
+    font-weight: 500;
+        min-width: 150px;
+}
+.card-detail span{
+	margin-top:15px;
+}
+.comp-detail{
+	background: #fff !important;
+}
+.comp-detail span{
+    width: 100%;
+    padding:0;
+    margin-bottom: 15px;
+}
+.comp-detail input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ccc;
+    font-family: 'HelveticaNeueLight';
+    font-size: 13px;
+    padding-left: 10px;
+}
+.m-200{
+	min-width: 150px;
+}
+.credit input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #a4a4a4;
+    font-family: 'HelveticaNeueLight';
+    font-size: 13px;
+    padding-left: 10px;
+    background: transparent;
+}
+.sale-in{
+	font-family: 'HelveticaNeueLight';
+    font-size: 15px;
+    padding-left: 10px;
+    color:#333;
+}
+.clear-btn{
+    min-width: 100px;
+    background: #ff0000;
+    color: #fff;
+    padding:7px;
+    font-family: 'HelveticaNeue-Condensed';
+    font-size: 17px;
+}
+.process-btn{
+	min-width: 100px;
+    background: #006699;
+    color: #fff;
+    padding: 7px;
+    font-family: 'HelveticaNeue-Condensed';
+    font-size: 17px;
+}
+.abc-img img{
+	max-width: 100%;
+}
+.clone-append ul{
+	position: relative;
+}
+.clone-append button{
+	    position: absolute;
+    right: -17px;
+    font-size: 20px;
+    cursor: pointer;
+    top: 7px;
+    color: red;
+    font-weight: bold;
+    border: 0;
+    background: transparent;
+}
+.hr-span{
+ background: lightgrey;
+    padding: 6px 12px;
+    font-family: 'HelveticaNeue-HeavyCond';
+    font-size: 13px;
+    color: #000;
+    margin-left: 10px;
+}
+.abc-detail .adv{
+    margin-bottom: 10px;
+}
+.d-flex.alumi-content span{
+     position: relative;
+    right: -11px;
+    font-size: 17px;
+    cursor: pointer;
+    color: red;
+    font-weight: bold;
+    border: 0;
+    background: transparent;
+}
+.grand{
+    border-top: 1px solid #be0000;
+    border-bottom: 1px solid #be0000;
+    padding: 20px 0;
+    font-size: 25px;
+    color:#be0000;
+}
+.cd-sub label{
+    margin-right: 15px;
+}
+.comp-detail{
+    margin-top:15px;
+}
+.company-expand{
+    display: none;
+}
+.member.flex-row.d-flex.flex-wrap .col-sm-2 {
+    position: absolute;
+    right: -9px;
+    bottom: 10px;
+}
+.member.flex-row.d-flex.flex-wrap {
+    position: relative;
+}

php/assets/front/js/jquery-input-mask-phone-number.js

@@ -0,0 +1,77 @@
+// ==================================================
+// 
+// jquery-input-mask-phone-number v1.0
+//
+// Licensed (The MIT License)
+// 
+// Copyright © Raja Rama Mohan Thavalam <rajaram.tavalam@gmail.com>
+//
+// ==================================================
+;
+(function ($) {
+    $.fn.usPhoneFormat = function (options) {
+        var params = $.extend({
+            format: 'xxx-xxx-xxxx',
+            international: false,
+
+        }, options);
+
+        if (params.format === 'xxx-xxx-xxxx') {
+            $(this).bind('paste', function (e) {
+                e.preventDefault();
+                var inputValue = e.originalEvent.clipboardData.getData('Text');
+                if (!$.isNumeric(inputValue)) {
+                    return false;
+                } else {
+                    inputValue = String(inputValue.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3"));
+                    $(this).val(inputValue);
+                    $(this).val('');
+                    inputValue = inputValue.substring(0, 12);
+                    $(this).val(inputValue);
+                }
+            });
+            $(this).on('keypress', function (e) {
+                if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
+                    return false;
+                }
+                var curchr = this.value.length;
+                var curval = $(this).val();
+                if (curchr == 3 && e.which != 8 && e.which != 0) {
+                    $(this).val(curval + "-");
+                } else if (curchr == 7 && e.which != 8 && e.which != 0) {
+                    $(this).val(curval + "-");
+                }
+                $(this).attr('maxlength', '12');
+            });
+
+        } else if (params.format === '(xxx) xxx-xxxx') {
+            $(this).on('keypress', function (e) {
+                if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
+                    return false;
+                }
+                var curchr = this.value.length;
+                var curval = $(this).val();
+                if (curchr == 3 && e.which != 8 && e.which != 0) {
+                    $(this).val('(' + curval + ')' + " ");
+                } else if (curchr == 9 && e.which != 8 && e.which != 0) {
+                    $(this).val(curval + "-");
+                }
+                $(this).attr('maxlength', '14');
+            });
+            $(this).bind('paste', function (e) {
+                e.preventDefault();
+                var inputValue = e.originalEvent.clipboardData.getData('Text');
+                if (!$.isNumeric(inputValue)) {
+                    return false;
+                } else {
+                    inputValue = String(inputValue.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3"));
+                    $(this).val(inputValue);
+                    $(this).val('');
+                    inputValue = inputValue.substring(0, 14);
+                    $(this).val(inputValue);
+                }
+            });
+
+        }
+    }
+}(jQuery));