* {
   box-sizing: border-box;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	margin:0;
	padding:0;
	border:0;
		vertical-align:baseline;
}


html
{
	line-height:1;
}

.blue_btn:hover,input.blue_btn:hover,.blue-btn:hover,input.blue-btn:hover { text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); }


.orange_btn,input.orange_btn,.orange-btn,input.orange-btn
{
	display:0;
	display:inline-block;
	vertical-align:middle;
	vertical-align:auto;
	zoom:1;
	display:inline;
	font-size:14px;
	font-weight:normal;
	height:22px;
	line-height:22px;
	text-decoration:none;
	padding:0 10px;
	margin:0;
	color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	cursor:pointer!important;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(0,0,0,0.1);
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	background-color:#ff7809;
	background-image:linear-gradient(top,#ff9d340,#ff780970%,#ff8e16100%);
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d34',endColorstr='#ff7809');
	border:1px solid #e2700b;
}

.orange_btn:hover,.orange_btn:active,input.orange_btn:hover,input.orange_btn:active,.orange-btn:hover,.orange-btn:active,input.orange-btn:hover,input.orange-btn:active
{
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
}

.orange_btn:hover,input.orange_btn:hover,.orange-btn:hover,input.orange-btn:hover
{
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
}

.orange_btn:active,input.orange_btn:active,.orange-btn:active,input.orange-btn:active
{
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1);
	box-shadow:inset 0 2px 3px rgba(0,0,0,0.1);
}

.orange_btn:hover,input.orange_btn:hover,.orange-btn:hover,input.orange-btn:hover
{
	background-color:#ff6c14;
	background-image:linear-gradient(top,#ff9a440,#ff6c1470%,#ff8a25100%);
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a44',endColorstr='#ff6c14');
}

.orange_btn:active,input.orange_btn:active,.orange-btn:active,input.orange-btn:active
{
	background-color:#ff7917;
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:0;
	background-image:linear-gradient(top,#ff7917,#ff9d34);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7917',endColorstr='#ff9d34');
}



input[type="text"], select, input[type="file"], input[type="url"], input[type="email"], input[type="date"], input[type="datetime"], input[type="number"], input[type="tel"], input[type="checkbox"], textarea {
    border: 1px solid #D4D6D9;
    border-radius: 3px 3px 3px 3px;
    color: #444444;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 5px;
    transition: box-shadow 0.1s ease-in-out 0s;
}
input.embossed[type="text"], input.embossed[type="file"], input.embossed[type="url"], input.embossed[type="email"], input.embossed[type="date"], input.embossed[type="datetime"], input.embossed[type="number"], input.embossed[type="tel"], textarea.embossed {
    border: 1px solid #A1A1A1;
    box-shadow: 0 1px 4px 0 #DBDBDB inset;
}
input[type="text"]:focus,  select:focus, textarea:focus, input[type="file"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {

    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 6px 0 rgba(43, 136, 246, 0.9);
    outline: medium none;
}
input.input-light[type="text"], input.input-light[type="file"], input.input-light[type="email"], input.input-light[type="date"], input.input-light[type="number"], input.input-light[type="tel"], textarea.input-light {
    border-color: #CCCED0;
    box-shadow: none;
    font-size: 14px;
    padding: 5px 8px;
}
input.input-light[type="text"]:focus, input.input-light[type="file"]:focus, input.input-light[type="email"]:focus, input.input-light[type="date"]:focus, input.input-light[type="number"]:focus, input.input-light[type="tel"]:focus, textarea.input-light:focus {
    border: 1px solid rgba(43, 136, 246, 0.86);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 6px 0 rgba(43, 136, 246, 0.9);
    outline: medium none;
}
a {
    color: #333333;
    text-decoration: none;
}

.pic-border {
    border: 1px solid #D4D6D9;
    padding: 3px;
    position: relative;
}
a .pic-border {
    border: 1px solid #3569AF;
    padding: 3px;
}
strong {
    font-weight: bold;
}
table {
    font-size: 13px;
    line-height: 13px;
    width: 100%;
}
table .odd {
    background-color: #F9FBFF;
}

.clear{clear:both}



#login-layout
{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15px;
	margin-bottom: 35px;
	max-width: 80%;


}

#content_container
{
	display:table-cell;
	vertical-align:top;
}

.login-wrapper
{
	display:block;
	font-size:12px;
	float: none;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15px;
	margin-bottom: 5px;
	background-color:#fff;
	border:1px solid #bec1c6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
    display: block;
    outline: 0;
    min-height: 0 !important;
    max-width: 525px;
    margin: 0 auto;
    padding: 30px 0
}

.login-wrapper .account-fields
{
	margin:0 auto;
	padding:15px;
	border-top:1px solid #dee0e4;
}



.login-wrapper fieldset.remember
{
	margin-top:15px;
	color:#999;
}





.login-wrapper fieldset #error-msg
{
	overflow:hidden;
}

.login-wrapper fieldset #error-msg .alert-error
{
	margin:10px 0 0;
}

.login-wrapper fieldset .fieldWithErrors label
{
	display:none;
}

.login-wrapper fieldset input[type=email],.login-wrapper fieldset input[type=password],.login-wrapper fieldset input[type=text], .login-wrapper fieldset select, .login-wrapper fieldset textarea
{
	width:338px;
	font-size:11px;
	padding:8px 0px;
}

.login-wrapper fieldset #user_email,.login-wrapper fieldset #user_password,.login-wrapper fieldset #user_password_confirmation
{
	margin-top:15px;
}

.login-wrapper fieldset .intro
{
	width:100%;
	text-align:center;
}

.login-wrapper fieldset .intro h2
{
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
	color:#333;
}

.login-wrapper fieldset .intro p
{
	color:#777;
}

.login-wrapper fieldset .half-widh
{
	float:left;
	width:165px;
	margin-top:15px;
}

.login-wrapper fieldset .half-widh input[type=email],.login-wrapper fieldset .half-widh input[type=password],.login-wrapper fieldset .half-widh input[type=text]
{
	width:155px;
}

.login-wrapper fieldset .half-widh.first
{
	margin-right:17px;
}

.login-wrapper fieldset .half-widh label
{
	display:none;
}

.login-wrapper input[type=submit]
{
	margin-top:15px;
	align:right;
	width:100%;
	height:30px;
	text-transform:uppercase;
	cursor:pointer;
}








.pushDown {
	margin-top: 20px;
}




.marginMain {
	margin: 15px 0;
}

.marginMain-xx {
	margin: 20px 0;
}




form.slimmed-form h2.headingSub {
    margin-bottom: 14px;
}


#registerOverlay .wrapper.marginMain .formInputDiv {
	float: left;
	font-size: 13px;
	margin: 12px 0 10px;
	width: 430px;
}

.formLabelDiv {
	float: left;
	width: 90%;
	margin: 0;
	padding: 20px 0 0 40px;
	clear: both;
	font-size: 1.3em;
	font-weight: 400;
}


.subheader {
	float: left;
	width: 100%;
	margin: 0;
	clear: both;
	color: #222;
	font-size: 1.5rem;
	font-weight: 600;
	font-style: normal;
	min-height: 1.3em;
	height:	auto !important;
	height:	1.3em;
	letter-spacing:	0.01em;
	margin: 45px 0 0 0;
	vertical-align: middle !important;
    	text-align: left;
	background-color:#f4f4f4;
	padding: 5px 0 5px 10px;
}


.formLineDiv {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 ;
	clear: both;
	border-bottom: 1px solid;
	border-bottom-color: #AAA;
}





.ie .formLabelDiv {
	padding: 8px 0;
}


h3{
	color: 									#09F;
	display: 								block;
	font-size: 								3.6em;
	font-weight: 							400;
	font-style: 							normal;
	min-height:								1.3em;
	height:									auto !important;
	height:									1.3em;
	letter-spacing:							0.01em;
	margin: 								0;
	padding:								0 0 0.1em 0;
}


.trfheader

{
	color: 									#666;
	display: 								block;
font-family: Inter, Roboto;
	font-size: 2.0rem;
	font-weight: 600;
	font-style: normal;
	min-height: 1.0em;
	height:									auto !important;
	height:									1.0em;
	letter-spacing:							0.01em;
	margin: 								0;
	vertical-align: middle;
}

.trfheader2

{
	color: #222;
font-family: Inter, Roboto;
	font-size: 1.5rem;
	font-weight: 600;
	font-style: normal;
	min-height: 1.3em;
	height:									auto !important;
vertical-align: middle;
	height:									1.3em;
	letter-spacing:							0.01em;
	margin: 								0;
 	vertical-align: middle;
}


.trfheader3

{
	color: #222;
font-family: Inter, Roboto;
	font-size: 1.2rem;
	font-weight: 400;
	font-style: normal;
	min-height: 1.1em;
	height:									auto !important;
	vertical-align: middle;
	height:									1.1em;
	letter-spacing:							0.01em;
	margin: 						10px 0 0 0;
	vertical-align: middle;
}




.trfheader4

{
  color: #222;
font-family: Inter, Roboto;
	font-size: 1.0rem;
	font-weight: 600;
	font-style: normal;
	min-height: 1.1rem;
	height:	auto !important;
	vertical-align: middle;
	height:	1.1rem;
	letter-spacing:	0.01em;
	margin: 0;
	vertical-align: middle !important;
    	text-align: right;
      margin-top: 10px;
    margin-right: 8px;
}


.trfheader5

{
	color: #222;
font-family: Inter, Roboto;
	font-size: 1.0rem;
	font-weight: 400;
	font-style: normal;
	min-height: 1.1rem;
	height:	auto !important;
	vertical-align: middle;
	height:	1.1rem;
	letter-spacing:	0.01em;
	margin: 0;
	vertical-align: middle !important;
    	text-align: left;
      margin-top: 10px;

}


.trfheader6

{
	color: #222;
font-family: Inter, Roboto;
	font-size: .8em;
	font-weight: 400;
	font-style: normal;
	min-height: 1.3em;
	height:	auto !important;
	vertical-align: middle;
	height:	1.3em;
	letter-spacing:	0.01em;
	margin: 0;
	vertical-align: middle !important;
    	text-align: left;
	background-color: #F6F42F !important;
}




.contact-us .flexible {
    width: 75%;
    position: relative;
    z-index: 1;
box-sizing: border-box;
    outline: 0;
    min-height: 0 !important;
}






.contact-forms {
	border-radius: 5px;
	box-shadow: 0 10px 20px 6px rgba(0, 0, 0, 0.10);
	background-color: #fff;
}

.contact-forms .tabs {
	padding: 20px
}

.contact-forms .tabs.active {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #f5f5f5
}

.contact-forms .tabs .select-icon {
	display: none
}

.contact-forms .tabs .title {
	transition: ease-in-out all .3s;
	width: calc(98%/3);
	border-radius: 5px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 12px;
	cursor: pointer
}

.contact-forms .tabs .title>* {
	display: inline-block;
	vertical-align: middle
}

.contact-forms .forms-container {
	padding: 0 30px
}

.contact-forms .form {
	display: none;
	max-width: 525px;
	margin: 0 auto;
	padding: 30px 0
}

.contact-forms .tabs .title.active {
	color: #ff6f31;
	background-color: #fff !important;
	border-radius: 5px
}

.contact-forms .tabs .title:hover {
	color: #e25213;
	background-color: #ededed;
	border-radius: 5px
}

.contact-forms .tabs .title.active svg path {
	stroke: #ff6f31
}

.contact-forms .tabs .title:hover svg path {
	stroke: #e25213
}

.contact-forms .tabs .title.active svg path#Fill-5 {
	fill: #e25213;
	stroke: none
}

.contact-forms .tabs .title:hover svg path#Fill-5 {
	fill: #e25213;
	stroke: none
}

.contact-forms .tabs .title.active svg polygon {
	stroke: #ff6f31
}

.contact-forms .tabs .title:hover svg polygon {
	stroke: #e25213
}

.contact-forms .tabs .title.active svg polyline {
	stroke: #ff6f31
}

.contact-forms .tabs .title:hover svg polyline {
	stroke: #e25213
}

.contact-forms form fieldset {
	max-width: none !important
}



@media screen and (max-width:1024px) {
	.contact-forms .tabs .title {
		width: 100%;
		text-align: left
	}
}

@media screen and (max-width:768px) {
	.contact-forms .inputs-list.multi-container li input {
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid #fff
	}
	.contact-forms .inputs-list.multi-container li:last-child input {
		border-bottom: 0
	}
	.contact-forms .tabs {
		background-color: #fff;
		border-radius: 5px;

	}
	.contact-forms .tabs.active {
		background-color: #fff;
		position: relative
	}
	.contact-forms .tabs.active .select-icon.selected {
		display: block;
		z-index: 3;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer
	}
	.contact-forms .tabs.active .select-icon img {
		z-index: 3;
		cursor: pointer;
		width: 13px;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: perspective(1px) translateY(-50%)
	}
	.contact-forms .tab-items.selected .title.active {
		color: #1f2633
	}
	.contact-forms .tab-items.selected .title.active {
		color: #1f2633
	}
	.contact-forms .tab-items.selected .title:hover {
		color: #e25213
	}
	.contact-forms .tab-items.selected .title.active svg path {
		stroke: #1f2633
	}
	.contact-forms .tab-items.selected .title:hover svg path {
		stroke: #e25213
	}
	.contact-forms .tab-items.selected .title.active svg polygon {
		stroke: #1f2633
	}
	.contact-forms .tab-items.selected .title:hover svg polygon {
		stroke: #e25213
	}
	.contact-forms .tab-items.selected .title.active svg polyline {
		stroke: #1f2633
	}
	.contact-forms .tab-items.selected .title:hover svg polyline {
		stroke: #e25213
	}
	.contact-forms .hs-form-field>label {
		text-align: initial;
		padding-right: 0
	}
	.contact-forms .tabs .nav-icon {
		position: absolute;
		width: 25px;
		left: 25px
	}
	.contact-forms .tabs .title {
		padding-left: 35px;
		transition: none
	}
	.contact-forms .form {
		padding: 17px 0
	}
	.contact-forms {
		border-radius: 0;
		box-shadow: none;
		background-color: transparent
	}
	.contact-forms .forms-container {
		padding: 0 10px;
		border-radius: 5px;
		margin-top: 10px;
		background-color: #fff;
		box-shadow: 0 10px 20px 6px rgba(0, 0, 0, 0.10)
	}
	.contact-forms .hs-form-field>label,
	.contact-forms .hs-firstname.hs-form-field>label,
	.contact-forms .hs-firstname.hs-form-field .input,
	.contact-forms .hs-form-field .input {
		width: 100%
	}
	.contact-forms .hs-firstname.hs-form-field,
	.contact-forms .hs-lastname.hs-form-field {
		width: 100% !important;
		padding-right: 0
	}
	.contact-forms .hs-fieldtype-radio li.hs-form-radio {
		display: block;
		width: 100%;
		text-align: left;
		padding-left: 18px
	}
	.contact-forms .hs-form-field>label {
		padding-left: 20px
	}
	.contact-forms .hs-firstname ul.hs-error-msgs.inputs-list,
	.contact-forms ul.hs-error-msgs.inputs-list {
		padding-left: 0
	}
	.contact-forms .hs-form-field>label {
		padding-top: 0
	}
}

.contact-details .detail-item {
	margin-bottom: 30px
}


#rounded-corner
{
	font-size: 12px;
	text-align: left;
	border-spacing: 0;
	float: none;
	margin-top: 15px;
	margin-bottom: 5px;

}

#rounded-corner th {
    background-color: #E7E7E7;
    padding-bottom: 5px;
	vertical-align:bottom;
	font-size: 15px;
	font-weight: bold;
}

#rounded-corner th:first-child {
	padding: 8px;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 2px 0 0 0;
    padding-bottom: 5px;
	vertical-align:bottom;
}

#rounded-corner th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 2px 0 0;
    padding-bottom: 3px;
    padding-top: 6px;
	padding-right: 13px;
	vertical-align:bottom;
	text-align:right;
}

#rounded-corner th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 2px 2px 0 0;
    padding-bottom: 5px;
	vertical-align:bottom;
}
#rounded-corner td
{
	padding: 6px;
    padding-bottom: 3px;
vertical-align: top;

}
#rounded-corner tfoot td.rounded-foot-left
{	padding: 6px;
    -moz-border-radius: 0 0 0 2px;
    -webkit-border-radius: 0 0 0 2px;
    border-radius: 0 0 0 2px;
	background: #e7e7e7;
}
#rounded-corner tfoot td.rounded-foot-right
{    padding: 6px;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
	background: #e7e7e7;
}






.panel {
  margin-bottom: 20px;
      background-color: #fff;
      border: 1px solid transparent;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
      box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}


.panel-heading {
  padding: 10px 15px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  padding: 10px 15px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
 }

.panel-default .panel-heading {
  background: #fff;
  border-bottom: 1px solid #e9ecf2;
  color: #444444; }

.panel-footer {
  background: #fff;
  border-top: 1px solid #e9ecf2; }

.panel-widget {
  padding: 10px 0;
  position: relative;
  box-shadow: none;
  border-radius: 0;
  background: none;
  text-align: center;
  color: #333; }

.panel-widget .panel-footer {
  border: 0;
  text-align: center; }

.panel-footer .input-group {
  padding: 0px;
  margin: 0 -5px; }

.panel-footer .input-group-btn:last-child > .btn, .panel-footer .input-group-btn:last-child > .btn-group {
  margin: 0; }

.panel-widget .panel-footer a {
  color: #999; }

.panel-widget .panel-footer a:hover {
  color: #666;
  text-decoration: none; }

.panel-widget .text-muted {
  margin-top: -6px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em; }

.panel-widget .large {
  color: #373b45;
  font-size: 3em; }

.panel-settings {
  list-style: none;
  padding: 0;
  margin: 0; }

.panel-settings .dropdown a.dropdown-toggle, .panel-settings a {
  padding: 0;
  background: none;
  color: #7c7c7c; }

.panel-settings a, .panel-toggle {
  width: 40px;
  padding: 2px 0 0 0; }

.panel-settings:hover, .panel-toggle:hover, .panel-settings .dropdown a.dropdown-toggle:hover, .panel-settings:active, .panel-toggle:active, .panel-settings .dropdown a.dropdown-toggle:active, .panel-settings:focus, .panel-toggle:focus, .panel-settings .dropdown a.dropdown-toggle:focus {
  background: #f1f4f7;
  color: #444444; }

.panel-settings, .panel-toggle {
  display: inline-block;
  margin: -1px -5px 0 15px !important;
  text-align: center;
  float: right!important;
  color: #7c7c7c;
  background: #fff;
  width: 42px; }

.panel-settings {
  width: 42px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.panel-settings li.dropdown {
  margin: 0;
  padding: 0; }

.dropdown-settings {
  border: 1px solid #fff;
  width: 220px;
  font-size: 0.9em;
  padding: 0; }

.dropdown-settings li {
  list-style: none;
  padding: 0 10px;
  width: 220px;
  height: 26px;
  line-height: 26px; }

.dropdown-settings .divider {
  margin: 7px 0; }

.dropdown-settings li a {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  color: #444444; }

.clickable {
  cursor: pointer; }

.panel-heading span {
  margin: 0px;
  font-size: 14px; }

.panel-button-tab-right {
  margin-left: 4px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.panel-button-tab-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.border-top {
  border-top: 1px solid #dadbda; }

.border-right {
  border-right: 1px solid #dadbda; }

.border-bottom {
  border-bottom: 1px solid #dadbda; }

.border-left {
  border-left: 1px solid #dadbda; }

.panel .border-top, .panel .border-right, .panel .border-bottom, .panel .border-left {
  border-color: #e9ecf2; }


  .article {
    padding: 10px 0; }

  .article:first-child {
    padding: 0 0 10px 0; }

  .article h4 {
    margin-bottom: 10px; }

  .article .date {
    text-align: center;
    margin: 5px auto;
    display: block; }

  .article .date .text-muted {
    margin-top: -5px; }

  .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative; }

  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #e9ecf2;
    left: 25px;
    margin-right: -1.5px; }

  .timeline > li {
    margin-bottom: 20px;
    position: relative; }

  .timeline > li:before, .timeline > li:after {
    content: " ";
    display: table; }

  .timeline > li:after {
    clear: both; }

  .timeline > li > .timeline-panel {
    width: calc( 100% - 65px );
    float: right;
    border: 1px solid #edeeed;
    border-radius: 4px;
    padding: 10px 20px;
    position: relative;
    box-shadow: none; }

  .timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    left: -11px;
    display: inline-block;
    border-top: 11px solid transparent;
    border-right: 11px solid #edeeed;
    border-left: 0 solid #edeeed;
    border-bottom: 11px solid transparent;
    content: " "; }

  .timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -10px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 10px solid transparent;
    content: " "; }

  .timeline > li > .timeline-badge {
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 51px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 0px;
    margin-right: -25px;
    background-color: #999999;
    z-index: 100;
    border-radius: 9999px; }

  .timeline-badge.primary {
    background-color: #30a5ff !important; }

  .timeline-badge.success {
    background-color: #8ad919 !important; }

  .timeline-badge.warning {
    background-color: #ffb53e !important; }

  .timeline-badge.danger {
    background-color: #f9243f !important; }

  .timeline-badge.info {
    background-color: #30a5ff !important; }

  .progress {
    height: 12px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f2f3f2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

  .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #30a5ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: width .6s ease;
    transition: width .6s ease; }

  .progress-bar-success {
    background-color: #8ad919;
    background-image: none; }

  .progress-bar-info, .progress-bar-blue {
    background-color: #30a5ff;
    background-image: none; }

  .progress-bar-warning, .progress-bar-orange {
    background-color: #ffb53e;
    background-image: none; }

  .progress-bar-danger, .progress-bar-red {
    background-color: #f9243f;
    background-image: none; }

  .progress-bar-teal {
    background-color: #1ebfae;
    background-image: none; }

  .jumbotron {
    background: #fff;
    border-bottom: 1px solid #e9ecf2;
    color: #444444; }

  .panel .tabs {
    margin: 0;
    padding: 0; }




    .profile-sidebar {
      padding: 10px 0;
      border-bottom: 1px solid #e9ecf2; }

    .indicator {
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 9999px;
      margin-right: 5px; }

    .profile-userpic img {
      float: left;
      margin: 10px 0px 0px 15px;
      width: 50px;
      height: 50px;
      border-radius: 9999px !important; }

    .profile-usertitle {
      float: left;
      text-align: left;
      margin: 10px 0 0 12px; }

    .profile-usertitle-name {
      font-size: 20px;
      margin-bottom: 0px; }

    .profile-usertitle-status {
      text-transform: uppercase;
      color: #AAA;
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 15px; }

    .breadcrumb {
      border-radius: 0;
      padding: 10px 15px 10px 15px;
      background: #e9ecf2;
      margin: 0; }

    h1.page-header {
      margin-top: 20px;
      border-bottom: 0; }

    .main-chart {
      background: #fff; }

    .easypiechart-panel {
      text-align: center;
      padding: 1px 0;
      margin-bottom: 20px; }

    .placeholder h2 {
      margin-bottom: 0px; }

    .donut {
      width: 100%; }

    .easypiechart {
      position: relative;
      text-align: center;
      width: 120px;
      height: 120px;
      margin: 20px auto 10px auto; }

    .easypiechart .percent {
      display: block;
      position: absolute;
      font-size: 26px;
      top: 38px;
      width: 120px; }

    #easypiechart-blue .percent {
      color: #30a5ff; }

    #easypiechart-teal .percent {
      color: #1ebfae; }

    #easypiechart-orange .percent {
      color: #ffb53e; }

    #easypiechart-red .percent {
      color: #ef4040; }

    #calendar, .datepicker-inline {
      width: 100%; }

    #calendar table {
      width: 100%; }

    .datepicker-switch {
      font-size: 16px;
      height: 46px !important; }

    .datepicker table tr td.old, .datepicker table tr td.new {
      color: #c5c7cc; }

    .datepicker table tr td {
      padding: 10px !important; }

    .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
      color: #ffffff;
      background-color: #30a5ff;
      text-shadow: none;
      border-color: #285e8e; }

    .datepicker table tr td span:hover, .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
      background: rgba(0, 0, 0, 0.05); }

    .todo-list {
      padding: 0;
      margin: -15px;
      background: #fff;
      color: #444444; }

    .todo-list .checkbox input[type=checkbox] {
      margin: 0; }

    .todo-list .checkbox {
      display: inline-block;
      margin: 0px; }

    .panel-body input[type=checkbox]:checked + label {
      text-decoration: none;
      color: #777; }

    .todo-list-item {
      list-style: none;
      line-height: 0.9;
      padding: 14px 15px 8px 15px; }

    .todo-list-item:hover, a.todo-list-item:focus {
      text-decoration:
      background-color: #f6f6f6; }

    .todo-list .fa-trash {
      color: #444444; }

    .todo-list .fa-trash:hover {
      color: #ef4040; }

    .chat .panel-body ul {
      list-style: none;
      margin: -15px;
      padding: 15px; }

    .chat .panel-body ul li {
      margin-top: 5px;
      margin-left: 10px;
      padding: 5px 5px;
      border-bottom: 1px solid #e9ecf2; }

    .chat ul li.left .chat-body {
      margin-left: 70px; }

    .chat ul li.right .chat-body {
      margin-right: 80px; }

    .chat ul li .chat-body p {
      margin: 0; }

    .chat .panel-body {
      overflow-x: hidden;
          height: 300px;
          overflow-y: scroll;
      height: 300px; }

    .chat-body small {
      margin-left: 5px; }

    .table {
      background: #fff; }

    .fixed-table-container {
      border: 1px solid #e9ecf2; }

    .fixed-table-container thead th {
      background: #f7f7f8;
      border-color: #ddd;
      color: #444444;
      font-weight: 300;
      font-size: 16px; }

    .fixed-table-container tbody td {
      border: 1px solid #e9ecf2; }

    .fixed-table-container tbody td:last-child {
      border-right: none; }

    .table > thead > tr > th {
      border-bottom: 1px solid #e6e7e8;
      vertical-align: middle;
      height: 50px; }

    .fixed-table-pagination .pagination {
      margin-top: 10px;
      margin-bottom: 0px; }

    .fixed-table-pagination .pagination-detail {
      margin-top: 20px; }

    p.back-link {
      text-align: center;
      margin-bottom: 20px;
      font-size: 12px;
      text-transform: uppercase; }


      .panel-body {
        background: #FFF;
            border-radius: 4px; }



        .panel-heading span {
          margin: 0px;
          font-size: 14px; }

        .panel-button-tab-right {
          margin-left: 4px !important;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }

        .panel-button-tab-left {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }

        .border-top {
          border-top: 1px solid #dadbda; }

        .border-right {
          border-right: 1px solid #dadbda; }

        .border-bottom {
          border-bottom: 1px solid #dadbda; }

        .border-left {
          border-left: 1px solid #dadbda; }

        .panel .border-top, .panel .border-right, .panel .border-bottom, .panel .border-left {
          border-color: #e9ecf2; }

        .article {
          padding: 10px 0; }

        .article:first-child {
          padding: 0 0 10px 0; }

        .article h4 {
          margin-bottom: 10px; }

        .article .date {
          text-align: center;
          margin: 5px auto;
          display: block; }

        .article .date .text-muted {
          margin-top: -5px; }

        .timeline {
          list-style: none;
          padding: 20px 0 20px;
          position: relative; }

        .timeline:before {
          top: 0;
          bottom: 0;
          position: absolute;
          content: " ";
          width: 2px;
          background-color: #e9ecf2;
          left: 25px;
          margin-right: -1.5px; }

        .timeline > li {
          margin-bottom: 20px;
          position: relative; }

        .timeline > li:before, .timeline > li:after {
          content: " ";
          display: table; }

        .timeline > li:after {
          clear: both; }

        .timeline > li > .timeline-panel {
          width: calc( 100% - 65px );
          float: right;
          border: 1px solid #edeeed;
          border-radius: 2px;
          padding: 10px 20px;
          position: relative;
          box-shadow: none; }

        .timeline > li > .timeline-panel:before {
          position: absolute;
          top: 26px;
          left: -11px;
          display: inline-block;
          border-top: 11px solid transparent;
          border-right: 11px solid #edeeed;
          border-left: 0 solid #edeeed;
          border-bottom: 11px solid transparent;
          content: " "; }

        .timeline > li > .timeline-panel:after {
          position: absolute;
          top: 27px;
          left: -10px;
          display: inline-block;
          border-top: 10px solid transparent;
          border-right: 10px solid #fff;
          border-left: 0 solid #fff;
          border-bottom: 10px solid transparent;
          content: " "; }

        .timeline > li > .timeline-badge {
          color: #fff;
          width: 46px;
          height: 46px;
          line-height: 51px;
          font-size: 1.4em;
          text-align: center;
          position: absolute;
          top: 16px;
          left: 0px;
          margin-right: -25px;
          background-color: #999999;
          z-index: 100;
          border-radius: 9999px; }

        .timeline-badge.primary {
          background-color: #30a5ff !important; }

        .timeline-badge.success {
          background-color: #8ad919 !important; }

        .timeline-badge.warning {
          background-color: #ffb53e !important; }

        .timeline-badge.danger {
          background-color: #f9243f !important; }

        .timeline-badge.info {
          background-color: #30a5ff !important; }

        .progress {
          height: 12px;
          margin-bottom: 0;
          overflow: hidden;
          background-color: #f2f3f2;
          border-radius: 4px;
          -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

        .progress-bar {
          float: left;
          width: 0;
          height: 100%;
          font-size: 12px;
          line-height: 20px;
          color: #fff;
          text-align: center;
          background-color: #30a5ff;
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          -webkit-transition: width .6s ease;
          transition: width .6s ease; }

        .progress-bar-success {
          background-color: #8ad919;
          background-image: none; }

        .progress-bar-info, .progress-bar-blue {
          background-color: #30a5ff;
          background-image: none; }

        .progress-bar-warning, .progress-bar-orange {
          background-color: #ffb53e;
          background-image: none; }

        .progress-bar-danger, .progress-bar-red {
          background-color: #f9243f;
          background-image: none; }

        .progress-bar-teal {
          background-color: #1ebfae;
          background-image: none; }

        .jumbotron {
          background: #fff;
          border-bottom: 1px solid #e9ecf2;
          color: #444444; }

        .panel .tabs {
          margin: 0;
          padding: 0; }


          .panel {
            border: 0;
            width: 100%
            }

          .panel-container {
            padding-top: 20px; }

          .panel-heading .fa-toggle-up, .panel-heading .fa-caret-square-up, .panel-heading .fa-caret-square-down  {
            font-size: 20px; }

          .panel-primary > .panel-heading {
            background-color: #30a5ff;
            color: #fff;
            border: none; }

          .panel-success > .panel-heading {
            background-color: #8ad919;
            color: #fff;
            border: none; }

          .panel-info > .panel-heading {
            background-color: #30a5ff;
            color: #fff;
            border: none; }

          .panel-warning > .panel-heading {
            background-color: #f9243f;
            color: #fff;
            border: none; }

          .panel-danger > .panel-heading {
            background-color: #F54316;
            color: #fff;
            border: none; }

          .panel-primary .panel-settings, .panel-primary .panel-toggle, .panel-success .panel-settings, .panel-success .panel-toggle, .panel-info .panel-settings, .panel-info .panel-toggle, .panel-warning .panel-settings, .panel-warning .panel-toggle, .panel-danger .panel-settings, .panel-danger .panel-toggle {
            border: none;
            color: #fff;
            background-color: rgba(255, 255, 255, 0.0); }

          .panel-primary .panel-settings:hover, .panel-primary .panel-toggle:hover, .panel-success .panel-settings:hover, .panel-success .panel-toggle:hover, .panel-info .panel-settings:hover, .panel-info .panel-toggle:hover, .panel-warning .panel-settings:hover, .panel-warning .panel-toggle:hover, .panel-danger .panel-settings:hover, .panel-danger .panel-toggle:hover {
            border: none;
            color: #fff;
            background-color: rgba(255, 255, 255, 0.0); }

          .panel-blue {
            background: #30a5ff;
            color: #fff; }

          .panel-teal {
            background: #1ebfae;
            color: #fff; }

          .panel-orange {
            background: #ffb53e;
            color: #fff; }

          .panel-red {
            background: #f9243f;
            color: #fff; }

          .dark-overlay {
            background: rgba(0, 0, 0, 0.05); }

          .panel-blue p, .panel-teal p, .panel-orange p, .panel-red p {
            color: rgba(255, 255, 255, 0.75); }

.pull-left {
            float: left!important;
}


.panel .tabs {
  margin: 0;
  padding: 0; }

.nav-tabs {
  background: #f2f3f2;
  border: 0; }

.nav-tabs li a:hover {
  background: #fff; }

.nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li.active a, .nav-tabs li.active a:hover {
  border: 0;
  padding: 15px 20px; }

.nav-tabs li.active a {
  color: #30a5ff; }

.nav-tabs li a {
  color: #999; }

.nav-pills {
  padding: 15px;
  padding-bottom: 0; }

.nav-pills li a, .nav-pills li a:hover, .nav-pills li.active a, .nav-pills li.active a:hover {
  border: 0;
  padding: 7px 15px; }

.nav-pills li.active a, .nav-pills li.active a:hover {
  background: #30a5ff; }

.tab-content {
  padding: 15px; }




.user-menu {
  display: inline-block;
  margin-top: 14px;
  margin-right: 10px;
  float: right;
  list-style: none;
  padding: 0; }


  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
font-size: 1.3rem;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
        font-weight: 600;
        text-decoration: none;
}

.nav-tabs>li>a {
    margin-right: 2px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
}

.nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li.active a, .nav-tabs li.active a:hover {
    border: 0;

}

.nav-tabs li a {
    color: #999;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;

}

.tab-content>.active {
    display: block;
}

.fade.in {
    opacity: 1;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
}

.nav-tabs li.active a {
    color: #30a5ff;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}