002.body {
003. margin: 0;
004. font-family: "Prompt";
005. background-color: #f2f2f2;
006.}
007.
008..container {
009. width: 80%;
010. margin: auto;
011.}
012..col1 {
013. margin-left: auto;
014. margin-right: auto;
015. margin: 10px;
016. padding: 15px;
017.}
018.
019..bg-white {
020. background-color: #F8F9F9;
021.}
022.
023.a.red-btn {
024. background-color: #E71A1D;
025. text-decoration: none;
026. padding: 13px;
027. border-radius: 10px;
028. display: inline-block;
029. color: #fff;
030.}
031.a:hover.red-btn {
032. background-color: #F34446;
033. transition: .6s;
034.}
035.a.green-btn {
036. background-color: #00912B;
037. text-decoration: none;
038. padding: 15px;
039. border-radius: 10px;
040. display: inline-block;
041. color: #fff;
042.}
043.a:hover.green-btn {
044. background-color: #1EA847;
045. transition: .6s;
046.}
047.a.yellow-btn {
048. background-color: #D88D00;
049. text-decoration: none;
050. padding: 13px;
051. border-radius: 10px;
052. display: inline-block;
053. color: #fff;
054.}
055.a:hover.yellow-btn {
056. background-color: #FFAE16;
057. transition: .6s;
058.}
059.
060.a.blue-btn {
061. background-color: #01B9E0;
062. text-decoration: none;
063. padding: 13px;
064. border-radius: 10px;
065. display: inline-block;
066. color: #fff;
067.}
068.a:hover.blue-btn {
069. background-color: #00D3FF;
070. transition: .6s;
071.}
072.
073.table.showrow {
074. border-collapse: collapse;
075. width: 100%;
076.
077.}
078.td.showrow, th.showrow {
079. border-bottom: 1px solid #ddd;
080. padding: 10px;
081. text-align: center;
082.}
083.td.form, th.form {
084. border-bottom: 1px solid #222;
085. padding: 10px;
086.}
087.tr:hover.showrow {
088. background-color: #ddd;
089. transition: .6s;
090.}
091.
092.input[type=text],input[type=tel],input[type=email],input[type=date],input[type=password] {
093. padding: 8px;
094. font-family: "Prompt";
095. outline: none;
096. border: 2px solid #ccc;
097.}
098.input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus {
099. border: 2px solid #222;
100. transition: 1s;
101.}
102.
103.input[type=submit] {
104. background-color: #00912B;
105. outline: none;
106. padding: 15px;
107. border-radius: 10px;
108. border: none;
109. display: inline-block;
110. color: #fff;
111. font-family: "Prompt";
112. cursor: pointer;
113. font-size: .9 em;
114.}
115.input[type=submit]:hover {
116. background-color: #1EA847;
117. transition: .6s;
118.}
119.#message{
120. width:100%;
121. text-align:center;
122. color:red;
123.}
124.
125.[class*="col-"] {
126. padding: 1rem;
127.}
