@charset "utf-8";

/* general */
.darkprimarycolor {background:#DAA520;}
.darklightprimarytitlecolor {background:#F0E68C;}
.darklightprimarycolor {background:#E9ECEF;}
.primarycolor {background:#231816;}
.texticon {color:#beaa78;}
.accentcolor { background:#607D8B;}
.primarytext { color:#000000;}
.secondarytext { color:#757575;}
.darktext {color:#3B3D44;}
.dividercolor{color:#BDBDBD;}
.dividercolorbg{background:#BDBDBD;}
.borderdivider { border-bottom:1px solid #BDBDBD; padding-bottom:2px;}
.borderbox { border:1px solid #BDBDBD; padding:5px;}
.borderbottom1px{
	border-bottom:1px solid #0097A7;
}

.iconsize {
	width: 30px;
	height: 30px;
}

@media (min-width: 768px) {

.iconsize {
	width: 50px;
	height: 50px;
}
}

div span {
	word-wrap:auto;
	}
.ui-widget {
	font-size:12px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size:12px;
}
td,th {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.saveButton{
	padding:2px 5px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
	border:0px none;
	color:#FFF;
	font-family:Tahoma;
	background:#FF6633;
}
.saveButton:hover{
	padding:2px 5px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
	border:0px none;
	color:#FF0;
	font-weight:bold;
	font-family:Tahoma;
	background:#FF6633;
}
.footer {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	border-top:1px solid #000;
	background:#F5F5F5;
	z-index:1;
	height:60px;

}
.footer->container {
  width: auto;
  max-width: 680px;
  padding: 10px 15px 0px 15px;
  margin: 20px 0;

}
.footer->container p {
  margin: 20px 0;
}


img{
	border:0px none;
}
.roundTable{
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#FFFFFF;
}

.upperRoundTable{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.lowerRoundTable{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* color */
.colorRed {	color:#FF0000;}
.colorBlue { color:#0033FF;}
.colorOrange{	color:#FF6600;}
.colorWhite{	color:#FFFFFF;}
.colorGray{	color:#999999;}
.colorLightGray{	color:#CCCCCC;}
.colorDarkGray { color:#333333;}
.colorDarkGray2 { color:#666666;}
.colorDarkGray3 { color:#555555;}
.colorBlack {color:#000000;}

.bgFFF{	background-color:#FFFFFF;}
.bg333{	background-color:#333333;}
.bgCCC{	background-color:#CCCCCC;}
.bgF00{	background-color:#FF0000;}
.bg000{	background-color:#000000;}
.bg666{	background-color:#666666;}
.bg999 {background-color:#999;}

.font2px { font-size:2px;}
.font9px { font-size:9px;}
.font10px { font-size:10px;}
.font12px { font-size:12px;}
.font14px { font-size:14px;}
.font16px { font-size:16px;}
.font18px { font-size:18px;}
.font20px { font-size:20px;}
.font24px { font-size:24px;}

/* alignment */
.valignMiddle{	vertical-align:middle;}
.valignTop{	vertical-align:top;}
.left{	text-align:left; margin:auto;}
.FFleft{	margin: 0 auto 0 0; /*this will align it left for Mozilla*/}
.right{	text-align:right;margin:auto;}
.FFright{	margin: 0 0 0 auto; /*this will align it right for Mozilla*/}
.justify{	text-align:justify;}
.top{	vertical-align:top;}
.bottom{	vertical-align:bottom;}
.center{	text-align:center;margin:auto;}
.bold{	font-weight:bold;}
.handcursor{	cursor:pointer;}
.middle{	vertical-align:middle;}
.nowrap{	white-space:nowrap;}
.spacer{	height:3px;	font-size:3px;}
.underline{	text-decoration:underline;}
.underline-none{	text-decoration:none;}
.noborder{	border-width:0px;}
.floatLeft{ float:left;}
.floatRight { float:right; }
.clear { clear:both; }
.autoMargin {margin:auto;}
.displaynone {display:none;}
.displayflex {display:flex;}
.breakword {word-wrap:break-word;}
.wordbreak {word-break:break-all;}

/* Button */
.btnStyle {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF9933;
	color: #000000;
	border:1px solid;
	border-color:#000000;
	font-size: 8px;
	cursor:pointer;
}
.btnSytleUndo {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E3E7EE;
	color: #FF0000;
	border:1px solid;
	font-size: 8px;
}
/* text field */
.textField {
	width:85%;
	font-size:10px;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 5px;
}

textarea {
	font-size:10px;
	width:335px;
	height:80px;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
	resize:none;
	padding:2px 5px 2px 5px;
}

.productHalfBg{
	background:url(../images/whiteHalfBg.png) repeat;
}

.searchtextField {
	font-size:9px;
	border:0px none;
	font-family:Arial, Helvetica, sans-serif;
	width:150px;
	color:#999999;
}

.titleHeader{
	font-size:16px;
	font-weight:bold;
}
.headerStyle {
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#666666;
}

.adminheaderStyle {
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

/* table */
.tbbg {	background-color:#CDD2E0;}
.tbheaderbg {	background-color:#E3E7EE;}
.admintbheaderbg {background-color:#787878;}
.trbg {	background-color:#E6E6E6;}



.width100px { width:100px; }
.width110px { width:110px; }
.width120px { width:120px; }
.width130px { width:130px; }
.width150px { width:150px; }
.width200px { width:200px; }
.width250px {width:250px;}
.width300px { width:300px; }
.width400px { width:400px; }
.width500px { width:500px; }
.width600px { width:600px; }
.width700px { width:700px; }
.width715px { width:715px; }
.width800px { width:800px; }
.width900px { width:900px; }
.width990px { width:990px; }
.width1366px { width:1366px; }
.width954px { width:954px; }
.width42px { width:42px; }
.width1324px { width:1324px; }
.width1074px { width:1074px; }
.height0px {height:0px;}
.height150px {height:150px;}

.paddingright42px {padding-right:42px;}
.paddingtop2px{	padding-top: 2px;}
.paddingtop5px{	padding-top: 5px;}
.paddingtop7px{	padding-top: 7px;}
.paddingtop10px{	padding-top: 10px;}
.paddingtop15px{	padding-top: 15px;}
.paddingtop20px{	padding-top: 20px;}
.paddingtop25px{	padding-top: 25px;}
.paddingtop30px{ padding-top:30px;}
.paddingtop200px{	padding-top: 200px;}
.paddingtop220px{	padding-top: 220px;}
.paddingright5px{	padding-right: 5px;}
.paddingright10px{	padding-right: 10px;}
.paddingright30px{	padding-right: 30px;}
.paddingright50px{	padding-right: 50px;}
.paddingleft5px{	padding-left: 5px;}
.paddingleft7px{	padding-left: 7px;}
.paddingleft8px{	padding-left: 8px;}
.paddingleft10px{	padding-left: 10px;}
.paddingleft20px{	padding-left: 20px;}
.paddingleft30px{	padding-left: 30px;}
.paddingleft50px{	padding-left: 50px;}
.paddingleft300px{	padding-left: 300px;}
.paddingleft400px{	padding-left: 400px;}
.paddingleftright5px{	padding-left:5px;	padding-right:5px;}
.paddingbottom2px{	padding-bottom:2px;}
.paddingbottom5px{	padding-bottom:5px;}
.paddingbottom10px{	padding-bottom:10px;}
.paddingbottom20px{ padding-bottom:20px;}
.paddingbottom40px{ padding-bottom:40px;}
.paddingbottom60px{ padding-bottom:60px;}

.paddingleftright10px { padding-left:10px; padding-right:10px;}
.padding2px {padding:2px;}
.padding5px {padding:5px;}
.padding10px {padding:10px;}
.padding20px {padding:20px;}

.width5pc {width:5%;}
.width10pc {width:10%;}
.width15pc {width:15%;}
.width20pc {width:20%;}
.width25pc {width:25%;}
.width30pc {width:30%;}
.width33pc {width:33%;}
.width35pc {width:35%;}
.width40pc {width:40%;}
.width50pc { width:50%;}
.width60pc {width:60%;}
.width70pc {width:70%;}
.width80pc {width:80%;}
.width85pc {width:85%;}
.width90pc {width:90%;}
.width95pc {width:95%;}
.width100pc {width:100%;}

.removeLineThrough {text-decoration: line-through;}

.radius5px {border-radius :5px; -moz-border-radius:5px;}
.radius10px {border-radius :10px; -moz-border-radius:10px;}
.radius15px {border-radius :15px; -moz-border-radius:15px;}

.marginright5px { margin-right:5px; }
.wordbreakkeepall {word-break:keep-all;}

#startupmenu {
	background-color:#00FFFF;
	width:200px;
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
}
#menubuttonpanel{
	position:fixed;
	top:0px;
	left:0px;
	background-color:#FFFF00;
}

/* DivTable.com */
.divTable{
	display: table;
}
.divTableRow {
	display: table-row;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


.sysmhdrdesk {
	display:inline-table;
}
.sysmhdrdeskRow {
	display:inline-row;
}
.sysmhdrmobile{
	display:none;
}
@media (max-width: 768px) {
	  .sysmhdrdesk {
		display:none;
	}
	.sysmhdrdeskRow {
	display:none;
}
	.sysmhdrmobile{
		display:inline-table;
	}
}

.overselect:hover{
	background:#CDCDCD;
}
.rolloverselect:hover{
	background:#CDCDCD;
}
.tabActiveBg{
	background:#0097A7;
}

.tagPanelBg{
	background:#DAE8FC;

}
.tagPanelBg>div{
	padding:5px 20px 5px 30px;
}
.tagPanelBg a{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
.tagPanelBg a:hover{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}

.form-combo-box{
	padding-top:2px !important;
	}

.reqfont{
	color:#FF0080;
}

.rowhover:hover{
	background:#ABABAB;
}

.deletebg{
	background: url('../../images/genreal/bg_hidden.png') repeat;
}

#changeApprovalIcon{
	width:352px; height:77px;
}
@media (max-width: 400px) {
	#changeApprovalIcon{
	width:176px; height:39px;
}
}


.file_link{
	color:#2fa4e7;
	cursor:pointer;
}
.file_link:hover{
	color:#157ab5;
	cursor:pointer;
	text-decoration:underline;
}





body {
  font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
}

.ui-widget {
	font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:#000000;
    font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
}

.form-signin {
  max-width: 330px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin-heading {
	text-align:left;
	color: #00005a;
}
.form-signin .checkbox {
  font-weight: normal;
}
/*.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  font-size: 16px;
}*/
/*.form-signin .form-control:focus {
  z-index: 2;
}*/
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.well {
	background-color: #ffffff;
}


.ui-widget-header {
	border: none;
	background: #ffffff;
}

.ui-widget.ui-widget-content {
	border: none;
}

.header-section-spacing {
	margin-left: 15px;
	margin-bottom: 0px;
	padding: 10px 25px 25px 25px;
}

.header-section-enquiry-spacing {
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 18px;
}

.header-section-no-border {
	border: none;
}

.header-section-min-height {
	min-height: 500px;
}

.header-section-highlight-border {
	border: 1px solid #ffa500;
}

div.form-header-section {
	position:relative;
	-webkit-animation: movehdrsec 2s; /* Safari 4.0 - 8.0 */
    animation: movehdrsec 2s;
    /*-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;*/
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes movehdrsec {
	0%   {top:-5px;opacity: 0.0;filter: alpha(opacity=0);}
    100%  {top:0px;opacity: 1.0;filter: alpha(opacity=100);}
}
@keyframes movehdrsec {
	0%   {top:-5px;opacity: 0.0;filter: alpha(opacity=0);}
    100%  {top:0px;opacity: 1.0;filter: alpha(opacity=100);}
}

.level2-header-margin {
	margin-left: 15px;
	text-align:left;
	color: #00005a;
}

.level2-header-section-margin {
	margin-left: 15px;
	margin-bottom: 20px;
}

.table-header-font-color {
	font-weight: bold;
}

.radio-btn-label {
	margin-left: 5px;
}

#tabs div.tab-item, div.border-with-shadow {
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #888888;
	padding: 15px;
}

.input-field-row-margin {
	margin-top: 10px;
}

#tabs div.tab-item-border table {
	/*margin-top:9px;
	margin-left:9px;
	padding:5px;*/
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	box-shadow: 2px 0px 2px #888888;
	margin-left: 4px;
}

div.row div.input-field-margin {
	/*margin-left: 10px;*/
}

div.row div.important-field-hightlight {
	background-color: #a0a0a0;
}

div.row input[type="radio"], div.row input[type="checkbox"] {
	margin-top: 10px;
}

div.row label {
	margin-top: 5px;
	font-weight: normal;
}

.menu-icon-home {
	width: 16px;
	height: 16px;
	background-image: url("../../images/general/icon-home.png");
	display: inline-block;
	background-size: 16px 16px;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.avatar-img {
	border-radius: 50%;
}

.form-header-section select {
	height: 32px;
}

.form-header-section input[type="text"], .form-header-section input[type="email"] {
	height: 32px;
}

.form-header-section .glyphicon-plus {
	font-size: 18px;
    font-weight: bold;
}

.form-header-section .triangle-bottomright {
	width: 10px;
	height: 10px;
	border-top: none;
	border-right: none;
	background-color: transparent;
	border-bottom: 10px solid #033c73;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: -25px;
	right: 15px;
}

.form-header-section .action-col-pos {
	positive:relative;
}

.form-header-section select.form-enquiry-combo-box {
	display: inline;
    width: auto;
}

.triangle-down {
	margin-top: 1px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #033c73;
}
.triangle-down:after {
    content:'';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ffffff;
    position:absolute;
    top: 12px;
    left: 17px;
}
.triangle-down.no-after:after {
	border-top: none;
}

.triangle-up {
	margin-top: 4px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #033c73;
}
.triangle-up:after {
    content:'';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #ffffff;
    position:absolute;
    bottom: 8px;
    left: 17px;
}
.triangle-up.no-after:after {
	border-bottom: none;
}

span.formname {
	font-size:6px;
}
@media (min-width: 320px) and (max-width: 417px) {
	.SYSM00002_sugpwd_pos {
		position: absolute;
	    top: 834px;
    	left: -13px;
	}
}
@media (min-width: 418px) and (max-width: 484px) {
	.SYSM00002_sugpwd_pos {
		position: absolute;
	    top: 818px;
	    left: 4px;
	}
}
@media (min-width: 485px) and (max-width: 991px) {
	.SYSM00002_sugpwd_pos {
		position: absolute;
	    top: 734px;
	    left: 4px;
	}
}
@media (min-width: 992px) and (max-width: 1024px) {
	.SYSM00002_sugpwd_pos {
		position: absolute;
	    top: 244px;
	    left: 4px;
	}
}
@media (min-width: 1025px) and (max-width: 1600px) {
	.SYSM00002_sugpwd_pos {
		position: absolute;
	    top: 197px;
	    left: 4px;
	}
}

.upload-pic-padding {
	margin-left: -15px;
	padding-left: 0px;
}

.ajax-file-upload {
	min-width: 53px;
}

.background-color-grey {
	background-color: #ababab;
}

.highlight-when-hover:hover {
	background-color: #f0f0f0;
}

.sliding-panel-container {
	/*...*/
	/*visibility: hidden;*/
	display:none;
}

.sliding-panel-container.is-visible {
	/*visibility: visible;*/
	display:block;
}

.sliding-panel-content {
	/*...*/
	position: absolute;
	width: 87%;
	height: 100%;
	/*top: 50px;*/

 	-webkit-animation: slidepaneltoright 0s; /* Safari 4.0 - 8.0 */
    animation: slidepaneltoright 0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes slidepaneltoright {
	0%   {left:0;}
    100%  {left:100%;}
}
@keyframes slidepaneltoright {
	0%   {left:0;}
    100%  {left:100%;}
}

.is-visible .sliding-panel-content {
	-webkit-animation: slidepanelfromright 0.3s; /* Safari 4.0 - 8.0 */
    animation: slidepanelfromright 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.init-no-slide .sliding-panel-content {
	-webkit-animation: slidepanelfromright 0s; /* Safari 4.0 - 8.0 */
    animation: slidepanelfromright 0s;
}

@-webkit-keyframes slidepanelfromright {
	0%   {left:100%;}
    100%  {left:0%;}
}
@keyframes slidepanelfromright {
	0%   {left:100%;}
    100%  {left:0%;}
}

@media (min-width: 992px) {
	.fld-in-lst-padding-trim {
		padding-left:1px;
		padding-right:1px;
		word-wrap: break-word;
	}
}

.ui-datepicker-trigger {
	position: relative;
    top: 3px;
	height: 25px;
}

.sort-row-margin-left {
	margin-left: 0px;
}

.sort-cell-padding-left {
	padding-left: 0px;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
	border-radius: 4px;
    color: #555555;
    margin-top: 0px;
    font-size: inherit;
    padding-left: 10px;
}

div.ms-options-wrap button:after {
	border-top-color: #555555;
}

div.ms-options ul {
	padding-left: 10px;
}

.ms-options-wrap > .ms-options > ul li.selected label, .ms-options-wrap > .ms-options > ul label:hover {
	background-color: #ffffff;
}

.isslogo-img {
	background-color: #f0f0f0;
	background-image: url("../../images/icon/office.png");
	background-size: 60px 60px;
	background-repeat:no-repeat;
	background-position: center;
}

.input-group .form-control[id^="patb_atbcde"] {
	z-index: auto;
}

.del-btn-margin-left {
	margin-left: 40px;
}
.dtl-del-btn-margin-left {
	margin-left: 50px;
}

@media (min-width: 992px) {
	.pmst-dtl-rmk-col-width {
		width: 19%;
	}
}

ul.dl-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: #c9c9c9;
	border: 1px solid #c9c9c9;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	display: block;
	position: absolute;
	top: 15px;
	right: 20px;
	padding: 0 10px;
	margin-right: 10px;

	font: normal bold 12px/18px Arial, sans-serif;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.fr-box.fr-ltr.fr-basic.fr-top {
	z-index: 0
}

.calendar_button {
	border: 1px solid #CECECE;
    color: #747473;
    min-width: 50px;
    max-width: 80px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    font-family: arial;
}
.calendar_date {
    color: #454544;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    font-family: arial;
}
.calendar_button.prev_button {
	background: url(../3rdparty/images/arrow_left.png) center center no-repeat
}
.calendar_button.next_button {
	background: url(../3rdparty/images/arrow_right.png) center center no-repeat
}

.calendar-field-padding-trim {
	padding-left:1px;
	padding-right:1px;
	word-wrap: break-word;
}
.calendar-input-form {
	position: absolute;
	top: 100px;
	left: 200px;
	z-index: 10001;
	display: none;
	background-color: white;
	border: 2px outset gray;
	padding: 20px;
	font-family: Tahoma;
	font-size: 8pt;
	overflow-y: scroll;
	max-height: 600px;
}

.panel-transparent {
    background: none;
    border: 0;
  	box-shadow: none;
}

.panel-transparent .panel-heading{
    background: rgba(0, 0, 0, 0)!important;
}

.panel-transparent .panel-body{
    background: rgba(0, 0, 0, 0)!important;
}

input:read-only, select:read-only, textarea:read-only {
    border:1px solid #0097A7;
    border-radius:5px;
}

.form-static-content {
	font-size:16px;
	color:#033d35;
	letter-spacing:2px;
  	word-spacing:5px;
	text-decoration:none;
}

.listContent {
	font-size:14px;
	color:#3B3D44;
	letter-spacing:2px;
  	word-spacing:5px;
	text-decoration:none;
}

.formTitle {
	color:#555;
  	font-size:20px;
  	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  	word-spacing:3px;
	text-decoration:none;
}

.panel-heading .toggle:before {
    content: "▼";
    float: left;
    color: grey;
    padding-right: 5px;
}
.panel-heading .toggle.collapsed:before {
    content: "▶︎";
}

.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}

.togglable:after {
	content: "▼";
    color: grey;
    font-size:13px;
    /*padding-left: 5px;*/
}

.togglable.collapsed:after {
    content: "◀︎";
}

.rss.opacity { filter: opacity(50%); }

.form-label-text {
	color:#757575;
	font-size:12px;
	padding-bottom:4px;
}

a.active.nav-link{
	background-color: #57A4C0!important;
	color:#FFFFFF!important;
}

.form-control::-webkit-input-placeholder {
	opacity: .5;	  
}

</style>