/** 20181005 Sober - move static css from ejs */
@charset "utf-8";
/**************************************************
= basic
********************/
body{
	font-family: "Open Sans",Arial,Helvetica,"微軟正黑體","Microsoft JhengHei","新細明體",Verdana,sans-serif;color: #333;background-color:#ffffff;overflow-x: hidden;margin: 0;font-size: 1em;font-weight: normal;}
p { margin: 0 0 10px;}
a { cursor: pointer; outline: none;text-decoration: none;}
a:hover, a:focus { text-decoration: none;}
button,select {text-transform: none;}
table{border-collapse: collapse;}
th {text-align: inherit;}
form{margin-bottom: 15px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/**************************************************
= basic-style
********************/
.clear { clear: both; display: block; overflow: hidden;}
.block { display: block;}
.line-block { display:inline-block;}
.hidden{ display:none;}
.float-l { float: left;}
.float-r { float: right;}
.oline-no{outline: none;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0); white-space: nowrap;-webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0;}
.ct-container,.container-s{margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {.ct-container {width: 768px;}}
@media (min-width: 992px) {.ct-container {width: 992px;}}
@media (min-width: 1200px) {.ct-container {width: 1200px;}}
@media (min-width: 1480px) {.container-s{width: 1480px;}}
.ct-container:before,.ct-container:after,.ct-row:before,.ct-row:after{display: table;content: " ";}
.ct-container:after,.ct-row:after{clear: both;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-button {width: 8px; height:5px;}
::-webkit-scrollbar-track {background: #e5ebf3;border: thin solid #d6dce7;box-shadow: 0px 0px 3px #a0bae7 inset;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #bfd0ef;border: thin solid #91aad6;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background:#6d97c8;}     
/*grids*/
.ct-row{ margin-right: auto;margin-left: auto;}
.gd-xxs12{width: 100%;}
.gd-xxs11{width: 91.66666667%;}
.gd-xxs10{width: 83.33333333%;}
.gd-xxs9 {width: 75%;}
.gd-xxs8 {width: 66.66666667%;}
.gd-xxs7 {width: 58.33333333%;}
.gd-xxs6 {width: 50%;}
.gd-xxs5 {width: 41.66666667%;}
.gd-xxs4 {width: 33.33333333%;}
.gd-xxs3 {width: 25%;}
.gd-xxs2 {width: 16.66666667%;}
.gd-xxs1 {width: 8.33333333%;}
.gd-pull-xxs12{right: 100%;}
.gd-pull-xxs11{right: 91.66666667%;}
.gd-pull-xxs10{right: 83.33333333%;}
.gd-pull-xxs9 {right: 75%;}
.gd-pull-xxs8 {right: 66.66666667%;}
.gd-pull-xxs7 {right: 58.33333333%;}
.gd-pull-xxs6 {right: 50%;}
.gd-pull-xxs5 {right: 41.66666667%;}
.gd-pull-xxs4 {right: 33.33333333%;}
.gd-pull-xxs3 {right: 25%;}
.gd-pull-xxs2 {right: 16.66666667%;}
.gd-pull-xxs1 {right: 8.33333333%;}
.gd-pull-xxs0 {right: auto;}
.gd-push-xxs12 {left: 100%;}
.gd-push-xxs11 {left: 91.66666667%;}
.gd-push-xxs10 {left: 83.33333333%;}
.gd-push-xxs9 {left: 75%;}
.gd-push-xxs8 {left: 66.66666667%;}
.gd-push-xxs7 {left: 58.33333333%;}
.gd-push-xxs6 {left: 50%;}
.gd-push-xxs5 {left: 41.66666667%;}
.gd-push-xxs4 {left: 33.33333333%;}
.gd-push-xxs3 {left: 25%;}
.gd-push-xxs2 {left: 16.66666667%;}
.gd-push-xxs1 {left: 8.33333333%;}
.gd-push-xxs0 {left: auto;}
.gd-offset-xxs12 {margin-left: 100%;}
.gd-offset-xxs11 {margin-left: 91.66666667%;}
.gd-offset-xxs10 {margin-left: 83.33333333%;}
.gd-offset-xxs9 {margin-left: 75%;}
.gd-offset-xxs8 {margin-left: 66.66666667%;}
.gd-offset-xxs7 {margin-left: 58.33333333%;}
.gd-offset-xxs6 {margin-left: 50%;}
.gd-offset-xxs5 {margin-left: 41.66666667%;}
.gd-offset-xxs4 {margin-left: 33.33333333%;}
.gd-offset-xxs3 {margin-left: 25%;}
.gd-offset-xxs2 {margin-left: 16.66666667%;}
.gd-offset-xxs1 {margin-left: 8.33333333%;}
.gd-offset-xxs0 {margin-left: 0;}
@media (min-width: 520px) {
.gd-xs1,.gd-xs2,.gd-xs3,.gd-xs4,.gd-xs5,.gd-xs6,.gd-xs7,.gd-xs8,.gd-xs9,.gd-xs10,.gd-xs11,.gd-xs12{
float: left;	}
.gd-xs1{width: 8.33333333%;}
.gd-xs2{width: 16.66666667%;}
.gd-xs3{width: 25%;}
.gd-xs4{width: 33.33333333%;}
.gd-xs5{width: 41.66666667%;}
.gd-xs6{width: 50%;}
.gd-xs7{width: 58.33333333%;}
.gd-xs8{width: 66.66666667%;}
.gd-xs9{width: 75%;}
.gd-xs10{width: 83.33333333%;}
.gd-xs11{width: 91.66666667%;}
.gd-xs12{width: 100%;}
.gd-pull-xs12{right: 100%;}
.gd-pull-xs11{right: 91.66666667%;}
.gd-pull-xs10{right: 83.33333333%;}
.gd-pull-xs9 {right: 75%;}
.gd-pull-xs8 {right: 66.66666667%;}
.gd-pull-xs7 {right: 58.33333333%;}
.gd-pull-xs6 {right: 50%;}
.gd-pull-xs5 {right: 41.66666667%;}
.gd-pull-xs4 {right: 33.33333333%;}
.gd-pull-xs3 {right: 25%;}
.gd-pull-xs2 {right: 16.66666667%;}
.gd-pull-xs1 {right: 8.33333333%;}
.gd-pull-xs0 {right: auto;}
.gd-push-xs12 {left: 100%;}
.gd-push-xs11 {left: 91.66666667%;}
.gd-push-xs10 {left: 83.33333333%;}
.gd-push-xs9 {left: 75%;}
.gd-push-xs8 {left: 66.66666667%;}
.gd-push-xs7 {left: 58.33333333%;}
.gd-push-xs6 {left: 50%;}
.gd-push-xs5 {left: 41.66666667%;}
.gd-push-xs4 {left: 33.33333333%;}
.gd-push-xs3 {left: 25%;}
.gd-push-xs2 {left: 16.66666667%;}
.gd-push-xs1 {left: 8.33333333%;}
.gd-push-xs0 {left: auto;}
.gd-offset-xs12 {margin-left: 100%;}
.gd-offset-xs11 {margin-left: 91.66666667%;}
.gd-offset-xs10 {margin-left: 83.33333333%;}
.gd-offset-xs9 {margin-left: 75%;}
.gd-offset-xs8 {margin-left: 66.66666667%;}
.gd-offset-xs7 {margin-left: 58.33333333%;}
.gd-offset-xs6 {margin-left: 50%;}
.gd-offset-xs5 {margin-left: 41.66666667%;}
.gd-offset-xs4 {margin-left: 33.33333333%;}
.gd-offset-xs3 {margin-left: 25%;}
.gd-offset-xs2 {margin-left: 16.66666667%;}
.gd-offset-xs1 {margin-left: 8.33333333%;}
.gd-offset-xs0 {margin-left: 0;}
}
@media (min-width: 768px) {
.gd-sm1,.gd-sm2,.gd-sm3,.gd-sm4,.gd-sm5,.gd-sm6,.gd-sm7,.gd-sm8,.gd-sm9,.gd-sm10,.gd-sm11,.gd-sm12{
float: left;}
.gd-sm1{width: 8.33333333%;}
.gd-sm2{width: 16.66666667%;}
.gd-sm3{width: 25%;}
.gd-sm4{width: 33.33333333%;}
.gd-sm5{width: 41.66666667%;}
.gd-sm6{width: 50%;}
.gd-sm7{width: 58.33333333%;}
.gd-sm8{width: 66.66666667%;}
.gd-sm9{width: 75%;}
.gd-sm10{width: 83.33333333%;}
.gd-sm11{width: 91.66666667%;}
.gd-sm12{width: 100%;}
.gd-pull-sm12{right: 100%;}
.gd-pull-sm11{right: 91.66666667%;}
.gd-pull-sm10{right: 83.33333333%;}
.gd-pull-sm9 {right: 75%;}
.gd-pull-sm8 {right: 66.66666667%;}
.gd-pull-sm7 {right: 58.33333333%;}
.gd-pull-sm6 {right: 50%;}
.gd-pull-sm5 {right: 41.66666667%;}
.gd-pull-sm4 {right: 33.33333333%;}
.gd-pull-sm3 {right: 25%;}
.gd-pull-sm2 {right: 16.66666667%;}
.gd-pull-sm1 {right: 8.33333333%;}
.gd-pull-sm0 {right: auto;}
.gd-push-sm12 {left: 100%;}
.gd-push-sm11 {left: 91.66666667%;}
.gd-push-sm10 {left: 83.33333333%;}
.gd-push-sm9 {left: 75%;}
.gd-push-sm8 {left: 66.66666667%;}
.gd-push-sm7 {left: 58.33333333%;}
.gd-push-sm6 {left: 50%;}
.gd-push-sm5 {left: 41.66666667%;}
.gd-push-sm4 {left: 33.33333333%;}
.gd-push-sm3 {left: 25%;}
.gd-push-sm2 {left: 16.66666667%;}
.gd-push-sm1 {left: 8.33333333%;}
.gd-push-sm0 {left: auto;}
.gd-offset-sm12 {margin-left: 100%;}
.gd-offset-sm11 {margin-left: 91.66666667%;}
.gd-offset-sm10 {margin-left: 83.33333333%;}
.gd-offset-sm9 {margin-left: 75%;}
.gd-offset-sm8 {margin-left: 66.66666667%;}
.gd-offset-sm7 {margin-left: 58.33333333%;}
.gd-offset-sm6 {margin-left: 50%;}
.gd-offset-sm5 {margin-left: 41.66666667%;}
.gd-offset-sm4 {margin-left: 33.33333333%;}
.gd-offset-sm3 {margin-left: 25%;}
.gd-offset-sm2 {margin-left: 16.66666667%;}
.gd-offset-sm1 {margin-left: 8.33333333%;}
.gd-offset-sm0 {margin-left: 0;}
}
@media (min-width: 992px) { 
.gd-md1,.gd-md2,.gd-md3,.gd-md4,.gd-md5,.gd-md6,.gd-md7,.gd-md8,.gd-md9,.gd-md10,.gd-md11,.gd-md12{
float: left;}
.gd-md1{width: 8.33333333%;}
.gd-md2{width: 16.66666667%;}
.gd-md3{width: 25%;}
.gd-md4{width: 33.33333333%;}
.gd-md5{width: 41.66666667%;}
.gd-md6{width: 50%;}
.gd-md7{width: 58.33333333%;}
.gd-md8{width: 66.66666667%;}
.gd-md9{width: 75%;}
.gd-md10{width: 83.33333333%;}
.gd-md11{width: 91.66666667%;}
.gd-md12{width: 100%;}
.gd-pull-md12{right: 100%;}
.gd-pull-md11{right: 91.66666667%;}
.gd-pull-md10{right: 83.33333333%;}
.gd-pull-md9 {right: 75%;}
.gd-pull-md8 {right: 66.66666667%;}
.gd-pull-md7 {right: 58.33333333%;}
.gd-pull-md6 {right: 50%;}
.gd-pull-md5 {right: 41.66666667%;}
.gd-pull-md4 {right: 33.33333333%;}
.gd-pull-md3 {right: 25%;}
.gd-pull-md2 {right: 16.66666667%;}
.gd-pull-md1 {right: 8.33333333%;}
.gd-pull-md0 {right: auto;}
.gd-push-md12 {left: 100%;}
.gd-push-md11 {left: 91.66666667%;}
.gd-push-md10 {left: 83.33333333%;}
.gd-push-md9 {left: 75%;}
.gd-push-md8 {left: 66.66666667%;}
.gd-push-md7 {left: 58.33333333%;}
.gd-push-md6 {left: 50%;}
.gd-push-md5 {left: 41.66666667%;}
.gd-push-md4 {left: 33.33333333%;}
.gd-push-md3 {left: 25%;}
.gd-push-md2 {left: 16.66666667%;}
.gd-push-md1 {left: 8.33333333%;}
.gd-push-md0 {left: auto;}
.gd-offset-md12 {margin-left: 100%;}
.gd-offset-md11 {margin-left: 91.66666667%;}
.gd-offset-md10 {margin-left: 83.33333333%;}
.gd-offset-md9 {margin-left: 75%;}
.gd-offset-md8 {margin-left: 66.66666667%;}
.gd-offset-md7 {margin-left: 58.33333333%;}
.gd-offset-md6 {margin-left: 50%;}
.gd-offset-md5 {margin-left: 41.66666667%;}
.gd-offset-md4 {margin-left: 33.33333333%;}
.gd-offset-md3 {margin-left: 25%;}
.gd-offset-md2 {margin-left: 16.66666667%;}
.gd-offset-md1 {margin-left: 8.33333333%;}
.gd-offset-md0 {margin-left: 0;}
}
@media (min-width: 1200px) { 
.gd-lg1,.gd-lg2,.gd-lg3,.gd-lg4,.gd-lg5,.gd-lg6,.gd-lg7,.gd-lg8,.gd-lg9,.gd-lg10,.gd-lg11,.gd-lg12{
float: left;}
.gd-lg1{width: 8.33333333%;}
.gd-lg2{width: 16.66666667%;}
.gd-lg3{width: 25%;}
.gd-lg4{width: 33.33333333%;}
.gd-lg5{width: 41.66666667%;}
.gd-lg6{width: 50%;}
.gd-lg7{width: 58.33333333%;}
.gd-lg8{width: 66.66666667%;}
.gd-lg9{width: 75%;}
.gd-lg10{width: 83.33333333%;}
.gd-lg11{width: 91.66666667%;}
.gd-lg12{width: 100%;}
.gd-pull-lg12{right: 100%;}
.gd-pull-lg11{right: 91.66666667%;}
.gd-pull-lg10{right: 83.33333333%;}
.gd-pull-lg9 {right: 75%;}
.gd-pull-lg8 {right: 66.66666667%;}
.gd-pull-lg7 {right: 58.33333333%;}
.gd-pull-lg6 {right: 50%;}
.gd-pull-lg5 {right: 41.66666667%;}
.gd-pull-lg4 {right: 33.33333333%;}
.gd-pull-lg3 {right: 25%;}
.gd-pull-lg2 {right: 16.66666667%;}
.gd-pull-lg1 {right: 8.33333333%;}
.gd-pull-lg0 {right: auto;}
.gd-push-lg12 {left: 100%;}
.gd-push-lg11 {left: 91.66666667%;}
.gd-push-lg10 {left: 83.33333333%;}
.gd-push-lg9 {left: 75%;}
.gd-push-lg8 {left: 66.66666667%;}
.gd-push-lg7 {left: 58.33333333%;}
.gd-push-lg6 {left: 50%;}
.gd-push-lg5 {left: 41.66666667%;}
.gd-push-lg4 {left: 33.33333333%;}
.gd-push-lg3 {left: 25%;}
.gd-push-lg2 {left: 16.66666667%;}
.gd-push-lg1 {left: 8.33333333%;}
.gd-push-lg0 {left: auto;}
.gd-offset-lg12 {margin-left: 100%;}
.gd-offset-lg11 {margin-left: 91.66666667%;}
.gd-offset-lg10 {margin-left: 83.33333333%;}
.gd-offset-lg9 {margin-left: 75%;}
.gd-offset-lg8 {margin-left: 66.66666667%;}
.gd-offset-lg7 {margin-left: 58.33333333%;}
.gd-offset-lg6 {margin-left: 50%;}
.gd-offset-lg5 {margin-left: 41.66666667%;}
.gd-offset-lg4 {margin-left: 33.33333333%;}
.gd-offset-lg3 {margin-left: 25%;}
.gd-offset-lg2 {margin-left: 16.66666667%;}
.gd-offset-lg1 {margin-left: 8.33333333%;}
.gd-offset-lg0 {margin-left: 0;}
}
.gd-xs1,.gd-xs2,.gd-xs3,.gd-xs4,.gd-xs5,.gd-xs6,.gd-xs7,.gd-xs8,.gd-xs9,.gd-xs10,.gd-xs11,.gd-xs12,.gd-sm1,.gd-sm2,.gd-sm3,.gd-sm4,.gd-sm5,.gd-sm6,.gd-sm7,.gd-sm8,.gd-sm9,.gd-sm10,.gd-sm11,.gd-sm12,.gd-md1,.gd-md2,.gd-md3,.gd-md4,.gd-md5,.gd-md6,.gd-md7,.gd-md8,.gd-md9,.gd-md10,.gd-md11,.gd-md12,.gd-lg1,.gd-lg2,.gd-lg3,.gd-lg4,.gd-lg5,.gd-lg6,.gd-lg7,.gd-lg8,.gd-lg9,.gd-lg10,.gd-lg11,.gd-lg12{position: relative; min-height: 1px;}
/* margin*/
.m-no{ margin: 0 !important;}
.m{margin: 10px;}
.m-xxs{margin: 3px;}
.m-xs{margin: 5px;}
.m-sm{margin: 20px;}
.m-md{margin: 30px;}
.m-lg{margin: 40px;}
.m-l-n{margin-left: 0;}
.m-l{ margin-left: 10px;}
.m-l-xxs{margin-left: 3px;}
.m-l-xs{margin-left: 5px;}
.m-l-sm{margin-left: 20px;}
.m-l-md{margin-left: 30px;}
.m-l-lg{margin-left: 40px;}
.m-l-o{ margin-left: -10px;}
.m-l-o-xxs{margin-left: -3px;}
.m-l-o-xs{margin-left: -5px;}
.m-l-o-sm{margin-left: -20px;}
.m-l-o-md{margin-left: -30px;}
.m-l-o-lg{margin-left: -40px;}
.m-r-n{margin-right: 0;}
.m-r{ margin-right: 10px;}
.m-r-xxs{margin-right: 3px;}
.m-r-xs{margin-right: 5px;}
.m-r-sm{margin-right: 20px;}
.m-r-md{margin-right: 30px;}
.m-r-lg{margin-right: 40px;}
.m-r-o{ margin-right: -10px;}
.m-r-o-xxs{margin-right: -3px;}
.m-r-o-xs{margin-right: -5px;}
.m-r-o-sm{margin-right: -20px;}
.m-r-o-md{margin-right: -30px;}
.m-r-o-lg{margin-right: -40px;}
.m-t-n{margin-top: 0;}
.m-t{ margin-top: 10px;}
.m-t-xxs{margin-top: 3px;}
.m-t-xs{margin-top: 5px;}
.m-t-sm{margin-top: 20px;}
.m-t-md{margin-top: 30px;}
.m-t-lg{margin-top: 40px;}
.m-t-o{ margin-top: -10px;}
.m-t-o-xxs{margin-top: -3px;}
.m-t-o-xs{margin-top: -5px;}
.m-t-o-sm{margin-top: -20px;}
.m-t-o-md{margin-top: -30px;}
.m-t-o-lg{margin-top: -40px;}
.m-b-n{margin-bottom: 0;}
.m-b{ margin-bottom: 10px;}
.m-b-xxs{margin-bottom: 3px;}
.m-b-xs{margin-bottom: 5px;}
.m-b-sm{margin-bottom: 20px;}
.m-b-md{margin-bottom: 30px;}
.m-b-lg{margin-bottom: 40px;}
.m-b-o{ margin-bottom: -10px;}
.m-b-o-xxs{margin-bottom: -3px;}
.m-b-o-xs{margin-bottom: -5px;}
.m-b-o-sm{margin-bottom: -20px;}
.m-b-o-md{margin-bottom: -30px;}
.m-b-o-lg{margin-bottom: -40px;}
.m-tb{margin: 10px 0;}
.m-tb-xs{margin: 5px 0;}
.m-tb-sm{margin: 8px 0;}
.m-tb-md{margin: 20px 0;}
.m-tb-lg{margin: 30px 0;}
/* padding*/
.p-no{ padding: 0 !important;}
.p{padding: 10px;}
.p-xxs{padding: 5px;}
.p-xs{padding: 8px;}
.p-sm{padding: 15px;}
.p-md{padding: 20px;}
.p-lg{padding: 30px;}
.p-l{padding-left:10px;}
.p-l-xxs{padding-left: 5px;}
.p-l-xs{padding-left: 8px;}
.p-l-sm{padding-left: 15px;}
.p-l-md{padding-left: 20px;}
.p-l-lg{padding-left: 30px;}
.p-r{padding-right:10px;}
.p-r-xxs{padding-right: 5px;}
.p-r-xs{padding-right: 8px;}
.p-r-sm{padding-right: 15px;}
.p-r-md{padding-right: 20px;}
.p-r-lg{padding-right: 30px;}
.p-t{padding-top:10px;}
.p-t-xxs{padding-top: 5px;}
.p-t-xs{padding-top: 8px;}
.p-t-sm{padding-top: 15px;}
.p-t-md{padding-top: 20px;}
.p-t-lg{padding-top: 30px;}
.p-b{padding-bottom:10px;}
.p-b-xxs{padding-bottom: 5px;}
.p-b-xs{padding-bottom: 8px;}
.p-b-sm{padding-bottom: 15px;}
.p-b-md{padding-bottom: 20px;}
.p-b-lg{padding-bottom: 30px;}
.p-lr{padding:0 10px;}
.p-lr-xxs{padding: 0 5px;}
.p-lr-xs{padding: 0 8px;}
.p-lr-sm{padding: 0 15px;}
.p-lr-md{padding: 0 20px;}
.p-lr-lg{padding: 0 30px;}
.p-tb{padding:10px 0;}
.p-tb-xxs{padding: 5px 0;}
.p-tb-xs{padding: 8px 0;}
.p-tb-sm{padding: 15px 0;}
.p-tb-md{padding: 20px 0;}
.p-tb-lg{padding: 30px 0;}
/* height and width */
.h-sm { height: 100px;}
.h-md { height: 150px;}
.h-lg { height: 200px;}
.h-full{height:100% !important;}
.h-m-xs { min-height: 100px;}
.h-m-sm { min-height: 150px;}
.h-m-md { min-height: 200px;}
.h-m-lg { min-height: 300px;}
.h-m-xl { min-height: 600px;}
.w-m-xs { min-width: 100px;}
.w-m-sm { min-width: 150px;}
.w-m-md { min-width: 200px;}
.w-m-lg { min-width: 300px;}
.w-m-xl { min-width: 600px;}
.w-x-full { max-width: 100%; margin-left: auto; margin-right: auto;}
.w-full { width: 100% !important;}
/*background*/
.bg-no { background: none !important;}
.bg-white { background-color: #ffffff;}
a.bg-white:hover,a.bg-white:focus { background-color:#d5d5d5;}
.bg-lightgray{background-color:#f3f3f4;}
a.bg-lightgray:hover,a.bg-lightgray:focus { background-color:#bebebe;}
.bg-gray{background-color:#a9a9a9;}
a.bg-gray:hover,a.bg-gray:focus { background-color: #706f6f;}
.bg-dimgray{background-color:#676a6c;}
a.bg-dimgray:hover,a.bg-dimgray:focus { background-color: #3b3d3e;}
.bg-lightblue{background-color: #f3f6fb;}
a.bg-lightblue:hover,a.bg-lightblue:focus { background-color:#d7e0ef;}
.bg-skyblue{ background-color:#0899f7;}
a.bg-skyblue:hover,a.bg-skyblue:focus { background-color:#087bc5;}
.bg-steelblue{ background-color:#4670bb;}
a.bg-steelblue:hover,a.bg-steelblue:focus { background-color:#314d80;}
.bg-green{ background-color:#3cb371;}
a.bg-green:hover,a.bg-green:focus { background-color:#2a7f50;}
.bg-orange{ background-color:#ff8340;}
a.bg-orange:hover,a.bg-orange:focus { background-color:#ef5c0d;}
.bg-red{ background-color:#ed5565;}
a.bg-red:hover,a.bg-red:focus { background-color:#b5404c;}
/*hr*/
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #ccc;}
.hr-dash {border-top: 1px dashed #ccc;}
.hr-blue { border-top-color:#d6deec; }
/*type*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit;font-weight: 500;line-height: 1.4;color: inherit;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {font-weight: normal;line-height: 1;color: #777;}
h1,.h1,h2,.h2,h3,.h3 {margin-top: 20px;margin-bottom: 10px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {font-size: 65%;}
h4,.h4,h5,.h5,h6,.h6 {margin-top: 10px;margin-bottom: 10px;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {font-size: 75%;}
h1,.h1 {font-size: 1.875em;}
h2,.h2 {font-size: 1.5em;}
h3,.h3 {font-size: 1.375em;}
h4,.h4 {font-size: 1.25em;}
h5,.h5 {font-size: 1.125em;}
h6,.h6 {font-size: 1em;}
/* font */
.font-bold { font-weight: 600;}
.font-normal { font-weight: 400;}
.font-italic { font-style: italic;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
/* text colors */
.text-white {color: #ffffff;}
a.text-white:hover,a.text-white:focus {color:rgba(255,255,255,0.75)}
.text-gray {color: #676a6c;}
a.text-gray:hover,a.text-gray:focus {color: #3b3d3e;}
.text-skyblue {color: #0899f7;}
a.text-skyblue:hover,a.text-skyblue:focus {color: #087bc5;}
.text-steelblue {color: #4670bb;}
a.text-steelblue:hover,a.text-steelblue:focus {color: #314d80;}
.text-green {color: #3cb371;}
a.text-green:hover,a.text-green:focus {color: #2a7f50;}
.text-orange {color: #ff8340;}
a.text-orange:hover,a.text-orange:focus {color:  #ef5c0d;}
.text-red {color: #ed5565;}
a.text-red:hover,a.text-red:focus {color: #ac2925;}
/* text align */
.text-l {text-align: left;}
.text-r {text-align: right;}
.text-c {text-align: center;}
.text-j {text-align: justify;}
/* text indent */
.text-indent-sm{text-indent: 1em;}
.text-indent-md{text-indent: 1.5em;}
.text-indent-lg{text-indent: 2em;}
/** letter space */
.spacing { letter-spacing:normal; }
.spacing-sm { letter-spacing: -0.1em; }
.spacing-md  { letter-spacing:0.1em; }
.spacing-lg { letter-spacing: 0.2em; }
/* ul ol li */
ul,ol {margin-top: 0;margin-bottom: 10px;}
ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}
ul.unstyled, ol.unstyled {list-style: none outside none;margin-left: 0;}
.list-unstyled {padding-left: 0;list-style: none;}
.list-inline {padding-left: 0;margin-left: -5px;list-style: none;}
.list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;}
/*image*/
.img-sm { width: 45px; height: 45px;}
.img-md { width: 75px; height: 75px;}
.img-lg { width: 100px; height: 100px;}
.img-xl { width: 150px; height: 150px;}
/*button*/
.ct-btn{
	display: inline-block;font-family: inherit;font-size: 0.875rem;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;border-radius: 4px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;	}
.ct-btn-block {display: block;width: 100%;}
.ct-btn-block + .ct-btn-block {margin-top: 5px;}
input[type="submit"].ct-btn-block,input[type="reset"].ct-btn-block,input[type="button"].ct-btn-block {width: 100%;}
.ct-btn.disabled, .ct-btn[disabled], fieldset[disabled] .ct-btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.btn-group, .btn-group-vertical {position: relative; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle;}
.btn-group>.btn-group:not(:last-child)>.ct-btn, .btn-group>.ct-btn:not(:last-child):not(.ct-dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group>.btn-group:not(:first-child)>.ct-btn, .btn-group>.ct-btn:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .ct-btn+.ct-btn, .btn-group .ct-btn+.btn-group, .btn-group .btn-group+.ct-btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .ct-btn+.ct-btn, .btn-group-vertical .ct-btn+.btn-group, .btn-group-vertical .btn-group+.ct-btn, .btn-group-vertical .btn-group+.btn-group {margin-left: -1px;}
.btn-group>.ct-btn:first-child {margin-left: 0;}
/* btn-white*/
.btn-white { color:#333; background: #ffffff; border: 1px solid #ffffff;}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .ct-dropdown-toggle.btn-white,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white.active:hover,
.btn-white.active:focus { color: inherit; border: 1px solid #d2d2d2;}
.btn-white:active,
.btn-white.active,
.open .ct-dropdown-toggle.btn-white { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;}
.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active { color: #cacaca;}
.btn-white:active:hover,
.btn-white.active:hover,
.open > .ct-dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open > .ct-dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open > .ct-dropdown-toggle.btn-white.focus { color: inherit; background-color: #e6e6e6; border-color: #d2d2d2;}
/* btn-gray*/
.btn-gray { color:#ffffff; background-color: #676a6c; border-color: #676a6c;}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .ct-dropdown-toggle.btn-gray,
.btn-gray:active:focus,
.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray.active:focus { color:#ffffff; background-color: #3b3d3e; border-color: #3b3d3e;}
.btn-gray.active.focus,
.btn-gray.active:focus,
.btn-gray.active:hover,
.btn-gray:active.focus,
.btn-gray:active:focus,
.btn-gray:active:hover,
.open>.ct-dropdown-toggle.btn-gray.focus,
.open>.ct-dropdown-toggle.btn-gray:focus,
.open>.ct-dropdown-toggle.btn-gray:hover {  color:#ffffff; background-color: #28292a; border-color: #181818;}
.btn-gray:active,
.btn-gray.active,
.open .ct-dropdown-toggle.btn-gray { background-image: none;}
.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray.active[disabled],
fieldset[disabled] .btn-gray,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active { background-color: #aaaaaa; border-color: #aaaaaa;}
/* btn-skyblue*/
.btn-skyblue { color:#ffffff; background-color: #0899f7; border-color: #0899f7;}
.btn-skyblue:hover,
.btn-skyblue:focus,
.btn-skyblue:active,
.btn-skyblue.active,
.open .ct-dropdown-toggle.btn-skyblue,
.btn-skyblue:active:focus,
.btn-skyblue:active:hover,
.btn-skyblue.active:hover,
.btn-skyblue.active:focus { color:#ffffff; background-color: #0778c2; border-color: #0778c2;}
.btn-skyblue.active.focus,
.btn-skyblue.active:focus,
.btn-skyblue.active:hover,
.btn-skyblue:active.focus,
.btn-skyblue:active:focus,
.btn-skyblue:active:hover,
.open>.ct-dropdown-toggle.btn-skyblue.focus,
.open>.ct-dropdown-toggle.btn-skyblue:focus,
.open>.ct-dropdown-toggle.btn-skyblue:hover {  color:#ffffff; background-color: #045386; border-color: #034067;}
.btn-skyblue:active,
.btn-skyblue.active,
.open .ct-dropdown-toggle.btn-skyblue { background-image: none;}
.btn-skyblue.disabled,
.btn-skyblue.disabled:hover,
.btn-skyblue.disabled:focus,
.btn-skyblue.disabled:active,
.btn-skyblue.disabled.active,
.btn-skyblue[disabled],
.btn-skyblue[disabled]:hover,
.btn-skyblue[disabled]:focus,
.btn-skyblue[disabled]:active,
.btn-skyblue.active[disabled],
fieldset[disabled] .btn-skyblue,
fieldset[disabled] .btn-skyblue:hover,
fieldset[disabled] .btn-skyblue:focus,
fieldset[disabled] .btn-skyblue:active,
fieldset[disabled] .btn-skyblue.active { background-color: #58b9f8; border-color: #58b9f8;}
/* btn-steelblue*/
.btn-steelblue { color:#ffffff; background-color: #4670bb ; border-color: #4670bb;}
.btn-steelblue:hover,
.btn-steelblue:focus,
.btn-steelblue:active,
.btn-steelblue.active,
.open .ct-dropdown-toggle.btn-steelblue,
.btn-steelblue:active:focus,
.btn-steelblue:active:hover,
.btn-steelblue.active:hover,
.btn-steelblue.active:focus { color:#ffffff; background-color: #314d80; border-color: #314d80;}
.btn-steelblue.active.focus,
.btn-steelblue.active:focus,
.btn-steelblue.active:hover,
.btn-steelblue:active.focus,
.btn-steelblue:active:focus,
.btn-steelblue:active:hover,
.open>.ct-dropdown-toggle.btn-steelblue.focus,
.open>.ct-dropdown-toggle.btn-steelblue:focus,
.open>.ct-dropdown-toggle.btn-steelblue:hover {  color:#ffffff; background-color: #1c2c4a; border-color:  #0e1727;}
.btn-steelblue:active,
.btn-steelblue.active,
.open .ct-dropdown-toggle.btn-steelblue { background-image: none;}
.btn-steelblue.disabled,
.btn-steelblue.disabled:hover,
.btn-steelblue.disabled:focus,
.btn-steelblue.disabled:active,
.btn-steelblue.disabled.active,
.btn-steelblue[disabled],
.btn-steelblue[disabled]:hover,
.btn-steelblue[disabled]:focus,
.btn-steelblue[disabled]:active,
.btn-steelblue.active[disabled],
fieldset[disabled] .btn-steelblue,
fieldset[disabled] .btn-steelblue:hover,
fieldset[disabled] .btn-steelblue:focus,
fieldset[disabled] .btn-steelblue:active,
fieldset[disabled] .btn-steelblue.active { background-color: #598eec; border-color: #598eec;}
.svg-white{width: 0.8em;height: 100%; filter: invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%); -ms-filter:invert(100%);  -o-filter:invert(100%); margin-right: 5px;}
/* btn-green*/
.btn-green { color:#ffffff; background-color: #108481; border-color: #108481;}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .ct-dropdown-toggle.btn-green,
.btn-green:active:focus,
.btn-green:active:hover,
.btn-green.active:hover,
.btn-green.active:focus { color:#ffffff; background-color: #2a7f50; border-color: #2a7f50;}
.btn-green.active.focus,
.btn-green.active:focus,
.btn-green.active:hover,
.btn-green:active.focus,
.btn-green:active:focus,
.btn-green:active:hover,
.open>.ct-dropdown-toggle.btn-green.focus,
.open>.ct-dropdown-toggle.btn-green:focus,
.open>.ct-dropdown-toggle.btn-green:hover {  color:#ffffff; background-color: #1a4d31; border-color:  #0f2d1d;}
.btn-green:active,
.btn-green.active,
.open .ct-dropdown-toggle.btn-green { background-image: none;}
.btn-green.disabled,
.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active,
.btn-green.disabled.active,
.btn-green[disabled],
.btn-green[disabled]:hover,
.btn-green[disabled]:focus,
.btn-green[disabled]:active,
.btn-green.active[disabled],
fieldset[disabled] .btn-green,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green.active { background-color: #4fe793; border-color: #4fe793;}
/* btn-orange*/
.btn-orange { color:#ffffff; background-color: #ff8340; border-color: #ff8340;}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .ct-dropdown-toggle.btn-orange,
.btn-orange:active:focus,
.btn-orange:active:hover,
.btn-orange.active:hover,
.btn-orange.active:focus { color:#ffffff; background-color: #ef5c0d; border-color: #ef5c0d;}
.btn-orange.active.focus,
.btn-orange.active:focus,
.btn-orange.active:hover,
.btn-orange:active.focus,
.btn-orange:active:focus,
.btn-orange:active:hover,
.open>.ct-dropdown-toggle.btn-orange.focus,
.open>.ct-dropdown-toggle.btn-orange:focus,
.open>.ct-dropdown-toggle.btn-orange:hover {  color:#ffffff; background-color: #b74609; border-color:  #8d3607;}
.btn-orange:active,
.btn-orange.active,
.open .ct-dropdown-toggle.btn-orange { background-image: none;}
.btn-orange.disabled,
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled],
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:active,
.btn-orange.active[disabled],
fieldset[disabled] .btn-orange,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active { background-color: #ff8c4e; border-color: #ff8c4e;}
/* btn-red*/
.btn-red { color:#ffffff; background-color: #ed5565; border-color: #ed5565;}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .ct-dropdown-toggle.btn-red,
.btn-red:active:focus,
.btn-red:active:hover,
.btn-red.active:hover,
.btn-red.active:focus { color:#ffffff; background-color: #ac2925; border-color: #ac2925;}
.btn-red.active.focus,
.btn-red.active:focus,
.btn-red.active:hover,
.btn-red:active.focus,
.btn-red:active:focus,
.btn-red:active:hover,
.open>.ct-dropdown-toggle.btn-red.focus,
.open>.ct-dropdown-toggle.btn-red:focus,
.open>.ct-dropdown-toggle.btn-red:hover {  color:#ffffff; background-color: #843534; border-color:  #761c19;}
.btn-red:active,
.btn-red.active,
.open .ct-dropdown-toggle.btn-red { background-image: none;}
.btn-red.disabled,
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled],
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red.active[disabled],
fieldset[disabled] .btn-red,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active { background-color: #ff8c4e; border-color: #ff8c4e;}
/* btn-link*/
.btn-link { color: #333;}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .ct-dropdown-toggle.btn-link { text-decoration: none; color: #0899f7;}
.btn-link:active,
.btn-link.active,
.open .ct-dropdown-toggle.btn-link { background-image: none;}
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active { color: #cacaca;}
/* btn-line*/
.btn-line{color: inherit;background-color: transparent;}
.btn-white.btn-line{color:#333;}
.btn-gray.btn-line{color:#696969;}
.btn-gray.btn-line:hover,.btn-gray.btn-line:focus,.btn-gray.btn-line:active{color:#ffffff;}
.btn-skyblue.btn-line{color:#0899f7;}
.btn-skyblue.btn-line:hover,.btn-skyblue.btn-line:focus,.btn-skyblue.btn-line:active{color:#ffffff;}
.btn-steelblue.btn-line{color:#4670bb;}
.btn-steelblue.btn-line:hover,.btn-steelblue.btn-line:focus,.btn-steelblue.btn-line:active{color:#ffffff;}
.btn-green.btn-line{color:#3cb371;}
.btn-green.btn-line:hover,.btn-green.btn-line:focus,.btn-green.btn-line:active{color:#ffffff;}
.btn-orange.btn-line{color:#ff8340;}
.btn-orange.btn-line:hover,.btn-orange.btn-line:focus,.btn-orange.btn-line:active{color:#ffffff;}
.btn-red.btn-line{color:#ed5565;}
.btn-red.btn-line:hover,.btn-red.btn-line:focus,.btn-red.btn-line:active{color:#ffffff;}
/* btn-size*/
.btn-min-lg{ min-width: 180px;}
.btn-min-md{ min-width: 140px;}
.btn-min-sm{ min-width: 110px;}
.btn-min-xs{ min-width: 80px;}
.btn-lg{padding: 8px 16px;letter-spacing: 0.1em;font-weight: 600;font-size: 1.1em;}
.btn-md{padding: 6px 12px;letter-spacing: 0.1em;font-weight: 600;font-size: 0.9em;}
.btn-sm{padding: 5px 10px;letter-spacing: 0.1em;font-weight: 600;font-size: 0.875em;}
.btn-xs {padding: 1px 5px;letter-spacing: 0em;font-weight: 600;font-size: 0.875em;}
/*border*/
.border{ border:1px solid; }
.border-no { border: 0; }
.border-t{ border-top:1px solid; }
.border-r{ border-right: 1px solid; }
.border-b{ border-bottom: 1px solid; }
.border-l{ border-left:1px solid;}
.border-t-0{ border-top: 0; }
.border-r-0{ border-right: 0; }
.border-b-0{ border-bottom: 0; }
.border-l-0{ border-left: 0; }
.border-white{border-color:#ffffff; }
.border-lightgray{border-color:#ccc; }
.border-gray{border-color:#a9a9a9; }
.border-dimgray{border-color:#676a6c; }
.border-lightblue{border-color:#b2c3e1; }
.border-skyblue{border-color:#0899f7; }
.border-steelblue{border-color:#4670bb; }
.border-green{border-color:#3cb371; }
.border-orange{border-color:#ff8340; }
.border-red{border-color:#ed5565; }
.radius { border-radius: .25rem;}
.radius-t { border-top-left-radius: .25rem!important;border-top-right-radius: .25rem!important;}
.radius-r { border-top-right-radius: .25rem!important;border-bottom-right-radius: .25rem!important;}
.radius-b { border-bottom-right-radius: .25rem!important;border-bottom-left-radius: .25rem!important;}
.radius-l { border-top-left-radius: .25rem!important;border-bottom-left-radius: .25rem!important;}
.radius-n {border-radius: 0;}
.radius-xs{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.radius-sm{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.radius-md{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.radius-lg{ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.radius-xl{ -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.radius-circle {border-radius: 50%;}
/*pagination*/
.pagination {display: -webkit-box;display: -ms-flexbox;display: flex;padding-left: 0;list-style: none; border-radius: .25rem;}
.page-link {position: relative;display: block;padding: .5rem .75rem; margin-left: -1px;line-height: 1.25;color: #4670bb;background-color: #fff;border: 1px solid rgba(70, 112, 187, 0.5);}
.page-link:focus, .page-link:hover {color: #4670bb;text-decoration: none;background-color: #f3f6fb;border-color: rgba(70, 112, 187, 0.5);}
.page-item.active .page-link {z-index: 1;color: #ffffff;background-color: #4670bb;border-color:#4670bb;}
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
.page-item:last-child .page-link {border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
/*form*/
form label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;color: #676a6c;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
input[type="radio"],input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;line-height: normal;}
input[type="range"] {display: block;width: 100%;}
select[multiple],select[size] {height: auto;}
textarea{overflow: auto;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
input[type=file] {display: block; color: #ed5565; margin-bottom: 5px;}
.help-block { font-size: 0.8em; color:#999999;}
.form-control {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size:0.9em;
		line-height: 1.42857143;
		color: #4670bb;
		background-color: #fff;
		background-image: none;
		border: 1px solid #a9a9a9;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:hover,.form-control:focus {background-color: #f3f6fb;border-color: #4670bb;outline: 0;}
.form-control::-moz-placeholder {color: #999; opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control::-ms-expand { background-color: transparent;border: 0;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #f3f6fb;opacity: 1;}
.form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;}
input[type="search"] {-webkit-appearance: none;}
.input-group { position: relative; display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;width: 100%;}
.input-group[class*="gd-"] {float: none;padding-right: 0;padding-left: 0;}
.input-group .form-control {position: relative;z-index: 2;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto; width: 1%; margin-bottom: 0;}
.input-group .form-control:focus {z-index: 3;}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .ct-btn,.input-group-btn:first-child > .btn-group > .ct-btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .ct-btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .ct-btn {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child > .ct-btn,.input-group-btn:last-child > .btn-group > .ct-btn,.input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .ct-btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .ct-btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group-addon, .input-group-btn {white-space: nowrap;vertical-align: middle;}
.input-group-addon {padding: .4rem .75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.25;color: #696969;text-align: center;background-color: #eceeef;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;border-color: #a9a9a9;}
.input-group-addon:first-child {border-right: 0;}
.input-group-addon:last-child {border-left: 0;}
.input-group-btn {position: relative;font-size: 0;white-space: nowrap;}
.input-group-btn > .ct-btn {position: relative;-webkit-box-flex: 1;-webkit-flex: 1 1 0%; -ms-flex: 1 1 0%;flex: 1 1 0%;}
.input-group-btn > .ct-btn:hover,.input-group-btn > .ct-btn:focus,.input-group-btn > .ct-btn:active {z-index: 2;}
.input-group-btn:first-child > .ct-btn,.input-group-btn:first-child > .btn-group {margin-right: -1px;}
.input-group-btn:last-child > .ct-btn,.input-group-btn:last-child > .btn-group {z-index: 2;margin-left: -1px;}
.input-group .form-control, .input-group-addon, .input-group-btn {display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
		input[type="date"].form-control,
		input[type="time"].form-control,
		input[type="datetime-local"].form-control,
		input[type="month"].form-control {
		  line-height: 34px;
		}
		input[type="date"].input-sm,
		input[type="time"].input-sm,
		input[type="datetime-local"].input-sm,
		input[type="month"].input-sm,
		.input-group-sm input[type="date"],
		.input-group-sm input[type="time"],
		.input-group-sm input[type="datetime-local"],
		.input-group-sm input[type="month"] {
		  line-height: 30px;
		}
		input[type="date"].input-lg,
		input[type="time"].input-lg,
		input[type="datetime-local"].input-lg,
		input[type="month"].input-lg,
		.input-group-lg input[type="date"],
		.input-group-lg input[type="time"],
		.input-group-lg input[type="datetime-local"],
		.input-group-lg input[type="month"] {
		  line-height: 46px;
		}
}
.input-lg {height: 46px;padding: 10px 16px;font-size: 1.125em;line-height: 1.3333333;border-radius: 6px;}
select.input-lg {height: 46px;line-height: 46px;}
textarea.input-lg,select[multiple].input-lg {height: auto;}
.input-sm {height: 30px;padding: 5px 10px;font-size: 0.75em;line-height: 1.5;border-radius: 3px;}
select.input-sm {height: 30px;line-height: 30px;}
textarea.input-sm,select[multiple].input-sm {height: auto;}
.form-group {margin-bottom: 15px;}
.form-group span {display: block; color: #333; font-weight: 600;}
.ct-radio-inline,.ct-checkbox-inline {position: relative;display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: normal;vertical-align: middle;cursor: pointer;}
.ct-radio-inline + .ct-radio-inline,.ct-checkbox-inline + .ct-checkbox-inline {margin-top: 0;margin-left: 10px;}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
		cursor: not-allowed;
}
.form-text {display: block;margin-top: .25rem;}
.states-skyblue .form-control-feedback,.states-skyblue .form-control-label {color: #0899f7;}
.states-skyblue  .form-control{ border-color: #0899f7;}
.states-orange .form-control-feedback,.states-orange .form-control-label {color: #ff8340;}
.states-orange .form-control{ border-color: #ff8340;}
.states-red .form-control-feedback,.states-red .form-control-label {color: #ed5565;}
.states-red  .form-control{ border-color: #ed5565;}
.form-control-feedback {margin-top: .25rem;}
.ct-radio-inline.disabled,
.ct-checkbox-inline.disabled,
fieldset[disabled] .ct-radio-inline,
fieldset[disabled] .ct-checkbox-inline {
		cursor: not-allowed;
}
.ct-radio.disabled label,
.ct-checkbox.disabled label,
fieldset[disabled] .ct-radio label,
fieldset[disabled] .ct-checkbox label {
		cursor: not-allowed;
}
form .form-group>label::before {content: "|";color: #4670bb;margin-right: 1px;font-size: 1.1em;font-weight: 700;}
form .states-skyblue label::before{ color: #0899f7;}
form .states-orange label::before{ color: #ff8340;}
form .states-red label::before{ color: #ed5565;}
.form-control-skyblue, .form-control-orange, .form-control-red {padding-right: 2.25rem;background-repeat: no-repeat;background-position: center right .5625rem;-webkit-background-size: 1.125rem 1.125rem;background-size: 1.125rem 1.125rem;}
.states-skyblue .form-control-skyblue { background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#0899f7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");}
.states-orange .form-control-orange { background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#ff8340' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/></svg>");}
.states-red .form-control-red { background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'><path stroke='#ed5565' d='M0 0l3 3m0-3L0 3'/><circle r='.5'/><circle cx='3' r='.5'/><circle cy='3' r='.5'/><circle cx='3' cy='3' r='.5'/></svg>");}
form .form-group .ct-checkbox label::before {content: ""}
.form-horizontal .ct-radio,.form-horizontal .ct-checkbox,.form-horizontal .ct-radio-inline,.form-horizontal .ct-checkbox-inline {padding-top: 7px;margin-top: 0;margin-bottom: 0;}
.form-horizontal input{padding-left:10px; padding-right: 10px;}
.form-horizontal .ct-radio,.form-horizontal .ct-checkbox {min-height: 27px;}
@media (min-width: 768px) {
		.form-horizontal .control-label {padding-top: 7px;padding-left:10px; padding-right: 10px;margin-bottom: 0;text-align: right;}}
.form-horizontal .has-feedback .form-control-feedback {right: 15px;}
@media (min-width: 768px) {
		.form-horizontal .form-group-lg .control-label {padding-top: 11px;font-size: 1.125em;}}
@media (min-width: 768px) {
		.form-horizontal .form-group-sm .control-label {padding-top: 6px;font-size: 0.75em;}}
@media (min-width: 768px) {
		.form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}
		.form-inline .form-control {display: inline-block;width: auto;vertical-align: middle;margin-left: 5px;}
		.form-inline .form-control-static {display: inline-block;}
		.form-inline .input-group {display: inline-table;vertical-align: middle;}
		.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {width: auto;}
		.form-inline .input-group > .form-control {width: 100%;}
		.form-inline .control-label {margin-bottom: 0;vertical-align: middle;}
		.form-inline .radio,.form-inline .checkbox {display: inline-block;margin-top: 0;margin-bottom: 0;vertical-align: middle;}
		.form-inline .radio label,.form-inline .checkbox label {padding-left: 0;}
		.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {position: relative;margin-left: 0; }
		.form-inline .has-feedback .form-control-feedback { top: 0;}}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.ct-nav:before,
.ct-nav:after,
.ct-navbar:before,
.ct-navbar:after,
.ct-navbar-header:before,
.ct-navbar-header:after,
.ct-navbar-collapse:before,
.ct-navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
		display: table;
		content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.ct-nav:after,
.ct-navbar:after,
.ct-navbar-header:after,
.ct-navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
		clear: both;
}
.label-skyblue{color: #4670bb;}
.label-green{color: #3cb371;}
.label-orange{color: #ff8340;}
.label-red{color: #ed5565;}
.label-hide {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.label-hide-focusable:active,.label-hide-focusable:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;}
.ct-checkbox {padding-left: 10px;}
.ct-radio label, .ct-checkbox label {min-height: 20px;padding-left: 20px;margin-bottom: 0;cursor: pointer;font-weight: 400;}
.ct-checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px}
.ct-checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;margin-left: -20px;left: 0;border: 1px solid #4670bb;border-radius: 3px;background-color:#f3f6fb;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox-green label::before {border: 1px solid  #3cb371;}
.checkbox-orange label::before {border: 1px solid  #ff8340;}
.checkbox-red label::before {border: 1px solid  #ed5565;}
.ct-checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px; padding-left: 3px;padding-top: 3px;font-size: 0.8em;color: #555555; }
.ct-checkbox input[type="checkbox"],.ct-checkbox input[type="radio"] {opacity: 0;z-index: 1;cursor: pointer;}
.ct-checkbox input[type="checkbox"]:focus + label::before,.ct-checkbox input[type="radio"]:focus + label::before {outline: none;}
.ct-checkbox input[type="checkbox"]:checked + label::after,.ct-checkbox input[type="radio"]:checked + label::after {font-family: "FontAwesome";content: "\f00c";}
.ct-checkbox input[type="checkbox"]:indeterminate + label::after,.ct-checkbox input[type="radio"]:indeterminate + label::after {display: block;content: "";width: 10px;height: 3px;background-color: #555555;border-radius: 2px;margin-left: -16.5px;margin-top: 7px;}
.ct-checkbox input[type="checkbox"]:disabled,.ct-checkbox input[type="radio"]:disabled {cursor: not-allowed;}
.ct-checkbox input[type="checkbox"]:disabled + label,.ct-checkbox input[type="radio"]:disabled + label {opacity: 0.65; }
.ct-checkbox input[type="checkbox"]:disabled + label::before,.ct-checkbox input[type="radio"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.ct-checkbox.ct-checkbox-circle label::before {border-radius: 50%; }
.ct-checkbox.ct-checkbox-inline {margin-top: 0; }
.checkbox-skyblue input[type="checkbox"]:checked + label::before,.checkbox-skyblue input[type="radio"]:checked + label::before {background-color: #4670bb;border-color: #4670bb; }
.checkbox-green input[type="checkbox"]:checked + label::before,.checkbox-green input[type="radio"]:checked + label::before {background-color: #3cb371;border-color: #3cb371; }
.checkbox-orange input[type="checkbox"]:checked + label::before,.checkbox-orange input[type="radio"]:checked + label::before {background-color: #ff8340;border-color: #ff8340; }
.checkbox-red input[type="checkbox"]:checked + label::before,.checkbox-red input[type="radio"]:checked + label::before {background-color: #ed5565;border-color: #ed5565; }
.checkbox-skyblue input[type="checkbox"]:checked + label::after,.checkbox-skyblue input[type="radio"]:checked + label::after,.checkbox-green input[type="checkbox"]:checked + label::after,.checkbox-green input,.checkbox-orange input[type="checkbox"]:checked + label::after,.checkbox-orange input[type="radio"]:checked + label::after,.checkbox-red input[type="checkbox"]:checked + label::after,.checkbox-red input[type="radio"]:checked + label::after {color: #fff; }
.ct-radio {padding-left: 10px; }
.ct-radio label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px; }
.ct-radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px;  left: 0; margin-left: -20px; border: 1px solid #4670bb; border-radius: 50%; background-color:#f3f6fb; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out;  transition: border 0.15s ease-in-out; }
.radio-green label::before {  border: 1px solid #3cb371;}
.radio-orange label::before {  border: 1px solid #ff8340;}
.radio-red label::before {  border: 1px solid #ed5565;}
.ct-radio label::after { display: inline-block;position: absolute;  content: " "; width: 11px; height: 11px; left: 3px; top: 4px; margin-left: -19px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.ct-radio input[type="radio"] {opacity: 0; z-index: 1; cursor: pointer;}
.ct-radio input[type="radio"]:focus + label::before {outline:none; }
.ct-radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.ct-radio input[type="radio"]:disabled { cursor: not-allowed;}
.ct-radio input[type="radio"]:disabled + label { opacity: 0.65; }
.ct-radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }
.ct-radio.ct-radio-inline {margin-top: 0; }
.radio-skyblue input[type="radio"] + label::after { background-color: #4670bb; }
.radio-skyblue input[type="radio"]:checked + label::before {border-color: #4670bb; }
.radio-skyblue input[type="radio"]:checked + label::after { background-color: #4670bb; }
.radio-green input[type="radio"] + label::after { background-color: #3cb371; }
.radio-green input[type="radio"]:checked + label::before {border-color: #3cb371; }
.radio-green input[type="radio"]:checked + label::after { background-color: #3cb371; }
.radio-orange input[type="radio"] + label::after { background-color: #ff8340; }
.radio-orange input[type="radio"]:checked + label::before {border-color: #ff8340; }
.radio-orange input[type="radio"]:checked + label::after { background-color: #ff8340; }
.radio-red input[type="radio"] + label::after { background-color:#ed5565; }
.radio-red input[type="radio"]:checked + label::before {border-color:#ed5565; }
.radio-red input[type="radio"]:checked + label::after { background-color:#ed5565; }
.ct-switch > input[type="checkbox"] {display: none;   }
.ct-switch > label {cursor: pointer;height: 0px;position: relative; width: 40px;  }
.ct-switch > label::before {background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px;  content: '';height: 16px; margin-top: -8px;position:absolute; opacity: 0.3; transition: all 0.4s ease-in-out;width: 40px;}
.ct-switch > label::after {background: rgb(255, 255, 255);border-radius: 16px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); content: ''; height: 24px;left: -4px;margin-top: -8px; position: absolute;
top: -4px;transition: all 0.3s ease-in-out; width: 24px;}
.ct-switch > input[type="checkbox"]:checked + label::before {background: inherit;opacity: 0.5;}
.ct-switch > input[type="checkbox"]:checked + label::after {background: inherit;left: 20px;}
.switch-dimgray{background-color:#676a6c;}
.switch-steelblue{background-color: #4670bb;}
.switch-red{background-color: #ed5565;}
.customfile {width: 0.1px;height: 0.1px;opacity: 0; overflow: hidden;z-index: -1;}
.customfile + label {font-size: 1em;text-overflow: ellipsis;white-space: nowrap; cursor: pointer; display: inline-block;  overflow: hidden;  border-radius: 0.25rem;border: 1px solid #a9a9a9; background-color: #ffffff;padding: 0;}
.customfile + label svg { width: 1em;height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em;}
.customfile:focus + label,.customfile .has-focus + label,.customfile + label:hover { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;border: 1px solid #4670bb; background-color: #f3f6fb;}
.customfile + label span,.customfile + label strong {padding:0.375rem 0.75rem;}
.customfile + label span { width: 200px; min-height: 2em; display: inline-block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;vertical-align: top;}
.customfile + label strong { height: 100%; color: #f1e5e6; background-color: #4670bb; border: 1px solid #4670bb;display: inline-block;}
.customfile:focus + label strong,.customfile.has-focus + label strong,.customfile + label:hover strong { background-color: #1c2c4a;}
.customfile + label::before { display: none;}
@media screen and (max-width: 50em) {
.customfile + label strong {display: block;}}
/*form-material style*/
.form-inline > .form-group-m {display: inline-block; margin: 0 5px 0 0;}
.form-radio-m, .form-group-m { position: relative; margin-top: 4px; margin-bottom: 24px;}
.form-group-m input {height: 1.9rem;caret-color:#4670bb;}
.form-group-m textarea { resize: none;}
.form-group-m p { margin: 2px 0 10px 20px;}
.form-group-m select { width: 100%; font-size: 1em; height: 1.6rem; padding: 0.125rem 0.125rem 0.0625rem; background: none; border: none;line-height: 1.6;box-shadow: none;}
.form-group-m .input-label { position: absolute; top: 0.25rem; pointer-events: none; padding-left: 0.125rem; z-index: 1; color: #7e7e7e; font-size: 1em; font-weight: normal;-webkit-transition: all 0.28s ease; transition: all 0.28s ease;}
.form-group-m input.input-lg-m + label.input-label {font-size: 1.2em;}
.form-group-m input.input-sm-m + label.input-label {font-size: 0.8em;}
.form-group-m .bar {position: relative;border-bottom: 0.0625rem solid #999;display: block;}
.textarea-m .bar {border-bottom: 0}
.form-group-m .bar::before { content: '';height: 0.125rem; width: 0; left: 50%; bottom: -0.0625rem; position: absolute; background: #4670bb; -webkit-transition: left 0.28s ease, width 0.28s ease; transition: left 0.28s ease, width 0.28s ease; z-index: 2;}
.form-group-m .backstage-bar::before { background: #108481; }
.form-group-m input,.form-group-m textarea { display: block; background: none; padding: 0.125rem 2rem 0.0625rem 0.125rem; font-size: 1em; border-width: 0; border-color: transparent;
	line-height: 1.5em;  width: 100%; color: transparent; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; box-shadow: none; }
.form-group-m .has-value{cursor: pointer;}
.form-group-m  input.input-lg-m{height: 2.5rem;caret-color:#4670bb;font-size: 1.1em;}
.form-group-m  input.input-sm-m{height: 1.5rem;caret-color:#4670bb;font-size: 0.9em;}
.form-group-m input[type="file"] { line-height: 1; cursor: pointer;}
.form-group-m select,.form-group-m input:focus,.form-group-m input:valid,.form-group-m input.form-file,.form-group-m input.has-value,.form-group-m textarea:focus,.form-group-m textarea:valid,.form-group-m textarea.form-file,.form-group-m textarea.has-value {color: #333;}
.form-group-m select ~ .input-label,.form-group-m input:focus ~ .input-label,.form-group-m input:valid ~ .input-label,.form-group-m input.form-file ~ .input-label,.form-group-m input.has-value ~ .input-label ,.form-group-m input:focus.input-lg-m ~ .input-label{font-size: 0.8em; color: gray; top: -1rem; left: 0;}
.form-group-m.textarea-m textarea:focus ~ .input-label,.textarea-m textarea:valid ~ .input-label{font-size: 0.8em; color:#4670bb; top: 0.3rem; left: 1rem;}
.form-group-m .search-inline input:focus ~ .input-label,.form-group-m .search-inline input:valid ~ .input-label{top: -1rem; left: 1rem;}
.form-group-m input:focus.input-lg-m ~ .input-label{font-size: 1em;}
.form-group-m input:focus.input-sm-m ~ .input-label{font-size: 0.6em;}
.form-group-m select:focus,.form-group-m input:focus,.form-group-m textarea:focus { outline: none;}
.form-group-m select:focus ~ .input-label,.form-group-m input:focus ~ .input-label,.form-group-m textarea:focus ~ .input-label,.form-group-m input.has-value ~ .input-label{color: #4670bb;}
.form-group-m select:focus ~ .bar::before,.form-group-m input:focus ~ .bar::before,.textarea-m textarea:focus ~ .bar::before,.textarea-m textarea:valid ~ .bar::before { width: 100%; left: 0;}
.form-group-m input:disabled { cursor: not-allowed;}
.form-group-m.select label{display: block;margin-bottom: 0;}
.form-flex{display: flex; flex-wrap: wrap;}
.form-flex .form-flex{flex: 1;}
.form-flex .form-group-m{flex: 1 1;padding-right: 20px;}
.textarea-m{padding-top: 1.3em;}
.textarea-m .input-label{top: 1rem;left: 1rem}
.textarea-m textarea{padding:0 1em; caret-color:#4670bb;}
.textarea-m textarea:focus ~ .input-label,.textarea-m textarea.form-file ~ .input-label,.textarea-m textarea.has-value ~ .input-label {font-size: 0.8em; color: #4670bb; top: 0rem; left: 1rem;}
.textarea-m::before{ position: absolute;  bottom: 0;  right: 0; left: 0; z-index: 1;  content:" "; height: auto;pointer-events: none; top: 0; -webkit-transform: none; transform: none;
background: none!important;  border: 1px solid rgba(0,0,0,.42); border-radius: 3px;}
.textarea-m textarea:focus ~ .textarea-m::before,.textarea-m textarea:valid ~ .textarea-m::before{     border: 1px solid rgba(0,0,0,1);}
.ct-checkbox-m input[type=checkbox],.ct-radio-m input[type=radio]{ display: none;}
.ct-checkbox-m input[type=checkbox]+label,.ct-radio-m input[type=radio]+label{     line-height: 1.2em; text-indent: 1.3em;  width: 1.2em; height: 1.2em; margin: 0.2em 0.1em;  border: 1px solid #4670bb;  border-radius: 2px;  padding: 0px; display: inline-block;position: relative; cursor: pointer;white-space:nowrap;  }
.ct-radio-m input[type=radio]+label{ border-radius: 1em;}
.ct-checkbox-m input[type=checkbox]:checked+label,.ct-radio-m input[type=radio]:checked+label{ border-color:#4670bb;}
.ct-checkbox-m input[type=checkbox]:checked + label:after{ content: ''; display: block; width: 0.6em;  height: 0.3em; margin: 0.2em 0.2em; top: 0; left: 0; transform:rotate(-45deg);
	-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position: absolute; border-left: 0.15em solid rgb(238,238,238); border-bottom: 0.15em solid rgb(238,238,238);}
.ct-radio-m input[type=radio]:checked + label{ background: #4670bb; box-shadow: 0 0 0 3px rgb(238,238,238) inset;}
.ct-checkbox-m input[type=checkbox] + label:before,.ct-radio-m input[type=radio] + label:before{  content: '';  display:block; position: absolute; left: 50%; top: 50%;  border-radius: 100%;-webkit-transform: translate(-50%, -50%) ;  transform: translate(-50%, -50%) ;  height: 4em;  width: 4em;  z-index: 0;  -webkit-transition: all 0.5s cubic-bezier(0.23, 0.95, 0.56, 1);  transition: all 0.5s cubic-bezier(0.23, 0.95, 0.56, 1);}
.ct-checkbox-m input[type=checkbox]+ label:active::before,.ct-radio-m input[type=radio]+ label:active::before{  width: 0;  height: 0;  border-radius: 100%;  background-color: #4670bb;
	-webkit-transition: all 0.01s ease-out;transition: all 0.01s ease-out;}
.ct-checkbox-m input[type=checkbox]:checked+ label:active::before,.ct-radio-m input[type=radio]:checked+ label:active::before{ background-color: gray; }
.ct-checkbox-m input[type=checkbox]:checked + label,.ct-radio-m input[type=radio]:checked + label { background-color:#4670bb;}
.ct-checkbox-m input[type=checkbox]:checked + label + span,.ct-radio-m input[type=radio]:checked+ label + span{ color: #4670bb;}
.ct-checkbox-m input[type=checkbox] + label:active,.ct-checkbox-m input[type=checkbox]:checked + label:active,.ct-radio-m input[type=radio] + label:active,.ct-radio-m  input[type=radio]:checked + label:active {  background-color:#4670bb;}
.ct-checkbox-m input[type=checkbox]:disabled + label,.ct-radio-m input[type=radio]:disabled + label{ border-color:lightgray;color:lightgray;background-color: lightgray;pointer-events: none; }
.ct-checkbox-m span,.ct-radio-m span{color: #676a6c;font-weight: bold; position: absolute;padding-left: 2px;}
.ct-checkbox-inline-m,.ct-radio-inline-m{display: inline-block; position: relative;}
.ct-checkbox-inline-m span,.ct-radio-inline-m span{float: right; position: relative;}
.ct-checkbox-inline-m + .ct-checkbox-inline-m,.ct-radio-inline-m + .ct-radio-inline-m {padding-left: 5px;}
.ct-checkbox-m input[type=checkbox]+.checkbox-green,.ct-radio-m input[type=radio]+.radio-green{border: 1px solid  #3cb371;}
.ct-checkbox-m input[type=checkbox]:checked+.checkbox-green,.ct-radio-m input[type=radio]:checked+.radio-green{ border-color:#3cb371;}
.ct-checkbox-m input[type=checkbox]+.checkbox-green:active::before,.ct-radio-m input[type=radio]+.radio-green:active::before{background-color:#3cb371;}
.ct-checkbox-m input[type=checkbox]:checked + .checkbox-green,.ct-radio-m input[type=radio]:checked + .radio-green{ background-color:#3cb371;}
.ct-checkbox-m input[type=checkbox] + .checkbox-green:active,.ct-checkbox-m input[type=checkbox]:checked +.checkbox-green:active,.ct-radio-m input[type=radio] +.radio-green:active,.ct-radio-m input[type=radio]:checked +.radio-green:active {background-color:#3cb371;}
.ct-checkbox-m input[type=checkbox]:checked+.checkbox-green + span,.ct-radio-m input[type=radio]:checked+.radio-green + span{ color:#3cb371;}
.ct-checkbox-m input[type=checkbox]+.checkbox-orange,.ct-radio-m input[type=radio]+.radio-orange{border: 1px solid  #ff8340;}
.ct-checkbox-m input[type=checkbox]:checked+.checkbox-orange,.ct-radio-m input[type=radio]:checked+.radio-orange{ border-color:#ff8340;}
.ct-checkbox-m input[type=checkbox]+.checkbox-orange:active::before,.ct-radio-m input[type=radio]+.radio-orange:active::before{background-color:#ff8340;}
.ct-checkbox-m input[type=checkbox]:checked + .checkbox-orange,.ct-radio-m input[type=radio]:checked + .radio-orange{ background-color:#ff8340;}
.ct-checkbox-m input[type=checkbox] + .checkbox-orange:active,.ct-checkbox-m input[type=checkbox]:checked +.checkbox-orange:active,.ct-radio-m input[type=radio] +.radio-orange:active,.ct-radio-m  input[type=radio]:checked +.checkbox-orange:active {background-color:#ff8340;}
.ct-checkbox-m input[type=checkbox]:checked+.checkbox-orange + span,.ct-radio-m input[type=radio]:checked+.radio-orange + span{ color:#ff8340;}
.ct-checkbox-m input[type=checkbox]+.checkbox-red,.ct-radio-m input[type=radio]+.radio-red{border: 1px solid  #ed5565;}
.ct-checkbox-m input[type=checkbox]:checked+.checkbox-red,.ct-radio-m input[type=radio]:checked+.radio-red{ border-color:#ed5565;}
.ct-checkbox-m input[type=checkbox]+.checkbox-red:active::before,.ct-radio-m input[type=radio]+.radio-red:active::before{background-color:#ed5565;}
.ct-checkbox-m input[type=checkbox]:checked + .checkbox-red,.ct-radio-m input[type=radio]:checked + .radio-red{ background-color:#ed5565;}
.ct-checkbox-m input[type=checkbox] + .checkbox-red:active,.ct-checkbox-m input[type=checkbox]:checked +.checkbox-red:active,.ct-radio-m input[type=radio] +.radio-red:active,.ct-radio-m  input[type=radio]:checked +.radio-red:active {background-color:#ed5565;}
.ct-checkbox-m input[type=checkbox]:checked+.checkbox-red + span,.ct-radio-m input[type=radio]:checked+.radio-red + span{ color:#ed5565;}
.ct-checkbox-m span.label-skyblue,.ct-radio-m span.label-skyblue{color: #4670bb;}
.ct-checkbox-m span.label-green,.ct-radio-m span.label-green{color: #3cb371;}
.ct-checkbox-m span.label-orange,.ct-radio-m span.label-orange{color:#ff8340;}
.ct-checkbox-m span.label-red,.ct-radio-m span.label-red{color: #ed5565;}
	.ct-checkbox-m input[type=checkbox].ct-switch-m+label{border-radius: 1em;  border-color: gray; width: 1.5em; height: 1.5em; background: #ffffff; text-indent: inherit;}
	.ct-checkbox-m input[type=checkbox]:checked.ct-switch-m+label{ left:1.5em;  border-color:#4670bb;background-color: #4670bb; }
	.ct-checkbox-m input[type=checkbox].ct-switch-m+label:after{ background: rgb(0, 0, 0);  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius:50px; content: '';  height: 16px; margin-top:3px; position: absolute; opacity: 0.3; width: 2.2em;display: block;transform:rotate(0deg);  -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg); margin-left :0.6em;border: 0; z-index: -2;}
	.ct-checkbox-m input[type=checkbox]:checked.ct-switch-m+label:after{ transform: rotate(0);margin-left :-1.2em;}
.ct-checkbox-m input[type=checkbox]:checked.ct-switch-m+label.switch-dimgray-m{border-color:#676a6c; background: #676a6c;}
.ct-checkbox-m input[type=checkbox]:checked.ct-switch-m+label.switch-dimgray-m:after{ transform: rotate(0); margin-left :-1.1em;}
.ct-checkbox-m input[type=checkbox]:active.ct-switch-m+label.switch-dimgray-m:before{background-color:#676a6c;}
.ct-checkbox-m input[type=checkbox] +.switch-dimgray-m:active,.ct-checkbox-m input[type=checkbox]:checked +.switch-dimgray-m:active{background-color:#676a6c;border-color:#676a6c;}
.ct-checkbox-m input[type=checkbox]:checked.ct-switch-m+label.switch-red-m{border-color:#ed5565; background:#ed5565;}
	.ct-checkbox-m input[type=checkbox]:checked.ct-switch-m+label.switch-red-m:after{transform: rotate(0); margin-left :-1.1em;}
.ct-checkbox-m input[type=checkbox]:active.ct-switch-m+label.switch-red-m:before{background-color:#ed5565;}
.ct-checkbox-m input[type=checkbox] +.switch-red-m:active,.ct-checkbox-m input[type=checkbox]:checked +.switch-red-m:active{background-color:#ed5565;border-color:#ed5565}
.input-label-toggle {display: inline-block; position: relative;   cursor: pointer;  height: 0.6em;  width: 0.6em; border-radius: 50%;  padding: 0; margin-left: 0;
	margin-right: 0.25em; text-align: center;  background-color: transparent;  will-change: background-color;  margin-top: -1.2em; fill: #949494; transition: transform 0.3s; font: normal normal normal 1.3em/1 FontAwesome;}
.select-focus .input-label-toggle{transform: rotate(180deg); fill: #676a6c; vertical-align: middle;margin-top: -0.8em;}
.select-menu-container{ display: block; margin: 0; padding: 0; border: none; position: absolute;  overflow: visible;  height: 0;visibility: hidden;  z-index: -1; width: 100% !important; margin-top: -24px;}
.select-menu-container.select-visible{ z-index: 999; visibility: visible;}
.select-menu{ position: absolute; list-style: none; top: 0;  height: auto; width: auto;  min-width: 124px; padding: 0;  margin: 0; opacity: 0; z-index: -1; line-height: 24px; list-style-type: none; background: #ffffff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.select-menu-container.select-visible .select-menu{ opacity: 1; z-index: 999;}
.select-menu-container .select-menu{width: 100%;}
.select-item{  display: block; border: none; background-color: transparent; text-align: left; margin: 0; padding: 0 16px; outline-color: #bdbdbd;position: relative; overflow: hidden;  font-size: 0.9em; font-weight: 400; letter-spacing: 0; text-decoration: none; cursor: pointer; height: 38px; line-height: 2em; white-space: nowrap;}
.select-menu-container .select-menu .select-item{font-size: 1em;}
.select-menu-container.select-visible .select-item { opacity: 1;}
.select-item:hover{background: #eee;}
.select-menu .select-item.selected{background: #ddd;}
.form-group-m .customfile + label{border:0; position: absolute;margin-top: -35px; outline:none; outline: -webkit-focus-ring-color none;background-color:inherit;}
.form-group-m .customfile + label:hover{ outline:none;  outline: -webkit-focus-ring-color none; border:none;background-color:inherit;}
.form-group-m .customfile .input-label{top:1.8rem;}
.file-inline,.search-inline {padding-left: 20px;}
.form-group-m .customfile + label + label{ cursor: pointer;}
.svg-inline { color:#949494;position: absolute; margin-top: 15px;}
.svg-inline svg{width: 1.2em; height: 1.4em; vertical-align: middle; fill: currentColor; margin-top: -0.5em; margin-right: 0.25em;}
.form-group-m .customfile + label span{width: auto; min-height: 2em;  display:block; text-overflow:inherit;  white-space: nowrap; overflow: hidden;}
.form-group-m .customfile-remove{ border: 0; height: 20px;  width: 20px;  border-radius: 50%; margin: -25px 0 0 5px; cursor: pointer;  font: inherit; line-height: 15px; outline: none;   background: inherit; float: right; position: relative; font-size: 1.2em;}
.form-group-m .customfile-remove::before{content: 'x'; color:#9b9b9b;}
.states-steelblue-m svg{ fill: #4670bb; width: 1.5em; height: 1.5em; vertical-align: middle; margin-top: -1.8em; margin-right: 0.25em; right: 0;position: absolute;}
.states-steelblue-m .feedback{margin-top: .25rem;color:#4670bb;}
.states-orange-m svg{ fill: #ff8340; width: 1.1em; height: 1.1em; vertical-align: middle; margin-top: -1.8em; margin-right: 0.25em; right: 0;position: absolute;}
.states-orange-m .feedback{margin-top: .25rem;color:#ff8340;}
.states-orange-m .bar::before{ background: #ff8340;}
.states-orange-m input:focus ~ .input-label,.states-orange-m input.has-value ~.input-label{color: #ff8340;}
.states-red-m svg{ fill: #ed5565; width: 1.5em; height: 1.5em; vertical-align: middle; margin-top: -1.8em; margin-right: 0.25em; right: 0;position: absolute;}
.states-red-m .feedback{margin-top: .25rem;color:#ed5565;}
.states-red-m .bar::before{ background: #ed5565;}
.states-red-m input:focus ~ .input-label,.states-read-m input.has-value ~.input-label{color: #ed5565;}
.states-steelblue-m .svg-inline svg,.states-orange-m .svg-inline svg,.states-red-m .svg-inline svg{width: 1em; height: 1em;  vertical-align: middle; fill: currentColor; margin-top: -1.5em; margin-right: 0.25em; position: relative;}
.ct-checkbox-m .title{ display: inline-block; vertical-align: middle; padding: 0 0 20px;color: #676a6c;font-weight: bold;}
/*table*/
.ct-table {width: 100%;max-width: 100%; margin-bottom: 1rem; background-color: transparent;}
.ct-table th,.ct-table td { padding: 0.75rem; vertical-align: top;border-top: 1px solid #ccc;}
.ct-table thead th { vertical-align: bottom; border-bottom: 2px solid #4670bb;}
.ct-table tbody + tbody {border-top: 2px solid #ccc;}
.table-striped tbody tr:nth-of-type(odd) { background-color:#f3f3f4;}
.ct-table .thead-light th {color: #4670bb;background-color: #f3f6fb;border-color: #b2c3e1;}
.ct-table .thead-dark th {color: #ffffff;background-color: #4670bb;border-color: #314d80;}
.table-bordered {border: 1px solid #e9ecef;}
.table-bordered th,.table-bordered td {border: 1px solid #ccc;}
.table-bordered thead th,.table-bordered thead td {border-bottom-width: 2px;}
.table-hover tbody tr:hover { background-color:#d7e0ef;}.table-sm th,
.table-sm td {padding: 0.3rem;}
@media (max-width: 575px) {
		.table-responsive-sm {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
		.table-responsive-sm.table-bordered {border: 0;}}
@media (max-width: 767px) {
		.table-responsive-md {display: block; width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;  -ms-overflow-style: -ms-autohiding-scrollbar;}
		.table-responsive-md.table-bordered { border: 0;}}
@media (max-width: 991px) {
		.table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
		.table-responsive-lg.table-bordered { border: 0;}}
@media (max-width: 1199px) {
		.table-responsive-xl { display: block;width: 100%; overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
		.table-responsive-xl.table-bordered {border: 0; }}
		.table-responsive {display: block; width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
		.table-responsive.table-bordered {border: 0;}
/*navtabs*/
.ct-nav {display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.nav-link {display: block;padding: 0.5rem 1rem;}
.nav-link:focus, .nav-link:hover {text-decoration: none;}
.nav-tabs {border-bottom: 1px solid #4670bb;}
.nav-tabs .nav-item a,.nav-pills .nav-item a{color: #4670bb;}
.nav-tabs .nav-item {margin-bottom: -1px;}
.nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {color: #314d80;border-color: #b2c3e1 #b2c3e1 #4670bb;background-color: #f3f6fb;}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {color: #4670bb;background-color: #f3f6fb;border-color: #4670bb #4670bb #fff;}
.nav-tabs .ct-dropdown-menu {margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0;}
.nav-pills .nav-link {border-radius: 0.2rem;}
.nav-pills .nav-link:focus, .nav-pills .nav-link:hover {color: #314d80;background-color: #f3f6fb;}
.nav-pills .nav-link.active,.nav-pills .show > .nav-link {color: #fff;background-color: #4670bb;}
.nav-tabs .nav-link.disabled,.nav-pills .nav-link.disabled {color: #868e96;background-color: transparent;border-color: transparent;cursor: not-allowed;}
.nav-fill .nav-item {-ms-flex: 1 1 auto;flex: 1 1 auto;text-align: center;}
.nav-justified .nav-item {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;text-align: center;}
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
.ct-dropdown {position: relative;}
.ct-dropdown-toggle::after {display: inline-block;width: 0;height: 0;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent; border-bottom: 0;border-left: 0.3em solid transparent;}
.ct-dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;padding:0;margin: 0.125rem 0 0;font-size: 1rem;color: #212529; text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(70, 112, 187, 0.5);border-radius: 0.25rem;}
.show>.ct-dropdown-menu {display: block;}
.ct-dropdown-item {display: block; width: 100%;padding:3px 1.5rem;clear: both;font-weight: 400;color: #292b2c;text-align: inherit;white-space: nowrap;background: 0 0;border: 0;}
.ct-dropdown-item:focus, .ct-dropdown-item:hover {color: #4670bb;text-decoration: none;background-color: #f3f6fb;}
.flex-column {-ms-flex-direction: column !important;flex-direction: column !important;}
@media (min-width: 576px) {.flex-sm-row {-ms-flex-direction: row !important;flex-direction: row !important;}}
/*breadcrumb*/
.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 0; list-style: none;transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;	}
.breadcrumb-item + .breadcrumb-item::before { display: inline-block;content: ""; border: 6px solid transparent; border-left: 8px solid #a1b9e3; margin-left: 0.8rem;}
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline;}
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none;}
.breadcrumb-item.active {color: #2c58a5;font-weight: 700;}
.breadcrumb a{color: #4670c9;}
.breadcrumb a:hover{color:#2c58a5;}
/*ct-chip*/
.ct-chip{display: inline-block; padding: 0 9px;  border-radius: 32px; font-size: 0.9em; color: #ffffff; line-height: 28px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ct-chip+.ct-chip{margin-left: 5px;}
.ct-chip-remove{display: inline-block; border: 0;  height: 20px;  width: 20px; border-radius: 50%;  padding: 0;  margin: 0 -4px 0 5px; cursor: pointer; font: inherit;  line-height: 20px;  outline: none;}
.ct-chip-remove::before{content: 'x'; color:#ffffff;}
.chip-steelblue{background: #4670bb;}
.chip-steelblue:hover{background:#385b99;}
.chip-steelblue .ct-chip-remove{background:#2e4a7b;} 
.chip-steelblue:hover .ct-chip-remove,.chip-steelblue:active .ct-chip-remove{background:#203252;} 
.chip-red{background: #ed5565;}
.chip-red:hover{background:#d53c4c;}
.chip-red .ct-chip-remove{background:#c23443;} 
.chip-red:hover .ct-chip-remove,.chip-red:active .ct-chip-remove:active{background:#7d120f;} 
.chip-gray{background: #898989;}
.chip-gray:hover{background:#727070;}
.chip-gray .ct-chip-remove{background:#5c5c5c;} 
.chip-gray:hover .ct-chip-remove,.chip-red:active .ct-chip-remove:active{background:#3b3d3e;} 
.form-group-m.chip-inline {display: flex; flex-wrap: wrap;}
.chip-inline input{display: inline-block;width: auto; -webkit-box-flex: 1; flex: 1;}
.chip-inline .ct-chip{margin-bottom: 5px;position:relative;}
.chip-inline .bar {width: 100%;}
/*ct-ripple*/
.ct-ripple{position:relative;overflow:hidden;transform:translate3d(0,0,0)}
.ct-ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}
.ct-ripple:active:after{transform:scale(0,0);opacity:.2;transition:0s}
.ct-ripple-over{position:relative;transform:translate3d(0,0,0)}
.ct-ripple-over:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}
.ct-ripple-over:active:after{transform:scale(0,0);opacity:.2;transition:0s}
/* masterbar*/
#masterbar{position: fixed;  right: 0; left: 0;  z-index: 1030;min-height: 50px;  margin-bottom: 20px; background-color: #344563;box-shadow: 0px 5px 10px rgba(52, 69, 99,0.3);}
#masterbar .ct-logo{float: left; padding: 20px 0px 20px 10px;}
#masterbar .toggle{float: left;	}
#masterbar .toggle ul{list-style: none;padding: 15px 0 5px;margin: 0;}
#masterbar .toggle ul li{ display: inline-block;padding: 0 5px;}
#masterbar .toggle ul li::after {display: block;content: " ";transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#masterbar .toggle ul li:hover::after {border-bottom: 2px solid #5db8f1;}
#masterbar .toggle ul li a {display: block; color: #ffffff;font-size: 1.2em; text-decoration: none;letter-spacing: 0.05em;text-align: center; padding: 10px 15px 5px;}
#masterbar .publish{float: right; padding: 15px;}
#masterbar .publish-no{ color: #7b8394; background-color: #1e2f4e; border-color: #1e2f4e;}
#masterbar .inform{ float: right; margin: 20px; color: #7cd3f5;}
/*sidebar*/
.side-opener{float: right; cursor: pointer; height: 55px; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;  width: 55px;}
.side-opener-inner{  background: #5db8f1; height: 2px;  margin-left: .75rem; margin-top: 1.75rem; width: 30px;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.side-opener-inner:hover{ background: #ffffff;}
.side-opener-inner::before {-webkit-transform: translateY(-0.7rem); -ms-transform: translateY(-0.7rem); transform: translateY(-0.7rem);}
.side-opener-inner::after { -webkit-transform: translateY(0.5rem); -ms-transform: translateY(0.5rem); transform: translateY(0.5rem);}
.side-opener-inner::before, .side-opener-inner::after {background: #5db8f1; content: '';display: block;height: 2px; width: 30px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.side-opener:hover .side-opener-inner,.side-opener:hover .side-opener-inner::before,.side-opener:hover .side-opener-inner::after { background: #ffffff;}
nav#ct-side{ position:fixed;padding-bottom: 80px; top: 68px; left:0;  /* width:220px;*/  height:100%; /*margin:0 0 0 -220px;*/ -moz-transition:all 200ms ease-in; -webkit-transition:all 200ms ease-in;  -o-transition:all 200ms ease-in; transition:all 200ms ease-in;z-index: 1;  box-shadow: 1px 5px 10px rgba(52, 69, 99,0.3);border-right: 1px solid #dde2e6;overflow:scroll;}
nav#ct-side.navopen{margin:0;}
/*#ct-content.navopen{webkit-transform:translate3d(220px, 0, 0);-moz-transform:translate3d(220px, 0, 0); -o-transform:translate3d(220px, 0, 0); transform:translate3d(220px, 0, 0);}*/
/*account*/
.account{height: 100px;}
.account .pic{display: inline-block;}
.account button{ position: absolute; margin: 8px 0 5px 5px;}
/*pageedit*/
.ct-page > ul{/*width:195px;*/list-style:none; overflow:hidden;}
.ct-page ul ul,.ct-page ul ul ul,.ct-page ul ul ul ul{list-style:none; overflow:hidden; padding-left: 15px;width: 100%;}
.ct-page ul a,.ct-page ul ul a,.ct-page ul ul ul a,.ct-page ul ul ul ul a{cursor: move;overflow:hidden;text-overflow : ellipsis; white-space : nowrap; display: inline-block;text-decoration:none;font-weight: 600;width: 100%;}
.ct-page button{cursor: pointer;outline:none;}
.ct-page button i{font-size: 1.375em;}
.ct-page button i:hover{font-size: 1.375em;}
.sidetitle img{width: 27px;height: 27px;cursor: pointer;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.sidetitle img:hover{ margin-top: 2px; }
.page-btn{margin-top: 10px;height:33px;/*width: 195px;*/cursor:pointer;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.page-btn:hover{height:auto;}
.page-btn:hover,.page-btn:focus {border: 1px solid #b2c3e1;}
.page-btn .title {padding: 6px 12px;background: #4670bb;color: #ffffff;text-align: center;font-size: 0.9em;border-radius: 3px;}
.page-btn:hover .title,.title:hover {border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.page-btn .popform{display: none;}
.page-btn:active .popform,.page-btn:hover .popform{display:block; width:100%;margin-top: 10px; padding: 15px 8px 0;}
/*gadget*/
.ct-gadget{cursor: move;}
.ct-gadget:hover,.ct-gadget:focus {border-color: #4670bb;}
.ct-gadget img{width: 30px;height: 30px;}
.ct-gadget span{display: block;font-size:0.875em;font-weight: 600;}
/*template*/
.ct-template{cursor:pointer;height:82px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.ct-template:hover{height:408px; box-shadow: 1px 1px 3px rgba(0,0,0,0.4);}
.ct-template:hover,.ct-template:focus {border:2px solid #4670bb;}
.active>.ct-template{border: 2px solid rgba(255,131,64,0.6);}
.ct-template .templateimg{width: 100%; height:50px; /*max-width:197px;*/ }
.ct-template:hover .templateimg{opacity: 0.7;}
.ct-template .title {color: #676a6c;font-size: 0.9em;}
.ct-template .popimg{display: none;}
.ct-template:active .popimg,.ct-template:hover .popimg{display:block; width:100%;}
/*popup*/
.ct-popup {position: fixed;left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(94, 110, 141, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999;}
.popup-show{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.ct-popup-container { position: relative;width: 90%;max-width: 400px;margin: 4em auto;background: #FFF; border-radius: .4em .4em .4em .4em;text-align: center;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);  -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s}
.popuptop{height: 180px; border-radius: .4em .4em 0 0;}
.popupok{ height: 100px;background-repeat: no-repeat; -webkit-background-size: 4rem 4rem; background-size: 4rem 4rem;background-image:url("/src/images/popupok-icon.svg");background-position-y:2.1rem;background-position-x:center;}
.ct-popup-container>h2{padding: 0.5em 1em;}
.popup-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;color: transparent; white-space: nowrap;}
.ct-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.ct-popup-close::before, .ct-popup-close::after {content: '';position: absolute;top: 12px; width: 14px; height: 3px; background-color: #676a6c;}
.ct-popup-close::before { -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.ct-popup-close::after {  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
@media only screen and (min-width: 1170px) { .ct-popup-container { margin: 8em auto; }}
/*module-settings*/
.module-set {position: relative;margin: 1em auto; background: #FFF; border: 1px solid #4670bb; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);z-index: 999;}
.module-set-top{height: 50px;padding: 5px 8px 5px 15px;}
@media(max-width: 767px){.module-set-btn {padding: 10px 0;}}
/*subpage*/
.subpage { position: relative;margin:2em auto;background: #FFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 999;}
.subpage-bg{background: #d3d9e4;}
.subpage-top{height: 80px;padding: 8px 8px 8px 15px;}
.subpage .inputblock{margin: 20px;border-radius:0.25rem;border: 1px solid#4670bb;}
.subpage .inputblock-title{ height: 40px; background: #6d97e0; color: #ffffff;}
.subpage .inputblock .openerbtn{ height: 100%; padding: 0 20px; border-bottom-left-radius: 0; border-top-left-radius: 0; }
.subpage .inputblock .openerbtn .svg-white{margin-right: 0;}
/*ct-tree*/
.ct-tree-block{min-height: 500px;}
.expand img{width: 27px;height: 27px;cursor: pointer;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.expand img:hover{ padding-top: 3px; }
.ct-tree ul {margin-left: 0px;}
.ct-tree li { list-style-type: none; margin:13px; position: relative;}
.ct-tree li::before {content: ""; position: absolute; top: -15px; left: -20px; border-left: 1px solid #b2c3e1; border-bottom: 1px solid #b2c3e1; border-radius: 0 0 0 0px;width: 20px;height: 25px;}
.ct-tree li::after { position:absolute; content:"";top: 10px;left: -20px;border-left: 1px solid #b2c3e1; border-top:1px solid #b2c3e1; border-radius:0px 0 0 0; width:20px; height:100%;}
.ct-tree li:last-child::after  { display:none;}
.ct-tree li:last-child:before{border-radius: 0 0 0 5px;}
ul.ct-tree >li:first-child::before { display:none;}
ul.ct-tree >li:first-child::after { border-radius:5px 0 0 0;}
.ct-tree li label,.ct-tree li a { font-weight: 600; color:#4670bb;border: 1px #b2c3e1 solid; background:#f3f6fb;border-radius: 4px; padding:5px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;cursor: pointer;text-align: center;display: table;}
.ct-tree li label:hover,.ct-tree li a:hover {background: #d7e0ef; border:1px solid #4670bb;}
.ct-tree li a div{margin-top: 8px; text-align: left;}
.ct-tree li label:hover+ul li::after, .ct-tree li label:focus+ul li::after,.ct-tree li label:hover+ul li::before, .ct-tree li label:focus+ul li::before .ct-tree li label:hover+ul::before, .ct-tree li label:focus+ul::before .ct-tree li label:hover+ul ul::before, .ct-tree li label:focus+ul ul::before{ border-color:  #b2c3e1; }
.ct-tree-block ul li label::before {display: inline-block; content: "";border: 6px solid transparent; border-top: 7px solid #fd9862; margin-right: 0.6rem;}
.ct-tree input{display: none;}
.ct-tree input ~ ul { display: none;}
.ct-tree input:checked:not(:disabled) ~ ul {display: block;}
.ct-tree input + label + ul { margin: 0 0 0 22px;}
.ct-tree .tree-gadget { display: inline-block; padding: 2px 8px; background: #4670bb; color: #ffffff; border-radius: 0.2em; font-size: 0.9em;}
.ct-tree .tree-arr{display: inline-block;border: 5px solid transparent; border-right: 7px solid #4670bb;}
.ct-tree .tree-icon{padding: 2px 5px;border-radius: 0.2em; margin-left: 4px; text-align: center; color: #ffffff; font-size: 0.9em;vertical-align: inherit;line-height: 1.2em;}
.ct-tree .icon-bg1{background:#0899f7;}
.ct-tree .icon-bg2{background:#be7bca;}
.ct-tree .tree-icon img{width: 0.8em; height: 100%; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%);-o-filter: invert(100%);margin-right: 4px;}
/* Login */
.ct-login-bg{ background-color: #56baed; background: url(/src/images/loginbg.jpg)}
.ct-login-backstage-bg{ background-color: #108481; background: url(/src/images/loginbg-backstage.png)}
.ct-login{ display: flex; align-items: center; flex-direction: column;  justify-content: center; width: 100%; min-height: 100%; padding: 80px 20px 20px;}
.ct-login a { color: #4670bb;display:inline-block; text-decoration: none; font-weight: 400;}
.ct-login h2 { text-align: center; font-size: 1em; font-weight: 600; text-transform: uppercase; display:inline-block; margin: 40px 8px 10px 8px;  color: #cccccc;}
.ct-login-content{ -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background: #fff; width: 90%; max-width: 450px; position: relative; padding: 0px; -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3); box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3); }
.ct-login form{margin-bottom: 0;}
.ct-login-form{padding:0 60px;}
.ct-login-footer{ background-color: #f6f6f6; border-top: 1px solid #dce8f1; padding: 25px 60px; text-align: center; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.fadeInDown{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
		100% { opacity: 1;  -webkit-transform: none; transform: none; }}
@keyframes fadeInDown { 0% {  opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none;}}
/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fadeIn { opacity:0; -webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
.fadeIn.first { -webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;text-align: center;}
.fadeIn.second {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s;}
.fadeIn.third { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s;}
.fadeIn.fourth { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.underline:after {display: block; left: 0; bottom: -10px; width: 0;  height: 2px; background-color: #314d80; content: "";transition: width 0.2s;}
.underline:hover {color: #314d80;}
.underline:hover:after{ width: 100%;}
.ct-login-icon{ width:40%; margin-bottom: 5px;}
.ct-login-icon2{ background-image: url(/src/svg/loginicon-2.svg) ;position: absolute;top: 100px;left:80px;width: 50px;height: 30px;}
.ct-login-icon3{ background-image: url(/src/svg/loginicon-3.svg) ;position: absolute;top: 130px;right:80px;width: 20px;height: 20px;}
.ct-login-icon4{ background-image: url(/src/svg/loginicon-3.svg) ;position: absolute;top: 220px;left:100px;width: 20px;height: 20px;background-size: 1.5em;}
.ct-login-icon5{ background-image: url(/src/svg/loginicon-2.svg) ;position: absolute;top: 220px;right:90px;width: 50px;height: 30px;}
.ct-login-icon6{ background-image: url(/src/svg/loginicon-4.svg) ;position: absolute;top: 180px;left:80px;width: 20px;height: 20px;}
.ct-login-icon7{ background-image: url(/src/svg/loginicon-4.svg) ;position: absolute;top: 160px;right:110px;width: 20px;height: 20px;}
.ct-login-icon8{ background-image: url(/src/svg/loginicon-4.svg) ;position: absolute;top: 90px;right:140px;width: 20px;height: 20px;background-size: 1.5em;}
.ct-login-icon9{ background-image: url(/src/svg/loginicon-4.svg) ;position: absolute;top: 90px;left:150px;width: 20px;height: 20px;}
.ct-login-icon10{ background-image: url(/src/svg/loginicon-4.svg) ;position: absolute;top:240px;right:150px;width: 20px;height: 20px;}
.ct-login-icon11{ background-image: url(/src/svg/loginicon-4.svg) ;position: absolute;top:140px;left:100px;width: 20px;height: 20px;background-size: 1.6em;}
.ct-login-logo{ margin: 35px auto 15px; display: block; max-width: 183px;}
.ct-login-title {font-weight: bold; color: #767676; margin-bottom: 15px;}
.ct-login-topline { width: 100%; height: 5px; background: #4670bb; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.ct-login-backstage-topline { width: 100%; height: 5px; background: #108481; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.ct-login-close{ width: 30px; height: 30px; background: #f5f5f5; position: absolute; border-radius: 30px; right: 0;margin-top: 0.5em; margin-right: 0.5em; cursor: pointer;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.ct-login-close svg{fill: #c4c4c4; width: 1.5em; height: 1.5em;vertical-align: middle; margin-top: 0.08em;}
.ct-login-close:hover svg{ fill: #999999;}
.ct-login-close a:focus { outline: 2px dotted #d26800; }
.oauth-login-logo{ margin: 35px auto 15px; display: block; max-width: 200px;}
.ct-login-tab{width:50%;display: inline-block; padding: 10px;margin-bottom: 15px;}
.ct-login-tab .tab{ width: 100%; min-height: 100px; border: 1px solid #c7c7c7; border-radius: 4px; padding: 5px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; cursor: pointer;}
.ct-login-tab .tab svg{ fill: #949494; width:2em;  height:2em; }
.ct-login-tab .tab:hover svg,.ct-login-tab .tab:focus svg,.ct-login-tab .tab:active svg,.ct-login-tab .tab.active svg{ fill: #4670bb;}
.ct-login-tab .tab:hover,.ct-login-tab .tab:focus,.ct-login-tab .tab:active,.ct-login-tab .tab.active{ border: 2px solid #4670bb;}
.ct-login-tab .tab:hover .tab-title,.ct-login-tab .tab:focus .tab-title,.ct-login-tab .tab:active .tab-title,.ct-login-tab .tab.active .tab-title{color:#4670bb;}
.ct-login .login-link {min-height: 150px; padding: 0 25px; border-top: 1px solid #adc5ef; background: #e3edff;-webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.login-link .tab{ min-height: 50px;}
.link-tab{width:50%;display: inline-block; padding: 10px;}
.link-tab .tab{ width: 100%; min-height:50px; border-radius: 4px; padding: 8px;font-weight: bold;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; cursor: pointer; position:relative; background:rgba(255,255,255,0.3);}
.link-tab .tab.qq{border: 1px solid #51AAF2; color:#51AAF2; }
.link-tab .tab.qq:hover{background: #51AAF2;color:#ffffff;}
.link-tab .tab.wc{ border: 1px solid #50B749; color:#50B749;}
.link-tab .tab.wc:hover{background:#50B749;color:#ffffff;}
.link-tab .tab-title{transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.link-tab:hover .tab-title{ padding-left: 45px;}
.login-link .link-title{ display: table; margin: 0 auto; width: 100px; text-align: center;}
.login-link .link-title::after{content: ""; display: block; border-bottom:2px solid #4670bb;}
.link-tab .tab.qq svg{ fill: #51AAF2; width:2em; height:2em; position: absolute; right:8px; top:8px;}
.link-tab .tab.qq:hover svg{ fill: #ffffff;}
.link-tab .tab.wc svg{ fill: #50B749; width:2em; height:2em; position: absolute; right:8px; top:8px; }
.link-tab .tab.wc:hover svg{ fill: #ffffff;}
.oauth-login-bg{ background-color: #f6f6f6; border-top: 1px solid #dce8f1; padding: 25px; text-align: center;}
.ct-animated1{-webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-iteration-count:infinite;}
.ct-animated2{-webkit-animation-duration:1.8s; animation-duration:1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-iteration-count:infinite;}
.ct-animated3{-webkit-animation-duration:2.2s; animation-duration:2.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-iteration-count:infinite;}
@-webkit-keyframes ct-bounceInDown1{ 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px);} 60% { -webkit-transform: translateY(0px); transform: translateY(0px);}	100% {
	-webkit-transform: translateY(-5px); transform: translateY(-5px);}}
@keyframes ct-bounceInDown1 {0% { -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);} 60% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px);transform: translateY(0px);}100% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px);transform: translateY(-5px);}}
.ct-bounceInDown1{-webkit-animation-name: ct-bounceInDown1; animation-name: ct-bounceInDown1;}
@-webkit-keyframes ct-bounceInDown2{ 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px);} 40% { -webkit-transform: translateY(0px); transform: translateY(0px);}	100% {
	-webkit-transform: translateY(-5px); transform: translateY(-5px);}}
@keyframes ct-bounceInDown2 {0% { -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);} 40% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px);transform: translateY(0px);}100% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px);transform: translateY(-5px);}}
.ct-bounceInDown2{-webkit-animation-name: ct-bounceInDown2; animation-name: ct-bounceInDown2;}
@-webkit-keyframes ct-bounceInDown3{ 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px);} 40% { -webkit-transform: translateY(0px); transform: translateY(0px);}	100% {
	-webkit-transform: translateY(-5px); transform: translateY(-5px);}}
@keyframes ct-bounceInDown3 {0% { -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);} 40% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px);transform: translateY(0px);}100% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px);transform: translateY(-5px);}}
.ct-bounceInDown3{-webkit-animation-name: ct-bounceInDown3; animation-name: ct-bounceInDown3;}
@-webkit-keyframes ct-bounceInDown4{ 0% { -webkit-transform: translateY(-5px) rotate(180deg); transform: translateY(-5px) rotate(180deg);} 60% { -webkit-transform: translateY(0px) rotate(180deg); transform: translateY(0px) rotate(180deg);}	100% {-webkit-transform: translateY(-5px) rotate(180deg); transform: translateY(-5px) rotate(180deg);}}
@keyframes ct-bounceInDown4 {0% { -webkit-transform: translateY(-5px) rotate(180deg) ;-ms-transform: translateY(-5px) rotate(180deg);transform: translateY(-5px) rotate(180deg);} 60% { -webkit-transform: translateY(0px) rotate(180deg); -ms-transform: translateY(0px) rotate(180deg);transform: translateY(0px) rotate(180deg);}100% { -webkit-transform: translateY(-5px) rotate(180deg); -ms-transform: translateY(-5px) rotate(180deg);transform: translateY(-5px) rotate(180deg);}}
.ct-bounceInDown4{-webkit-animation-name: ct-bounceInDown4; animation-name: ct-bounceInDown4;}

.rescue-btn:focus,
.back-btn:focus,
input#uname:focus,
input#login-password:focus,
input#uname-ce:focus,
input#uemail:focus {
outline: 2px dotted #d26800;
}
a.SSO-hc-openid {
background-color: #058544;
border-color: #058544;
}
a.SSO-ntp-openid {
background-color: #cd4a04;
border-color: #cd4a04;
}
a.SSO-link {
font-size: 0.8rem;
padding: 8px 8px;
color: #fff;
}
a.SSO-1compus-openid {
	background-color: #5B483A;
	border-color: #4b3b30;
	color: #fff !important;
}