.panel-primary {
	border-color: #565659;
}
/*     .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

vertical-align: text-top !important;
   }
 */
.panel-primary>.panel-heading {
	color: #fff;
	background-color: #565659;
	border-color: #565658;
}

.tsf-content {
	height: auto !important;
}

label b {
	font-size: 14px;
	color: #000;
}

label {
	font-size: 14px;
	color: #565658;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #dddddd;
}

/* .tooltip.top .tooltip-arrow {
     border-top-color: #fccc08 !important;
 }
 
 .tooltip-inner {
     background-color: #fccc08 !important;
     color: #565659;
 } */
/*  .col-md-4 {
       margin: 0 auto;
   } */
.table>tbody>tr>th,.table>tfoot>tr>th, .table>thead>tr>th {
	padding: 5px 5px;
	line-height: 1.42857143;
	vertical-align: middle !important;
	border-top: 1px solid #ddd;
	font-weight: normal;
	font-size: 11px !important;
}
.table>tbody>tr>td,.table>tfoot>tr>td,.table>thead>tr>td {
	padding: 5px 5px;
	line-height: 1.42857143;
	vertical-align: middle !important;
	border-top: 1px solid #ddd;
	font-weight: normal;
	font-size: 12px !important;
} 

/*  .form-group {
     margin-bottom: 0px;
 } */
.form-control {
	height: 28px;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
	{
	color: #565659 !important;
	cursor: default;
	background-color: #fccc08 !important;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background: #565658 !important;
	color: #565659  !important;
}

.nav-tabs>li>a:hover {
	background: #fccc08;
	color: #565659;
}
/***************************************/
.bounce-effect {
	display: block;
	-webkit-animation: bounce-1 .6s;
	-moz-animation: bounce-1 .6s;
	-o-animation: bounce-1 .6s;
	animation: bounce-1 .6s
}

.slide-down-up-effect {
	display: block;
	-webkit-animation: slide-down-up .6s;
	-moz-animation: slide-down-up .6s;
	-o-animation: slide-down-up .6s;
	animation: slide-down-up .6s
}

.slide-up-down-effect {
	display: block;
	-webkit-animation: slide-up-down .6s;
	-moz-animation: slide-up-down .6s;
	-o-animation: slide-up-down .6s;
	animation: slide-up-down .6s
}

.slide-right-left-effect {
	display: block;
	-webkit-animation: slide-right-left .6s;
	-moz-animation: slide-right-left .6s;
	-o-animation: slide-right-left .6s;
	animation: slide-right-left .6s
}

.slide-left-right-effect {
	display: block;
	-webkit-animation: slide-left-right .6s;
	-moz-animation: slide-left-right .6s;
	-o-animation: slide-left-right .6s;
	animation: slide-left-right .6s
}

/* .default-effect {
	display: block;
	-moz-animation: default-effect .6s ease-in-out;
	-o-animation: default-effect .6s ease-in-out;
	-webkit-animation: default-effect .6s ease-in-out;
	animation: default-effect .6s ease-in-out
} */

.flip-effect {
	display: block;
	-moz-animation: flip-effect .8s ease-in-out;
	-o-animation: flip-effect .8s ease-in-out;
	-webkit-animation: flip-effect .8s ease-in-out;
	animation: flip-effect .8s ease-in-out
}

.transformation-effect {
	display: block;
	-moz-animation: transformation-effect .8s ease;
	-o-animation: transformation-effect .8s ease;
	-webkit-animation: transformation-effect .8s ease;
	animation: transformation-effect .8s ease
}

@
-webkit-keyframes bounce-1 { 0% {
	opacity: 0;
	-webkit-transform: scale(.5)
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
scale
(1
.2
)

     
}
100%
{
-webkit-transform
:
 
scale
(1)

     
}
}
@
-moz-keyframes bounce-1 { 0% {
	opacity: 0;
	-moz-transform: scale(.5)
}

60%
{
opacity
:
 
1;
-moz-transform
:
 
scale
(1
.2
)

     
}
100%
{
-moz-transform
:
 
scale
(1)

     
}
}
@
keyframes bounce-1 { 0% {
	opacity: 0;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5)
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
scale
(1
.2
);

         
-moz-transform
:
 
scale
(1
.2
);

         
-ms-transform
:
 
scale
(1
.2
);

         
-o-transform
:
 
scale
(1
.2
);

         
transform
:
 
scale
(1
.2
)

     
}
100%
{
-webkit-transform
:
 
scale
(1);

         
-moz-transform
:
 
scale
(1);

         
-ms-transform
:
 
scale
(1);

         
-o-transform
:
 
scale
(1);

         
transform
:
 
scale
(1)

     
}
}
@
keyframes slide-down-up { 0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px)
}

60%
{
opacity
:
 
1;
-moz-transform
:
 
translateY
(-20px);

         
-ms-transform
:
 
translateY
(-20px);

         
-o-transform
:
 
translateY
(-20px);

         
-webkit-transform
:
 
translateY
(-20px);

         
transform
:
 
translateY
(-20px)

     
}
100%
{
-moz-transform
:
 
translateY
(0);

         
-ms-transform
:
 
translateY
(0);

         
-o-transform
:
 
translateY
(0);

         
-webkit-transform
:
 
translateY
(0);

         
transform
:
 
translateY
(0)

     
}
}
@
keyframes slide-up-down { 0% {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	transform: translateY(-30px)
}

60%
{
opacity
:
 
1;
-moz-transform
:
 
translateY
(30px);

         
-ms-transform
:
 
translateY
(30px);

         
-o-transform
:
 
translateY
(30px);

         
-webkit-transform
:
 
translateY
(30px);

         
transform
:
 
translateY
(30px)

     
}
100%
{
-moz-transform
:
 
translateY
(0);

         
-ms-transform
:
 
translateY
(0);

         
-o-transform
:
 
translateY
(0);

         
-webkit-transform
:
 
translateY
(0);

         
transform
:
 
translateY
(0)

     
}
}
@
keyframes slide-right-left { 0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px)
}

60%
{
opacity
:
 
1;
-moz-transform
:
 
translateX
(-20px);

         
-ms-transform
:
 
translateX
(-20px);

         
-o-transform
:
 
translateX
(-20px);

         
-webkit-transform
:
 
translateX
(-20px);

         
transform
:
 
translateX
(-20px)

     
}
100%
{
-moz-transform
:
 
translateX
(0);

         
-ms-transform
:
 
translateX
(0);

         
-o-transform
:
 
translateX
(0);

         
-webkit-transform
:
 
translateX
(0);

         
transform
:
 
translateX
(0)

     
}
}
@
keyframes slide-left-right { 0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px)
}

60%
{
opacity
:
 
1;
-moz-transform
:
 
translateX
(20px);

         
-ms-transform
:
 
translateX
(20px);

         
-o-transform
:
 
translateX
(20px);

         
-webkit-transform
:
 
translateX
(20px);

         
transform
:
 
translateX
(20px)

     
}
100%
{
-moz-transform
:
 
translateX
(0);

         
-ms-transform
:
 
translateX
(0);

         
-o-transform
:
 
translateX
(0);

         
-webkit-transform
:
 
translateX
(0);

         
transform
:
 
translateX
(0)

     
}
}
@
keyframes default-effect { 0% {
	-moz-perspective: 150;
	-webkit-perspective: 150;
	-ms-perspective: 150;
	perspective: 150;
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	-o-transform: rotateX(15deg);
	-webkit-transform: rotateX(15deg);
	transform: rotateX(15deg);
	opacity: 0;
	filter: alpha(opacity = 0)
}

60%
{
-moz-transform
:
 
rotateX
(7deg);

         
-ms-transform
:
 
rotateX
(7deg);

         
-o-transform
:
 
rotateX
(7deg);

         
-webkit-transform
:
 
rotateX
(7deg);

         
transform
:
 
rotateX
(7deg);

         
opacity
:
 
1;
filter
:
 
alpha
(opacity=100)

     
}
100%
{
-moz-transform
:
 
rotateX
(0);

         
-ms-transform
:
 
rotateX
(0);

         
-o-transform
:
 
rotateX
(0);

         
-webkit-transform
:
 
rotateX
(0);

         
transform
:
 
rotateX
(0)

     
}
}
@
keyframes flip-effect { 0% {
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	transform-style: preserve-3d
}

100%
{
-webkit-transform
:
 
rotateY
(0);

         
-webkit-transform-style
:
 
preserve-3d
;

         
-moz-transform
:
 
rotateY
(0);

         
-ms-transform
:
 
rotateY
(0);

         
-o-transform
:
 
rotateY
(0);

         
transform
:
 
rotateY
(0);

         
transform-style
:
 
preserve-3d

     
}
}
@
keyframes transformation-effect { 0% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

100%
{
-webkit-transform
:
 
rotate
(0);

         
-moz-transform
:
 
rotate
(0);

         
-ms-transform
:
 
rotate
(0);

         
-o-transform
:
 
rotate
(0);

         
transform
:
 
rotate
(0)

     
}
}
i.fa.fa-chevron-right {
	display: none;
}

i.fa.fa-chevron-left {
	display: none;
}

.tsf-step {
	/* display: none */
	
}

.tsf-step.active {
	display: block
}

.tsf-content {
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 0;
	/* padding-top:5px; */
}

.tsf-content input.error {
	border: 1px solid #f00
}

.tsf-content label.error {
	color: #f00;
	font-style: italic
}

.tsf-controls {
	padding: 25px 0
}

i.fa.fa-chevron-right {
	display: none;
}

i.fa.fa-chevron-left {
	display: none;
}

.tsf-controls .tsf-wizard-btn {
	background-color: #fccc08;
	color: #fff !important;
	padding: 15px 25px !important
}

.tsf-controls .tsf-wizard-btn:hover {
	background-color: #565659;
	color: #fff;
}

.tsf-controls .tsf-wizard-btn.btn-right {
	float: right
}

.tsf-nav-step ul a {
	text-decoration: none !important
}

.tsf-nav-step ul .desc {
	padding-top: 0
}

.tsf-nav-step ul label {
	margin-bottom: 0 !important
}

.tsf-nav-step .tsf-nav {
	-moz-transition: all 1000ms;
	-o-transition: all 1000ms;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
	position: absolute
}

.tsf-nav-many-steps {
	height: 100px;
	overflow: hidden;
	width: 100%;
	position: relative
}

.tsf-left-container, .tsf-right-container {
	width: 66.66666667%;
	float: left;
	padding-right: 15px;
	padding-left: 15px
}

.tsf-right-nav-step, .tsf-left-nav-step {
	float: left;
	width: 33.33333333%;
	padding-right: 15px;
	padding-left: 15px
}

.tsf-right-nav-step {
	float: right
}

.tsf-wizard .tsf-nav-step label {
	cursor: pointer !important
}

/*  .tsf-wizard.not-show-num .tsf-nav-step .number {
     display: none
 }
  */
.tsf-wizard.bottom {
	display: flex;
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
	flex-flow: column
}

.tsf-wizard.bottom .tsf-bottom-container {
	order: 1;
	display: flex;
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
	flex-flow: column
}

.tsf-wizard.bottom .tsf-bottom-nav-step {
	order: 2
}

.tsf-wizard.bottom .tsf-controls {
	order: 1
}

.tsf-wizard.bottom .tsf-content {
	order: 2
}

.tsf-nav-step .gsi-style-9:not (.gsi-vertical ) li:last-child {
	top: 37px
}

.tsf-nav-step .gsi-style-10:not (.gsi-vertical ) li:last-child {
	top: 37px
}

.gsi-number-circle li a:hover {
	background-color: #565659;
	color: #fff
}

.gsi-number-circle li a:hover .number {
	color: #565659
}

.gsi-number-circle li>* .number {
	font-size: 24px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #565659;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	text-align: center
}

.gsi-number-circle li>* .desc {
	padding-left: 10px
}

.gsi-number-circle li.visited>* .number, .gsi-number-circle li.current>* .number
	{
	color: #565659
}

.gsi-step-no-available li.current ~li>*, .gsi-step-no-available li.current
	~li>*:hover {
	background-color: #e5e5e5 !important;
	border-color: #e5e5e5;
	cursor: not-allowed;
	color: #565659 !important;
	border-width: 0 !important
}

.gsi-step-no-available li.current ~li>* .desc label,
	.gsi-step-no-available li.current ~li>*:hover .desc label {
	cursor: not-allowed !important
}

.gsi-step-no-available li.current ~li>* .number:before,
	.gsi-step-no-available li.current ~li>*:hover .number:before {
	border-left-color: #e5e5e5 !important
}

.gsi-step-no-available-all li:not (.current )>*,
	.gsi-step-no-available-all li:not (.current )>*:hover {
	background-color: #e5e5e5 !important;
	border-color: #e5e5e5 !important;
	cursor: not-allowed;
	color: #565659 !important;
	border-width: 0 !important
}

.gsi-step-no-available-all li:not (.current )>* .desc label,
	.gsi-step-no-available-all li:not (.current )>*:hover .desc label {
	cursor: not-allowed !important
}

.gsi-step-no-available-all li:not (.current )>* .number:before,
	.gsi-step-no-available-all li:not (.current )>*:hover .number:before {
	border-left-color: #e5e5e5 !important
}

.gsi-step-no-available-after-current li.current ~li>*,
	.gsi-step-no-available-after-current li.current ~li>*:hover {
	background-color: #e5e5e5 !important;
	border-color: #e5e5e5;
	cursor: not-allowed !important;
	color: #565659 !important;
	border-width: 0 !important
}

.gsi-step-no-available-after-current li.current ~li>* .desc label,
	.gsi-step-no-available-after-current li.current ~li>*:hover .desc label
	{
	cursor: not-allowed !important
}

.gsi-step-no-available-after-current li.current ~li>* .number:before,
	.gsi-step-no-available-after-current li.current ~li>*:hover .number:before
	{
	border-left-color: #e5e5e5 !important
}

.gsi-step-no-available-before-current li:not (.current )>*,
	.gsi-step-no-available-before-current li:not (.current )>*:hover {
	background-color: #e5e5e5 !important;
	border-color: #e5e5e5 !important;
	cursor: not-allowed !important;
	color: #565659 !important;
	border-width: 0 !important
}

.gsi-step-no-available-before-current li:not (.current )>* .desc label,
	.gsi-step-no-available-before-current li:not (.current )>*:hover .desc label
	{
	cursor: not-allowed !important
}

.gsi-step-no-available-before-current li:not (.current )>* .number:before,
	.gsi-step-no-available-before-current li:not (.current )>*:hover .number:before
	{
	border-left-color: #e5e5e5 !important
}

.gsi-step-no-available-before-current li.current ~li>*,
	.gsi-step-no-available-before-current li.current ~li>*:hover {
	background-color: #edeff0 !important;
	border-color: #edeff0 !important;
	cursor: not-allowed !important;
	color: #565659 !important;
	border-width: 0 !important
}

.gsi-step-no-available-before-current li.current ~li>* .desc label,
	.gsi-step-no-available-before-current li.current ~li>*:hover .desc label
	{
	cursor: pointer !important
}

.gsi-step-no-available-before-current li.current ~li>* .number:before,
	.gsi-step-no-available-before-current li.current ~li>*:hover .number:before
	{
	border-left-color: #e5e5e5 !important
}

.gsi-transition li>* {
	-webkit-transition: background-color .6s ease, border-color .6s ease;
	-moz-transition: background-color .6s ease, border-color .6s ease;
	-o-transition: background-color .6s ease, border-color .6s ease;
	transition: background-color .6s ease, border-color .6s ease
}

.gsi-transition li>* .number, .gsi-transition li>* .number:before {
	-webkit-transition: background-color .6s ease, border-color .6s ease;
	-moz-transition: background-color .6s ease, border-color .6s ease;
	-o-transition: background-color .6s ease, border-color .6s ease;
	transition: background-color .6s ease, border-color .6s ease
}

.gsi-vertical {
	margin: 0 0 10px 15px !important;
	width: 85% !important
}

.gsi-vertical li {
	min-width: 150px;
	margin-top: 10px;
	display: block !important
}

.gsi-vertical li>*, .gsi-vertical li.current>* {
	padding: 1em .8em .8em 1em !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.gsi-step-indicator {
	width: 100%;
	padding: 0 1.2em;
	margin: 5px auto;
	background-color: #edeff0;
	border-radius: .25em
}

.gsi-step-indicator li {
	display: inline-block;
	float: left;
	margin: 1.2em 0
}

.gsi-step-indicator li .number {
	font-size: 24px;
	color: #565659 !important;
}

.gsi-step-indicator li .desc {
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: super;
}

.gsi-step-indicator li .desc label {
	font-size: 1.1em
}

.gsi-step-indicator li .desc span {
	font-size: 14px;
	display: block
}

.gsi-step-indicator li::after {
	display: inline-block;
	/* content: '»'; */
	content: '�';
	margin: 0 1em;
	color: #959fa5
}

.gsi-step-indicator li:last-of-type::after {
	display: none
}

.gsi-step-indicator li>* {
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
	font-size: 14px !important;
	color: #565659;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{

}
.gsi-step-indicator li.current>* {
	color: #fccc08
}

.gsi-step-indicator a:hover {
	color: #fccc08
}

.gsi-step-indicator a {
	text-decoration: none !important;
}

.gsi-step-indicator:after {
	content: "";
	display: table;
	clear: both
}

.gsi-step-indicator.triangle {
	background-color: transparent;
	padding: 0
}

/*  .gsi-step-indicator.triangle li {
     position: relative;
     padding: 0;
     margin: 0px 4px 4px 0;
     width: 19.8%;
    
 }
  */
.gsi-step-indicator.triangle li:last-of-type {
	margin-right: 0
}

.gsi-step-indicator.triangle li>* {
	position: relative;
	padding: 9px 0px 0px 25px;
	/* padding: 1em .8em .8em 2.5em; */
	color: #565659;
	background-color: #edeff0;
	border-color: #edeff0;
	display:block;
	text-align:center;
}

.gsi-step-indicator.triangle li.current>* {
	color: #fff;
	background-color: #fccc08;
	border-color: #fccc08
}

.gsi-step-indicator.triangle li:first-of-type>* {
	/* border-radius: .25em 0 0 .25em */
	border-radius: 0;
}

.gsi-step-indicator.triangle li:last-of-type>* {
	padding-right: 1.6em;
	/* border-radius: 0 .25em .25em 0 */
	border-radius: 0;
}

.gsi-step-indicator.triangle a:hover {
	color: #fff !important;
	background-color: #565659;
	border-color: #565659
}

.gsi-step-indicator.triangle a:hover .gsi-style-1 li .desc label {
	color: #fff !important;
}

li:hover a .desc label {
	color: #fff !important;
}

.gsi-step-indicator.triangle li::after, .gsi-step-indicator.triangle li>*::after
	{
	content: '';
	position: absolute;
	top: 0px;
	left: 100%;
	height: 0;
	width: 0;
	border: 18px solid transparent;
	border-right-width: 0;
	border-left-width: 20px
}

.gsi-step-indicator.triangle li::after {
	z-index: 1;
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
	border-left-color: #fff;
	margin: 0
}

.gsi-step-indicator.triangle li>*::after {
	z-index: 2;
	border-left-color: inherit
}

.gsi-step-indicator.triangle .triangle li:last-of-type::after,
	.gsi-step-indicator.triangle li:last-of-type>*::after {
	display: none
}

.gsi-step-indicator.triangle.gsi-arrow-left li::after,
	.gsi-step-indicator.triangle.gsi-arrow-left li>*::after {
	content: '';
	position: absolute;
	top: 2px;
	left: -20px;
	height: 0;
	width: 0;
	border: 31px solid transparent;
	border-right-width: 20px;
	border-left-width: 0
}

.gsi-step-indicator.triangle.gsi-arrow-left li>*::after {
	z-index: 2;
	border-right-color: inherit
}

.gsi-step-indicator.gsi-vertical li {
	float: inherit !important;
	display: block
}

.gsi-style-1 li .desc {
	padding-top: 7px !important
}

.gsi-style-1 li .desc label {
	padding-bottom: 10px
}

.gsi-style-1 li .desc span {
	display: none
}

.gsi-style-2 li .desc {
	padding-top: 0
}

.gsi-style-3 li .number {
	font-size: 24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	background-color: #fff;
	border: 1px solid #565659;
	text-align: center;
	display: inline-block
}

.gsi-style-3 li .desc {
	padding-top: 0
}

.gsi-style-3 li:hover .number, .gsi-style-3 li.current .number {
	color: #fff !important;
}

.gsi-step-indicator.triangle li:hover .gsi-style-1 li .desc label,
	.gsi-style-1 li .desc label:hover {
	color: #fff !important;
}

.gsi-style-4 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-4 li {
	display: inline-block
}

.gsi-style-4 li a {
	background-color: #edeff0;
	color: #565659
}

.gsi-style-4 li a .number:before {
	border-left-color: #edeff0
}

.gsi-style-4 li a:hover {
	background-color: #565659;
	color: #fff
}

.gsi-style-4 li a:hover .number:before {
	border-left-color: #565659
}

.gsi-style-4 li>* {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 16px 14px 14px 10px;
	display: flex
}

.gsi-style-4 li>* .number {
	font-size: 24px;
	position: relative;
	padding-right: 5px
}

.gsi-style-4 li>* .number:after, .gsi-style-4 li>* .number:before {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
	margin: 0;
	content: '';
	position: absolute;
	top: -15px;
	border: 34px solid transparent;
	border-left-width: 12px
}

.gsi-style-4 li>* .number:after {
	z-index: 1;
	left: 100%;
	border-left-color: #fff
}

.gsi-style-4 li>* .number:before {
	z-index: 2;
	left: 85%
}

.gsi-style-4 li>* .desc {
	padding-top: 5px;
	padding-left: 20px
}

.gsi-style-4 li>* .desc label {
	font-size: 1.1em
}

.gsi-style-4 li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-4 li.current>* {
	background-color: #fccc08;
	color: #fff
}

.gsi-style-4 li.current>* .number:before {
	border-left-color: #fccc08
}

.gsi-style-5 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-5 li {
	margin: 5px 0 5px 5px;
	display: inline-block
}

.gsi-style-5 li a {
	background-color: #edeff0;
	color: #565659
}

.gsi-style-5 li a:hover {
	background-color: #565659;
	color: #fff
}

.gsi-style-5 li>* {
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 16px 14px 14px 10px
}

.gsi-style-5 li>* .number {
	font-size: 19px;
	padding-right: 5px
}

.gsi-style-5 li>* .desc {
	padding-left: 20px
}

.gsi-style-5 li>* .desc label {
	font-size: 1.1em
}

.gsi-style-5 li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-5 li.current>* {
	background-color: #fccc08;
	color: #fff !important;
}

.gsi-style-6 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-6 li {
	margin-left: 5px;
	display: inline-block
}

.gsi-style-6 li a {
	color: #565659
}

.gsi-style-6 li a:hover .number {
	background-color: #565659;
	color: #fff !important;
}

.gsi-style-6 li>* {
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 16px 14px 14px 10px
}

.gsi-style-6 li>* .number {
	font-size: 20px;
	height: 36px;
	width: 36px;
	text-align: center;
	padding: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #edeff0
}

.gsi-style-6 li>* .desc {
	padding-left: 20px
}

.gsi-style-6 li>* .desc label {
	font-size: 1.1em
}

.gsi-style-6 li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-6 li.current>* .number {
	background-color: #fccc08;
	color: #fff
}

.gsi-style-6.gsi-step-no-available li.current ~li>* .number,
	.gsi-style-6.gsi-step-no-available li.current ~li>*:hover .number {
	background-color: #565659 !important;
	color: #fff !important
}

.gsi-style-7 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-7 li {
	margin-left: 5px;
	display: inline-block;
	margin-bottom: 10px;
	min-width: 215px
}

.gsi-style-7 li a:hover {
	background-color: #565659;
	color: #fff
}

.gsi-style-7 li>* {
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 16px 14px 14px 10px;
	background-color: #edeff0;
	color: #565659
}

.gsi-style-7 li>* .number {
	font-size: 20px;
	padding-left: 5px
}

.gsi-style-7 li>* .desc {
	font-weight: normal;
	padding-left: 15px
}

.gsi-style-7 li>* .desc label {
	font-size: 1.1em
}

.gsi-style-7 li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-7 li.current:hover>* {
	background-color: #fccc08;
	color: #fff
}

.gsi-step-indicator li:hover span.number {
	color: #fff !important;
}

.gsi-style-7.border-left li a {
	border-left: 10px solid #565659
}

.gsi-style-7.border-left li.current>* {
	border-left: 10px solid #fccc08
}

.gsi-style-7.border-right li a {
	border-right: 10px solid #565659
}

.gsi-style-7.border-right li.current>* {
	border-right: 10px solid #fccc08
}

.gsi-style-7.border-top li a {
	border-top: 10px solid #565659
}

.gsi-style-7.border-top li.current>* {
	border-top: 10px solid #fccc08
}

.gsi-style-7.border-bottom li a {
	border-bottom: 10px solid #565659
}

.gsi-style-7.border-bottom li.current>* {
	border-bottom: 10px solid #fccc08
}

.gsi-style-8 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-8 li {
	position: relative;
	margin-left: 40px;
	display: inline-block
}

.gsi-style-8 li a {
	background-color: #edeff0;
	color: #565659
}

.gsi-style-8 li a:hover {
	background-color: #565659;
	color: #fff
}

.gsi-style-8 li:not (:last-child ):after {
	position: absolute;
	content: '';
	height: 5px;
	background: #edeff0;
	margin: 0;
	width: 100%;
	top: 50%;
	left: 100%
}

.gsi-style-8 li>* {
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 16px 14px 14px 10px
}

.gsi-style-8 li>* .number {
	font-size: 19px;
	padding-right: 5px
}

.gsi-style-8 li>* .desc {
	padding-left: 20px
}

.gsi-style-8 li>* .desc label {
	font-size: 1.1em
}

.gsi-style-8 li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-8 li.visited>*, .gsi-style-8 li.current>* {
	background-color: #fccc08;
	color: #fff
}

.gsi-style-8 li.visited:after {
	background-color: #fccc08 !important
}

.gsi-style-8.gsi-vertical li {
	margin-top: 20px
}

.gsi-style-8.gsi-vertical li:not (:last-child ):after {
	position: absolute;
	content: '';
	height: 100%;
	background: #edeff0;
	margin: 0;
	width: 5px;
	top: 100%;
	left: 10%
}

.gsi-style-9 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-9 li {
	position: relative;
	margin-left: 40px;
	display: inline-block
}

.gsi-style-9 li a {
	color: #565659
}

.gsi-style-9 li a:hover {
	color: #fccc08
}

.gsi-style-9 li:not (:last-child ):after {
	position: absolute;
	content: '';
	height: 5px;
	background: #edeff0;
	margin: 0;
	width: 150%;
	top: 50%;
	left: 50%
}

.gsi-style-9 li>* {
	display: flex
}

.gsi-style-9 li>* .number {
	display: none
}

.gsi-style-9 li>* .desc {
	margin-top: -23%;
	padding-bottom: 33px
}

.gsi-style-9 li>* .desc span {
	display: none
}

.gsi-style-9 li.visited>*, .gsi-style-9 li.current>* {
	color: #fccc08
}

.gsi-style-9 li.visited:after {
	background-color: #fccc08
}

.gsi-style-9 li>*:after {
	position: absolute;
	content: '';
	margin: 0;
	width: 20px;
	height: 20px;
	background-color: #edeff0;
	left: 33%;
	top: 30%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.gsi-style-9 li.visited>*:after, .gsi-style-9 li.current>*:after {
	background-color: #fccc08;
	z-index: 3
}

.gsi-style-9.gsi-vertical li {
	padding-left: 15px
}

.gsi-style-9.gsi-vertical li:not (:last-child ):after {
	height: 100%;
	width: 5px;
	top: 77%;
	left: 8px
}

.gsi-style-9.gsi-vertical li>* {
	display: block
}

.gsi-style-9.gsi-vertical li>* .desc {
	padding-left: 10px
}

.gsi-style-9.gsi-vertical li>*:after {
	left: 0;
	top: 36%
}

.gsi-style-10 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-10 li {
	position: relative;
	margin-left: 40px;
	display: inline-block
}

.gsi-style-10 li a {
	color: #565659
}

.gsi-style-10 li a:hover {
	color: #fccc08
}

.gsi-style-10 li a:hover:before {
	position: absolute;
	content: '';
	margin: 0;
	width: 26px;
	height: 26px;
	background-color: #b2b2b2;
	left: 29%;
	top: 24%;
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .2;
	filter: alpha(opacity = 20)
}

.gsi-style-10 li:first-child a:hover:before, .gsi-style-10 li:last-child a:hover:before
	{
	left: 28%;
	top: 23%
}

.gsi-style-10 li:not (:last-child ):after {
	position: absolute;
	content: '';
	height: 5px;
	background: #edeff0;
	margin: 0;
	width: 150%;
	top: 50%;
	left: 50%
}

.gsi-style-10 li>* {
	display: flex
}

.gsi-style-10 li>* .number {
	display: none
}

.gsi-style-10 li>* .desc {
	margin-top: -23%;
	padding-bottom: 33px
}

.gsi-style-10 li>* .desc span {
	display: none
}

.gsi-style-10 li.visited>*, .gsi-style-10 li.current>* {
	color: #fccc08
}

.gsi-style-10 li.visited:after {
	background-color: #fccc08
}

.gsi-style-10 li.visited a:hover:before {
	background-color: #fccc08
}

.gsi-style-10 li>*:after {
	position: absolute;
	content: '';
	margin: 0;
	width: 20px;
	height: 20px;
	background-color: #edeff0;
	left: 33%;
	top: 30%;
	z-index: 2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.gsi-style-10 li.visited>*:after, .gsi-style-10 li.current>*:after {
	background-color: #fccc08
}

.gsi-step-indicator.triangle li.current>.desc label {
	color: #fff;
}

.gsi-style-10.gsi-vertical li {
	padding-left: 15px
}

.gsi-style-10.gsi-vertical li a:hover:before {
	left: -3px;
	top: 28%
}

.gsi-style-10.gsi-vertical li:not (:last-child ):after {
	height: 100%;
	width: 5px;
	top: 77%;
	left: 8px
}

.gsi-style-1 li.current .desc label {
	/* color: #fff !important; */
	color: #565659 !important;
}

.gsi-style-10.gsi-vertical li>* {
	display: block
}

.gsi-style-10.gsi-vertical li>*:after {
	left: 0;
	top: 36%
}

.gsi-style-11 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-11 li {
	position: relative;
	margin-left: 40px;
	display: inline-block
}

.gsi-style-11 li a {
	color: #565659
}

.gsi-style-11 li a:hover {
	color: #fccc08
}

.gsi-style-11 li a:hover:before {
	position: absolute;
	content: '';
	margin: 0;
	width: 26px;
	height: 26px;
	background-color: #b2b2b2;
	left: 27%;
	top: 88%;
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .2;
	filter: alpha(opacity = 20)
}

.gsi-style-11 li:not (:first-child ):before, .gsi-style-11 li:not (:last-child
	):after {
	position: absolute;
	content: '';
	height: 5px;
	background: #edeff0;
	margin: 0;
	width: 75%;
	top: 141%
}

.gsi-style-11 li:not (:last-child ):after {
	left: 50%
}

.gsi-style-11 li:not (:first-child ):before {
	right: 60%
}

.gsi-style-11 li>* {
	display: block
}

.gsi-style-11 li>* .number {
	display: none
}

.gsi-style-11 li>* .desc span {
	display: none
}

.gsi-style-11 li.visited>*, .gsi-style-11 li.current>* {
	color: #fccc08
}

.gsi-style-11 li.current:before, .gsi-style-11 li.current:after,
	.gsi-style-11 li.visited:before, .gsi-style-11 li.visited:after {
	background-color: #fccc08
}

.gsi-style-11 li.visited a:hover:before {
	background-color: #fccc08
}

.gsi-style-11 li>*:after {
	position: absolute;
	content: '';
	margin: 0;
	width: 20px;
	height: 20px;
	background-color: #edeff0;
	left: 33%;
	top: 100%;
	z-index: 2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.gsi-style-11 li.visited>*:after, .gsi-style-11 li.current>*:after {
	background-color: #fccc08
}

.gsi-style-11.gsi-vertical li {
	padding-left: 15px
}

.gsi-style-11.gsi-vertical li a:hover:before {
	left: -3px;
	top: 28%
}

.gsi-style-11.gsi-vertical li:not (:last-child ):after {
	height: 100%;
	width: 5px;
	top: 77%;
	left: 8px
}

.gsi-style-11.gsi-vertical li:not (:first-child ):before {
	height: 75%;
	width: 5px;
	top: 0;
	left: 8px;
	right: 0
}

.gsi-style-11.gsi-vertical li>* {
	display: block
}

.gsi-style-11.gsi-vertical li>*:after {
	left: 0;
	top: 36%
}

.gsi-style-12 {
	width: 100%;
	padding: 0 1.2em 2em 1.2em;
	margin: 1em auto;
	counter-reset: step
}

.gsi-style-12 li {
	position: relative;
	margin-left: 40px;
	display: inline-block;
	counter-increment: step
}

.gsi-style-12 li a {
	color: #565659
}

.gsi-style-12 li a:hover {
	color: #fccc08
}

.gsi-style-12 li a:hover:before {
	position: absolute;
	content: '';
	margin: 0;
	width: 26px;
	height: 26px;
	background-color: #b2b2b2;
	left: 28%;
	top: 108%;
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .2;
	filter: alpha(opacity = 20)
}

.gsi-style-12 li:not (:first-child ):before, .gsi-style-12 li:not (:last-child
	):after {
	position: absolute;
	content: '';
	height: 5px;
	background: #edeff0;
	margin: 0;
	width: 75%;
	top: 165%
}

.gsi-style-12 li:not (:last-child ):after {
	left: 50%
}

.gsi-style-12 li:not (:first-child ):before {
	right: 60%
}

.gsi-style-12 li>* {
	display: block
}

.gsi-style-12 li>* .number {
	display: none
}

.gsi-style-12 li>* .desc span {
	display: none
}

.gsi-style-12 li.visited>*, .gsi-style-12 li.current>* {
	color: #fccc08
}

.gsi-style-12 li.current:before, .gsi-style-12 li.current:after,
	.gsi-style-12 li.visited:before, .gsi-style-12 li.visited:after {
	background-color: #fccc08
}

.gsi-style-12 li.visited a:hover:before {
	background-color: #fccc08
}

.gsi-style-12 li>*:after {
	position: absolute;
	content: counter(step);
	margin: 0;
	width: 20px;
	height: 20px;
	background-color: #edeff0;
	left: 33%;
	top: 125%;
	z-index: 2;
	text-align: center;
	color: #565659;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.gsi-style-12 li.visited>*:after, .gsi-style-12 li.current>*:after {
	background-color: #fccc08;
	color: #fff
}

.gsi-style-12.gsi-vertical li {
	padding-left: 15px
}

.gsi-style-12.gsi-vertical li a:hover:before {
	left: -3px;
	top: 28%
}

.gsi-style-12.gsi-vertical li:not (:last-child ):after {
	height: 100%;
	width: 5px;
	top: 77%;
	left: 8px
}

.gsi-style-12.gsi-vertical li:not (:first-child ):before {
	height: 75%;
	width: 5px;
	top: 0;
	left: 8px;
	right: 0
}

.gsi-style-12.gsi-vertical li>* {
	display: block
}

.gsi-style-12.gsi-vertical li>*:after {
	left: 0;
	top: 36%
}

.gsi-style-13 {
	width: 100%;
	padding: 0 1.2em;
	margin: 1em auto
}

.gsi-style-13 li {
	position: relative;
	margin-left: 40px;
	display: inline-block;
	margin-bottom: 40px
}

.gsi-style-13 li a {
	position: relative;
	background-color: #edeff0;
	color: #565659
}

.gsi-style-13 li a:hover {
	background-color: #565659;
	color: #fff
}

.gsi-style-13 li:not (:last-child ):after {
	position: absolute;
	content: '';
	height: 5px;
	background: #edeff0;
	margin: 0;
	width: 100%;
	top: 50%;
	left: 100%
}

.gsi-style-13 li>* {
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 25px 25px 25px
}

.gsi-style-13 li>* .number {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 42px;
	font-size: 28px;
	padding-top: 8px;
	text-align: center;
	top: 65%;
	left: 29%;
	position: absolute;
	border: 2px solid #edeff0;
	background-color: #fff;
	color: #565659
}

.gsi-style-13 li>* .desc {
	padding-bottom: 10px;
	font-size: 22px
}

.gsi-style-13 li>* .desc label {
	font-size: 1.1em
}

.gsi-style-13 li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-13 li.visited>*, .gsi-style-13 li.current>* {
	background-color: #fccc08;
	color: #fff
}

.gsi-style-13 li.visited>* .number, .gsi-style-13 li.current>* .number {
	border: 2px solid #fccc08;
	background-color: #fff;
	color: #fccc08
}

.gsi-style-13 li.visited:after {
	background-color: #fccc08
}

.gsi-style-13.gsi-vertical li {
	margin-bottom: 50px
}

.gsi-style-13.gsi-vertical li:not (:last-child ):after {
	height: 100%;
	width: 5px;
	top: 100%;
	left: 48%
}

.gsi-style-13.gsi-vertical li>* {
	text-align: center
}

.gsi-style-13.gsi-vertical li>* .number {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 42px;
	font-size: 28px;
	padding-top: 8px;
	text-align: center;
	top: 65%;
	left: 38%;
	position: absolute;
	border: 2px solid #edeff0;
	background-color: #fff;
	color: #565659;
	z-index: 1
}

.gsi-style-13.gsi-vertical li>* .desc {
	padding-bottom: 10px;
	font-size: 22px;
	width: 100%
}

.gsi-style-13.gsi-vertical li>* .desc label {
	font-size: 1.1em
}

.gsi-style-13.gsi-vertical li>* .desc span {
	font-size: 14px;
	display: block
}

.gsi-style-13.gsi-vertical li.visited>*, .gsi-style-13.gsi-vertical li.current>*
	{
	background-color: #fccc08;
	color: #fff
}

.gsi-style-13.gsi-vertical li.visited>* .number, .gsi-style-13.gsi-vertical li.current>* .number
	{
	border: 2px solid #fccc08;
	background-color: #fff;
	color: #fccc08
}

.gsi-style-13.gsi-vertical li.visited:after {
	background-color: #fccc08
}

@media only screen and (min-width:317px) and (max-width:480px) {
	.gsi-step-indicator {
		width: 100%;
		padding: 0
	}
	.gsi-step-indicator li {
		float: inherit !important;
		display: block
	}
	.gsi-step-indicator li .number {
		display: none;
		font-size: 24px;
	}
	.gsi-step-indicator li .desc {
		padding-top: 0;
		padding-left: 4px;
		vertical-align: super
	}
	.gsi-step-indicator li .desc label {
		font-size: 1.1em
	}
	.gsi-step-indicator li .desc span {
		font-size: 14px;
		display: block
	}
	.gsi-step-indicator li::after {
		display: inline-block;
		/* content: '»'; */
		content: '�';
		margin: 0 1em;
		color: #959fa5
	}
	.gsi-step-indicator li:last-of-type::after {
		display: none
	}
	.gsi-step-indicator li>* {
		display: flex;
		font-size: 16px;
		color: #565659
	}
	.gsi-step-indicator.triangle {
		background-color: transparent;
		padding: 0
	}
	.gsi-step-indicator.triangle li {
		margin: 4px 4px 4px 0
	}
	.gsi-step-indicator.triangle li>* {
		padding: 6px 6px 6px 13px
	}
	.gsi-step-indicator.triangle li:first-of-type>* {
		border-radius: .25em 0 0 .25em
	}
	.gsi-step-indicator.triangle li:last-of-type>* {
		padding-right: 1.6em;
		border-radius: 0 .25em .25em 0
	}
	.gsi-step-indicator.triangle li::after, .gsi-step-indicator.triangle li>*::after
		{
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		height: 0;
		width: 0;
		border: 16px solid transparent;
		border-right-width: 0;
		border-left-width: 12px
	}
	.gsi-step-indicator.triangle li::after {
		z-index: 1;
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		-ms-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
		border-left-color: #fff;
		margin: 0
	}
	.gsi-step-indicator.triangle li>*::after {
		z-index: 2;
		border-left-color: inherit
	}
	.gsi-step-indicator.triangle .triangle li:last-of-type::after,
		.gsi-step-indicator.triangle li:last-of-type>*::after {
		display: none
	}
	.gsi-vertical {
		width: 100% !important
	}
	.gsi-vertical li {
		margin-right: 10px
	}
	.gsi-vertical li>*, .gsi-vertical li.current>* {
		padding: 8px 7px 7px 5px !important
	}
	.gsi-number-circle li {
		display: block;
		margin: 5px 0
	}
	.gsi-number-circle li>* .number {
		padding: 2px 4px 4px 4px;
		width: 18px;
		height: 18px;
		font-size: 16px
	}
	.gsi-number-circle li>* .desc {
		padding-left: 10px
	}
	.gsi-style-2.triangle li .desc {
		padding-top: 0
	}
	.gsi-style-2.triangle li::after, .gsi-style-2.triangle li>*::after {
		border-Width: 24px !important;
		border-right-width: 0 !important;
		border-left-width: 13px !important
	}
	.gsi-style-4 {
		display: inline-block;
		padding: 0;
		margin: 1em auto
	}
	.gsi-style-4 li {
		display: block;
		margin-bottom: 3px;
		margin-top: 3px
	}
	.gsi-style-4 li>* {
		padding: 8px 7px 7px 7px;
		display: flex
	}
	.gsi-style-4 li>* .number {
		font-size: 18px;
		padding-right: 5px
	}
	.gsi-style-4 li>* .number:after, .gsi-style-4 li>* .number:before {
		top: -8px;
		border: 19px solid transparent;
		border-left-width: 9px
	}
	.gsi-style-4 li>* .number:after {
		z-index: 1;
		left: 65%;
		border-left-color: #fff
	}
	.gsi-style-4 li>* .number:before {
		z-index: 2;
		left: 54%
	}
	.gsi-style-4 li>* .desc {
		padding-top: 0;
		padding-left: 10px
	}
	.gsi-style-4 li>* .desc label {
		font-size: 14px
	}
	.gsi-style-4 li>* .desc span {
		font-size: 12px
	}
	.gsi-style-4 li.current>* {
		background-color: #fccc08;
		color: #fff
	}
	.gsi-style-4 li.current>* .number:before {
		border-left-color: #fccc08
	}
	.gsi-style-5 {
		padding: 0;
		width: 100%
	}
	.gsi-style-5 li {
		margin: 5px 0;
		display: block
	}
	.gsi-style-5 li>* {
		padding: 8px 7px 7px 5px
	}
	.gsi-style-5 li>* .number {
		font-size: 16px;
		padding-right: 3px;
		padding-left: 3px
	}
	.gsi-style-5 li>* .desc {
		padding-left: 5px
	}
	.gsi-style-5 li>* .desc label {
		font-size: 16px
	}
	.gsi-style-5 li>* .desc span {
		font-size: 12px;
		display: block
	}
	.gsi-style-6 {
		width: 100%;
		padding: 0
	}
	.gsi-style-6 li {
		display: block
	}
	.gsi-style-6 li>* {
		padding: 8px 7px 7px 5px
	}
	.gsi-style-6 li>* .number {
		font-size: 20px;
		height: 26px;
		width: 26px;
		padding: 3px
	}
	.gsi-style-6 li>* .desc {
		padding-left: 10px
	}
	.gsi-style-6 li>* .desc label {
		font-size: 16px
	}
	.gsi-style-6 li>* .desc span {
		font-size: 12px
	}
	.gsi-style-7 {
		width: 100%;
		padding: 0
	}
	.gsi-style-7 li {
		margin-left: 5px;
		display: block;
		margin-bottom: 10px;
		min-width: 215px
	}
	.gsi-style-8 {
		width: 100%;
		padding: 0
	}
	.gsi-style-8 li {
		margin: 10px 0;
		display: block
	}
	.gsi-style-8 li:not (:last-child ):after {
		width: 5px;
		height: 100%;
		top: 100%;
		left: 10%
	}
	.gsi-style-8 li>* .desc {
		padding-left: 10px
	}
	.gsi-style-8 li>* .desc label {
		font-size: 16px
	}
	.gsi-style-8 li>* .desc span {
		font-size: 12px
	}
	.gsi-style-9 {
		width: 100%;
		padding: 0
	}
	.gsi-style-9 li, .gsi-style-9 li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-9 li>* .desc {
		font-size: 14px
	}
	.gsi-style-9 li:not (:last-child ):after {
		width: 100%;
		left: 70%
	}
	.gsi-style-10 {
		width: 100%;
		padding: 0
	}
	.gsi-style-10 li {
		margin-left: 0
	}
	.gsi-style-10 li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-10 li:not (:last-child ):after {
		width: 100%
	}
	.gsi-style-10.gsi-vertical li {
		margin-left: 0
	}
	.gsi-style-10.gsi-vertical li>* .desc {
		padding-left: 10px
	}
	.gsi-style-11 {
		width: 100%;
		padding: 0
	}
	.gsi-style-11 li {
		margin-left: 0
	}
	.gsi-style-11 li:not (:first-child ) {
		margin-left: 5px
	}
	.gsi-style-11 li>* .desc {
		font-size: 14px
	}
	.gsi-style-11 li:not (:first-child ):before, .gsi-style-11 li:not (:last-child
		):after {
		width: 50%
	}
	.gsi-style-11.gsi-vertical li {
		margin-left: 0
	}
	.gsi-style-11.gsi-vertical li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-11.gsi-vertical li>* .desc {
		padding-top: 6px;
		padding-left: 5px;
		display: inline-block
	}
	.gsi-style-12 {
		width: 100%;
		padding: 0
	}
	.gsi-style-12 li {
		margin-left: 0
	}
	.gsi-style-12 li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-12 li:not (:first-child ):before, .gsi-style-12 li:not (:last-child
		):after {
		width: 44%
	}
	.gsi-style-12 li.current:before, .gsi-style-12 li.current:after,
		.gsi-style-12 li.visited:before, .gsi-style-12 li.visited:after {
		background-color: #fccc08
	}
	.gsi-style-12.gsi-vertical li {
		margin-left: 0
	}
	.gsi-style-12.gsi-vertical li>* .desc {
		display: inline-block;
		padding: 5px;
		padding-top: 5px
	}
	.gsi-style-13 {
		width: 100%;
		padding: 0
	}
	.gsi-style-13 li {
		margin-left: 0;
		margin-bottom: 10px
	}
	.gsi-style-13 li:not (:first-child ) {
		margin-left: 5px
	}
	.gsi-style-13 li:not (:last-child ):after {
		display: none
	}
	.gsi-style-13 li>* {
		padding: 6px 7px 0 7px
	}
	.gsi-style-13 li>* .number {
		display: none
	}
	.gsi-style-13 li>* .desc {
		padding-bottom: 10px;
		font-size: 12px
	}
	.gsi-style-13 li>* .desc label {
		font-size: 1.1em
	}
	.gsi-style-13 li>* .desc span {
		font-size: 14px;
		display: block
	}
	.gsi-style-13.gsi-vertical li {
		margin-bottom: 10px;
		margin-left: 0
	}
	.gsi-style-13.gsi-vertical li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-13.gsi-vertical li:not (:last-child ):after {
		display: block
	}
	.gsi-style-13.gsi-vertical li>* {
		text-align: center
	}
	.gsi-style-13.gsi-vertical li>* .number {
		left: 44%
	}
}

@media only screen and (min-width:480px) and (max-width:768px) {
	.gsi-step-indicator {
		width: 100%;
		padding: 0
	}
	.gsi-step-indicator li .number {
		font-size: 24px
	}
	.gsi-step-indicator li .desc {
		padding-top: 6px;
		vertical-align: super
	}
	.gsi-step-indicator li .desc label {
		font-size: 1.1em
	}
	.gsi-step-indicator li .desc span {
		font-size: 14px;
		display: block
	}
	.gsi-step-indicator li::after {
		display: none;
		/* content: '»'; */
		content: '�';
		margin: 0 1em;
		color: #959fa5
	}
	.gsi-step-indicator li:last-of-type::after {
		display: none
	}
	.gsi-step-indicator li>* {
		display: flex;
		font-size: 1.6rem;
		color: #565659
	}
	.gsi-step-indicator.triangle {
		background-color: transparent;
		padding: 0
	}
	.gsi-step-indicator.triangle li {
		margin: 4px 4px 4px 0;
		display: block;
		float: none
	}
	.gsi-step-indicator.triangle li>* {
		padding: 6px 6px 6px 14px
	}
	.gsi-step-indicator.triangle li:first-of-type>* {
		border-radius: .25em 0 0 .25em
	}
	.gsi-step-indicator.triangle li:last-of-type>* {
		padding-right: 1.6em;
		border-radius: 0 .25em .25em 0
	}
	.gsi-step-indicator.triangle li::after, .gsi-step-indicator.triangle li>*::after
		{
		display: none !important;
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		height: 0;
		width: 0;
		border: 21px solid transparent;
		border-right-width: 0;
		border-left-width: 13px
	}
	.gsi-step-indicator.triangle li::after {
		z-index: 1;
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		-ms-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
		border-left-color: #fff;
		margin: 0
	}
	.gsi-step-indicator.triangle li>*::after {
		z-index: 2;
		border-left-color: inherit
	}
	.gsi-step-indicator.triangle .triangle li:last-of-type::after,
		.gsi-step-indicator.triangle li:last-of-type>*::after {
		display: none
	}
	.gsi-vertical {
		width: 100% !important
	}
	.gsi-vertical li {
		margin-right: 10px
	}
	.gsi-vertical li>*, .gsi-vertical li.current>* {
		padding: 8px 14px 8px 15px !important
	}
	.gsi-number-circle li>* .number {
		padding: 2px 4px 4px 4px;
		width: 18px;
		height: 18px;
		font-size: 16px
	}
	.gsi-number-circle li>* .desc {
		padding-left: 10px
	}
	.gsi-style-3.triangle li::after, .gsi-style-3.triangle li>*::after {
		border-Width: 28px !important;
		border-right-width: 0 !important;
		border-left-width: 13px !important
	}
	.gsi-style-2.triangle li .desc {
		padding-top: 0
	}
	.gsi-style-2.triangle li::after, .gsi-style-2.triangle li>*::after {
		border-Width: 24px !important;
		border-right-width: 0 !important;
		border-left-width: 13px !important
	}
	.gsi-style-4 {
		display: inline-block;
		padding: 0;
		margin: 1em auto
	}
	.gsi-style-4 li>* {
		padding: 8px 7px 7px 7px;
		display: flex
	}
	.gsi-style-4 li>* .number {
		font-size: 18px;
		padding-right: 5px
	}
	.gsi-style-4 li>* .number:after, .gsi-style-4 li>* .number:before {
		top: -8px;
		border: 19px solid transparent;
		border-left-width: 9px
	}
	.gsi-style-4 li>* .number:after {
		z-index: 1;
		left: 65%;
		border-left-color: #fff
	}
	.gsi-style-4 li>* .number:before {
		z-index: 2;
		left: 54%
	}
	.gsi-style-4 li>* .desc {
		padding-top: 0;
		padding-left: 10px
	}
	.gsi-style-4 li>* .desc label {
		font-size: 14px
	}
	.gsi-style-4 li>* .desc span {
		font-size: 12px
	}
	.gsi-style-4 li.current>* {
		background-color: #fccc08;
		color: #fff
	}
	.gsi-style-4 li.current>* .number:before {
		border-left-color: #fccc08
	}
	.gsi-style-5 {
		padding: 0;
		width: 100%
	}
	.gsi-style-5 li {
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		display: inline-block
	}
	.gsi-style-5 li>* {
		padding: 8px 7px 7px 5px
	}
	.gsi-style-5 li>* .number {
		font-size: 16px;
		padding-right: 3px;
		padding-left: 3px
	}
	.gsi-style-5 li>* .desc {
		padding-left: 5px
	}
	.gsi-style-5 li>* .desc label {
		font-size: 16px
	}
	.gsi-style-5 li>* .desc span {
		font-size: 12px;
		display: block
	}
	.gsi-style-6 {
		width: 100%;
		padding: 0
	}
	.gsi-style-6 li {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.gsi-style-6 li>* {
		padding: 8px 7px 7px 5px
	}
	.gsi-style-6 li>* .number {
		font-size: 20px;
		height: 26px;
		width: 26px;
		padding: 3px
	}
	.gsi-style-6 li>* .desc {
		padding-left: 10px
	}
	.gsi-style-6 li>* .desc label {
		font-size: 16px
	}
	.gsi-style-6 li>* .desc span {
		font-size: 12px
	}
	.gsi-style-7 {
		width: 100%;
		padding: 0
	}
	.gsi-style-7 li {
		margin-left: 5px;
		display: block;
		margin-bottom: 10px;
		min-width: 215px
	}
	.gsi-style-8 {
		width: 100%;
		padding: 0
	}
	.gsi-style-8 li {
		margin: 10px 0;
		display: block
	}
	.gsi-style-8 li:not (:last-child ):after {
		width: 5px;
		height: 100%;
		top: 100%;
		left: 10%
	}
	.gsi-style-8 li>* .desc {
		padding-left: 10px
	}
	.gsi-style-8 li>* .desc label {
		font-size: 16px
	}
	.gsi-style-8 li>* .desc span {
		font-size: 12px
	}
	.gsi-style-9 {
		width: 100%;
		padding: 0
	}
	.gsi-style-9 li {
		margin-left: 0
	}
	.gsi-style-9 li:not (:first-child ) {
		margin-left: 30px
	}
	.gsi-style-9.gsi-vertical li {
		padding-left: 15px;
		margin-left: 0
	}
	.gsi-style-9.gsi-vertical li:not (:last-child ):after {
		height: 100%;
		width: 5px;
		top: 94%;
		left: 8px
	}
	.gsi-style-9.gsi-vertical li>* {
		display: block
	}
	.gsi-style-9.gsi-vertical li>*:after {
		left: 0;
		top: 36%
	}
	.gsi-style-10 {
		width: 100%;
		padding: 0
	}
	.gsi-style-10 li {
		margin-left: 0
	}
	.gsi-style-10 li:not (:first-child ) {
		margin-left: 20px
	}
	.gsi-style-10 li:not (:last-child ):after {
		width: 120%
	}
	.gsi-style-10.gsi-vertical li {
		margin-left: 0
	}
	.gsi-style-11 {
		width: 100%;
		padding: 0
	}
	.gsi-style-11 li {
		margin-left: 0
	}
	.gsi-style-11 li:not (:first-child ) {
		margin-left: 20px
	}
	.gsi-style-11 li:not (:first-child ):before, .gsi-style-11 li:not (:last-child
		):after {
		width: 61%;
		top: 141%
	}
	.gsi-style-11 li:not (:last-child ):after {
		left: 61%
	}
	.gsi-style-11 li:not (:first-child ):before {
		right: 61%
	}
	.gsi-style-11.gsi-vertical li {
		margin-left: 0
	}
	.gsi-style-11.gsi-vertical li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-11.gsi-vertical li>* .desc {
		padding-top: 6px;
		padding-left: 5px;
		display: inline-block
	}
	.gsi-style-12 {
		width: 100%;
		padding: 0
	}
	.gsi-style-12 li {
		margin-left: 0
	}
	.gsi-style-12 li:not (:first-child ) {
		margin-left: 20px
	}
	.gsi-style-12 li:not (:first-child ):before, .gsi-style-12 li:not (:last-child
		):after {
		width: 61%
	}
	.gsi-style-12 li.current:before, .gsi-style-12 li.current:after,
		.gsi-style-12 li.visited:before, .gsi-style-12 li.visited:after {
		background-color: #fccc08
	}
	.gsi-style-12.gsi-vertical li {
		margin-left: 0
	}
	.gsi-style-12.gsi-vertical li>* .desc {
		display: inline-block;
		padding: 5px;
		padding-top: 5px
	}
	.gsi-style-13 {
		width: 100%;
		padding: 0
	}
	.gsi-style-13 li {
		margin-left: 0
	}
	.gsi-style-13 li:not (:first-child ) {
		margin-left: 20px
	}
	.gsi-style-13 li:not (:last-child ):after {
		width: 28%
	}
	.gsi-style-13 li>* {
		padding: 6px 7px 10px 7px
	}
	.gsi-style-13 li>* .number {
		width: 35px;
		height: 29px;
		font-size: 19px;
		padding-top: 7px;
		left: 26%
	}
	.gsi-style-13 li>* .desc {
		padding-bottom: 10px;
		font-size: 18px
	}
	.gsi-style-13 li>* .desc label {
		font-size: 1.1em
	}
	.gsi-style-13 li>* .desc span {
		font-size: 14px;
		display: block
	}
	.gsi-style-13.gsi-vertical li {
		margin-bottom: 50px;
		margin-left: 0
	}
	.gsi-style-13.gsi-vertical li:not (:first-child ) {
		margin-left: 0
	}
	.gsi-style-13.gsi-vertical li>* {
		text-align: center
	}
	.gsi-style-13.gsi-vertical li>* .number {
		left: 44%
	}
}
/******************************/
.container1 {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.container1 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
	/*  position: absolute; */
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	border-radius: 2px;
	background-color: #eee;
	border: solid 1px #e2e2e2;
}
/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
	background-color: #fccc08;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.container1 .checkmark:after {
	left: 7px;
	top: 2px;
	width: 7px;
	height: 13px;
	border: solid white;
	border-width: 0 2px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pseudo {
	position: relative;
}

.pseudo:before {
	content: "";
	position: absolute;
	width: 96%;
	top: 10px;
	left: 2%;
	/* border-bottom: 1px dashed #bfbfbf;*/
}

.panel-dark {
	background-color: #fff;
	border-color: #f7f7f7;
	box-shadow: 0 5px 15px #ccc;
}

.pseudo:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 10px;
	bottom: -10px;
	left: 0;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 33.333%, #fff
		33.333%, #fff 66.667%, rgba(0, 0, 0, 0) 66.667%),
		linear-gradient(-45deg, rgba(0, 0, 0, 0) 33.333%, #fff 33.333%, #fff
		66.667%, rgba(0, 0, 0, 0) 66.667%);
	background-size: 20px 40px;
	background-position: 50% -30px;
	background-repeat: repeat-x;
	z-index: 1;
}

.container-print {
	padding: 0;
}

.container-print .panel-body {
	overflow: hidden;
}

.padding_cell {
	padding: 6px 12px 6px 12px;
}

.padding_cell-footer {
	padding: 6px 12px 6px 12px;
	background: #e1e1e1;
	color: #444;
	margin-top: 50px;
}

.padding_cell-footer .col-sm-4 {
	font-weight: 200;
	text-align: right;
}

.padding_cell-highlight {
	padding: 6px 12px 6px 12px;
	background: #636363;
	color: #fff;
}

.padding_cell .col-sm-4 {
	font-weight: 200;
	text-align: right;
}

.padding_cell-highlight .col-sm-4 {
	font-weight: 200;
	text-align: right;
}

.Complaint_box-title {
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	color: #005192;
}

.tsf-content {
	overflow: hidden !important;
}

.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	border: solid 1px #f7f7f7;
}

.nav-tabs-custom .nav-tabs>li {
	width: 20%;
}
/*
.nav-tabs-custom>.nav-tabs{
    margin:0;
    border-bottom-color:#f4f4f4;
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
*/
.nav-tabs-custom>.nav-tabs {
	padding-top: 12px;
	border-bottom-color: #f4f4f4;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	margin: 0px 11px 0px 11px;
}

.nav-tabs-custom>.nav-tabs>li {
	border-bottom: 3px solid transparent;
	margin-bottom: 0px;
	margin-right: 5px;
}

.nav-tabs-custom>.nav-tabs>li>a {
	color: #444;
	border-radius: 0;
	text-align: center;
}

.nav-tabs-custom>.nav-tabs>li>a.text-muted {
	color: #999
}

.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
	background: transparent;
	margin: 0
}

.nav-tabs-custom>.nav-tabs>li>a:hover {
	color: #999
}

.nav-tabs-custom>.nav-tabs>li:not (.active )>a:hover, .nav-tabs-custom>.nav-tabs>li:not
	(.active )>a:focus, .nav-tabs-custom>.nav-tabs>li:not (.active )>a:active
	{
	border-color: transparent
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-bottom-color: #fccc08;
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a
	{
	background-color: #fff;
	color: #444
}

.nav-tabs-custom>.nav-tabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #f4f4f4;
	border-right-color: #f4f4f4
}

.nav-tabs-custom>.nav-tabs>li:first-of-type {
	margin-left: 0
}

.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
	border-left-color: transparent
}

.nav-tabs-custom>.nav-tabs.pull-right {
	float: none !important
}

.nav-tabs-custom>.nav-tabs.pull-right>li {
	float: right
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
	margin-right: 0
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
	border-left-width: 1px
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
	border-left-color: #f4f4f4;
	border-right-color: transparent
}

.nav-tabs-custom>.nav-tabs>li.header {
	line-height: 35px;
	padding: 0 10px;
	font-size: 20px;
	color: #444
}

.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
	.nav-tabs-custom>.nav-tabs>li.header>.ion {
	margin-right: 5px
}

.nav-tabs-custom>.tab-content {
	background: #fff;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.nav-tabs-custom .dropdown.open>a:active, .nav-tabs-custom .dropdown.open>a:focus
	{
	background: transparent;
	color: #999
}

.nav-tabs-custom.tab-primary>.nav-tabs>li.active {
	border-top-color: #106CB2
}

.nav-tabs-custom.tab-info>.nav-tabs>li.active {
	border-top-color: #00c0ef
}

.nav-tabs-custom.tab-danger>.nav-tabs>li.active {
	border-top-color: #dd4b39
}

.nav-tabs-custom.tab-warning>.nav-tabs>li.active {
	border-top-color: #f39c12
}

.nav-tabs-custom.tab-success>.nav-tabs>li.active {
	border-top-color: #00a65a
}

.nav-tabs-custom.tab-default>.nav-tabs>li.active {
	border-top-color: #d2d6de
}

.panel-body.box1 {
	padding-top: 0;
	position: relative;
	margin-bottom: 10px !important;
	border-radius: 3px;
	background: #ffffff;
	/* border-top: 0px solid #d2d6de; */
	margin-bottom: 0px;
	width: 100%;
	border: solid 1px #e0e0e0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/*.btn:not(.btn-raised).btn-danger, .input-group-btn .btn:not(.btn-raised).btn-danger {
   background-color: #ffffff;
    color: #fccc08;
    border: solid 1px #fccc08;
}*/
.box-body {
	padding: 10px 15px;
}

.box-header .box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1;
	color: #565659;
}

.box-header.with-border {
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.box .box-header {
	padding: 17px;
	padding-top: 18px;
	/* padding-top: 0; */
	padding-bottom: 8px;
	padding-left: 5px;
}