input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="time"], input[type="file"], input[type="submit"], input[type="button"], textarea{
	-webkit-appearance:none;
	border-radius:0;
	outline: none;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ao960h');
  src:  url('../fonts/icomoon.eot?ao960h#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ao960h') format('truetype'),
    url('../fonts/icomoon.woff?ao960h') format('woff'),
    url('../fonts/icomoon.svg?ao960h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


#mainform > .validationmsg {margin-left: 15px;}

/*program dashboard, google charts*/
/*stop chart flicker*/
svg > g > g:last-child { pointer-events: none }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*new icons*/
.icon-edit2:before {
	content: "\e926";
}

/*end of new icons*/

.icon-incomplete:before {
  content: "\e921";
}
.icon-ready-to-submit:before {
  content: "\e922";
}
.icon-submitted-copy-3:before {
  content: "\e923";
}
.icon-proposal-application:before {
  content: "\e924";
}
.icon-proposal-list:before {
  content: "\e925";
}
.icon-pdf-file:before {
  content: "\e920";
}
.icon-utilities:before {
  content: "\e91f";
}
.icon-edit .path1:before {
  content: "\e91a";
  color: rgb(255, 255, 255);
}
.icon-edit .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-edit .path3:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-edit .path4:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-edit .path5:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-close:before {
  content: "\e912";
}

/*SUPARNA ADD 4_12_18 - edit circle icon styling*/
.tools .icon-edit .path1:before{color: #1d5998;}
.tools .icon-edit .path2:before{color: #fff;}
.tools .icon-edit .path3:before{color: #fff;}
.tools .icon-edit .path4:before{color: #fff;}
.tools .icon-edit .path5:before{color: #fff;}

.icon-arrow2-down:before {
  content: "\e913";
}
.icon-arrow2-top:before {
  content: "\e914";
}
.icon-arrow-left:before {
  content: "\e915";
}
.icon-calendar:before {
  content: "\e916";
}
.icon-delete:before {
  content: "\e917";
}
.icon-photo:before {
  content: "\e904";
}
.icon-print:before {
  content: "\e918";
}
.icon-save:before {
  content: "\e919";
}
.icon-plus:before {
  content: "\e910";
}
.icon-ypqa:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e900";
}
.icon-down-arrow:before {
  content: "\e901";
}
.icon-up-down-arrow:before {
  content: "\e902";
}
.icon-right-arrow:before {
  content: "\e903";
}
.icon-admin-list:before {
  content: "\e911";
}
.icon-user-accounts:before {
  content: "\e905";
}
.icon-resources:before {
  content: "\e906";
}
.icon-reports:before {
  content: "\e907";
}
.icon-ta-activities:before {
  content: "\e909";
}
.icon-activities:before {
  content: "\e90a";
}
.icon-participants-n-staff:before {
  content: "\e90b";
}
.icon-invoices:before {
  content: "\e90c";
}
.icon-workplan:before {
  content: "\e90d";
}
.icon-agency:before {
  content: "\e90e";
}
.icon-program-dashboard:before {
  content: "\e90f";
}
html,body{
	height: 100%;
}
html{
   /*overflow: hidden;*/  
}
body{
    overflow: auto;
}
#wrapper{
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}
.navbar{
	width: 100%;
	position: fixed;
	z-index: 5;
}
.navbar .container{
	position: relative;
}
.navbar .logo{
    margin: 0 27px 0 0;
	display: inline-block;
}
.navbar .logo2{
	float: left;
}
.navbar .title{
	font-size: 25px;
	color: #fff;
	display: inline-block;
	vertical-align: bottom;
    margin: 0 29px 13px 0;
    max-width: 495px;
    height: 35px;
    overflow: hidden;
}
.navbar .slogan{
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
    margin: 0 0 4px;
    letter-spacing: 2px;
    padding: 7px 0 5px 28px;
	border-left:1px solid #74a1ca;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: bottom;
	max-width: 346px;
	height: 50px;
	overflow: hidden;
}
.navbar .slogan2{
	color: #fff;
	display: block;
	font-size: 18px;
    margin: 11px 0 -3px;
}
.navbar .logout{
	color: #1d5998;
	position: absolute;
	background: #fff;
	border-color: #fff;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 0 0 5px 5px;
	right: 25px;
	top: -13px;
    padding: 4px 15px 2px;
}
#main{
	padding: 106px 15px 0;
}
#sidebar{
	padding: 0 0 0 15px;
	position: relative;
	background: #f6f6f6;
    position: fixed;
    width: 235px;
    top: 106px;
    bottom: 0;
}
.jcf-scrollable{
	height: 100%;
}
#sidebar:before{
	background: #f6f6f6;
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0;
	right: 0;
	content: "";
	padding: 0 0 0 9999px;
	margin: 0 0 0 -9999px;
	-webkit-box-shadow: inset 0px -18px 16px 10px rgba(28,67,121,0.06);
	-moz-box-shadow: inset 0px -18px 16px 10px rgba(28,67,121,0.06);
	box-shadow: inset 0px -18px 16px 10px rgba(28,67,121,0.06);
}
.panel-group .panel{
	font-size: 15px;
	font-weight: 700;
    padding: 11px 0 12px 12px;
}
.panel-group .panel>a{
	position: relative;
	display: block;
	color: #002b45;
	z-index: 2;
	padding: 0 35px 0 31px;
}
.panel-group .panel.active{
	background: #fff;
	position: relative;
}
.panel-group .panel:hover{
	background: #fff url(../images/bg-sidebar.gif) repeat-y 100% 0;
}
.panel-group .panel:hover>a{
	text-decoration: none;
}
.panel-group .panel a:focus{
	color: #65ba17;
	text-decoration: underline;
}
.panel-group .panel>a:focus{
	text-decoration: none;
}
.panel-group .panel.active>a{
	color: #65ba17;
}
.panel-group .panel.active>a span{
	text-decoration: underline;
}
.panel-group .panel.active.has-drop>a{
    color: #002b45;
}
.panel-group .panel.active.has-drop>a span{
	text-decoration: none;
}
.panel-group .panel>a:before{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 14px;
    position: absolute;
    left: 0;
    top: 2px;
    text-decoration: none;
}
.panel-group .panel>a.program-dashboard:before{
  content: "\e90f";
}
.panel-group .panel>a.agency:before{
  content: "\e90e";
  font-size: 16px;
}
.panel-group .panel>a.workplan:before{
  content: "\e90d";
  font-size: 20px;
  top: 0;
  left: 2px;
}
.panel-group .panel>a.invoices:before{
  content: "\e90c";
  font-size: 18px;
  left: 2px;
  top: 1px;
}
.panel-group .panel>a.participants-n-staff:before{
	content: "\e90b";
	font-size: 18px;
	left: -1px;
	top: 0px;
}
.panel-group .panel>a.activities:before{
	content: "\e90a";
	font-size: 18px;
	left: -1px;
	top: 0px;
}
.panel-group .panel>a.ta-activities:before{
	content: "\e909";
	font-size: 18px;
	left: 1px;
	top: 1px;
}


.panel-group .panel>a.ypqa:before{
	content: "\e908";
	font-size: 16px;
	left: -1px;
	top: 3px;
}
.panel-group .panel>a.reports:before{
	content: "\e907";
	font-size: 17px;
	left: 1px;
	top: 2px;
}
.panel-group .panel>a.resources:before{
	content: "\e906";
	font-size: 14px;
	left: 1px;
	top: 4px;
}
.panel-group .panel>a.user-accounts:before{
	content: "\e905";
	font-size: 17px;
	left: 1px;
	top: 1px;
}
.panel-group .panel>a.admin-list:before{
	content: "\e911";
	font-size: 19px;
	left: 5px;
	top: 1px;
}
.panel-group .panel>a.utilities:before{
	content: "\e91f";
	font-size: 19px;
	left: 0;
	top: 0;
}
.panel-group .panel>a.proposal-list:before{
	content: "\e925";
	font-size: 15px;
    left: 0;
    top: 2px;
}
.panel-group .panel>a.proposal-application:before{
	content: "\e924";
	font-size: 17px;
    left: 0;
    top: 3px;
}
.panel-group .panel ul{
	margin: 0;
	padding: 11px 0 0 18px;
	list-style: none;
	font-size: 14px;
}
.panel-group .panel ul li{
	padding: 0 0 12px;
}
.panel-group .panel ul li:last-child{
	padding: 0;
}
.panel-group .panel ul a{
	position: relative;
	color: #002b45;
	padding: 0 0 0 13px;
	display: block;
}
.panel-group .panel ul a:hover{
	color: #65ba17;
	text-decoration: none;
}
.panel-group .panel ul a:hover span{
	text-decoration: underline;
}
.panel-group .panel ul a:before{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 9px;
	content: "\e903";
	position: absolute;
	left: 0;
	top: 6px;
}
.panel-group .panel ul .active a,
.panel-group .panel ul .active a:before{
	color: #65ba17;
}
.panel-group .panel ul .active a span{
	text-decoration: underline;
}
.panel-group .panel.has-drop{
	position: relative;
}
.panel-group .panel.has-drop:after{
	top: 19px;
    right: 14px;
	content: " ";
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 9px solid #9b9b9b;
}
.panel-group .panel.has-drop.active,
.panel-group .panel.active{
	background: #fff url(../images/bg-sidebar.gif) repeat-y 100% 0;
}
.panel-group .panel.has-drop.active:after{
	top: 14px;
	border-top: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 9px solid #9b9b9b;
}
#content{
    float: right;
	padding: 28px 15px 40px 27px;
}
.btn.plus{
	position: relative;
    padding: 8px 42px 8px 12px;
	font-size: 13px;
	letter-spacing: 2px;
}
.heading-holder{
	background: #fff;
	width: 100%;
	max-width: 747px;
	margin: 0 0 24px;
}
.scroll .heading-holder{
	position: fixed;
	z-index: 5;
	top: 106px;
	padding: 28px 0 0;
}
.page-header{
	margin: 0;
}
.page-header .btn.plus{
    padding: 8px 42px 8px 12px;
}
.btn.plus:after{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
    top: 10px;
    right: 12px;
	content: "\e910";
}
.form-row{
	margin: 0 -6px;
}
.form-row .form-group{
	padding: 0 6px;
}
.search .hold{
	padding: 18px 0 0;
}
.search .form-control{
	width: 82%;
    height: 40px;
    margin: 0 -3px 0 0;
	display: inline-block;
	vertical-align: top;
    color: #002b45;
}
.search .btn-holder{
	display: inline-flex;
	vertical-align: top;
	position: relative;
	width: 18%;
}
.search .btn-holder:before{
	color: #fff;
    font-size: 23px;
    top: 50%;
    left: 50%;
	position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.search .btn{
	width: 100%;
	background: #1d5998;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	border-color: #1d5998;
	border-radius: 0;
	height: 40px;
}
.form-row label{
	text-transform: uppercase;
	display: inline-block;
	margin: -6px 0 3px;
	font-weight: 700;
	color: #002b45;
	font-size: 11px;
}
.form-row .jcf-select {
	height: 40px;
}
.form-row .jcf-select .jcf-select-text {
	line-height: 40px;
}
.form-row .jcf-select .jcf-select-opener {
    padding: 15px 0 0;
}
.form-search{
	overflow: hidden;
	margin: 0 0 8px;
}
.counter{
	font-size: 14px;
	color: #1d5998;
    margin: 3px 0 0 14px;
}
.add-nav{
	position: relative;
	margin: -28px 0 0;
}
.add-nav .prev,
.add-nav .next{
	position: absolute;
	width: 58px;
	height: 55px;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(0,0,0,0.3);
}
.add-nav .next{
	left: auto;
	right: 0;
}
.add-nav .prev:after,
.add-nav .next:after{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 15px;
    line-height: 1;
    position: absolute;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    display: block;
    font-family: "icomoon";
    text-indent: 0;
  	content: "\e915";
  	color: #fff;
}
.add-nav .next:after{
  content: "\e903";
}
.add-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 55px;
	font-weight: 700;
}
.add-nav li{
	margin: 0 0 0 -1px;
}
.add-nav li a{
	display: inline-block;
	position: relative;
	padding: 0 23px;
}
.add-nav li a:after{
	width: 2px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	background: #b9bfc3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.add-nav li:first-child a:after{
	display: none;
}
.add-nav li:first-child a{
	padding: 0 23px 0 17px;
}
.add-nav li a:hover,
.add-nav li.active a{
	color: #65ba17;
	text-decoration: underline;
}
.page-header .btn{
    margin: -5px 0 0 14px;
    padding: 8px 20px;
	letter-spacing: 2px;
}
.page-header h1{
	margin: 0;
}
.page-header h2{
	font-size: 15px;
	font-weight: 400;
    margin: 8px 0 0;
    padding: 5px 0 0;
    text-transform: none;
	border-top: 1px dashed #d7d8d6;
}
.tools{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
}
.tools li{
	display: inline-block;
	vertical-align: top;
    margin: -2px 0 0 12px;
}
.tools li:first-child{
    margin: -2px 0 0;
}
.tools a{
	color: #fff;
	width: 35px;
	height: 35px;
	font-size: 18px;
	line-height: 35px;
	background: #1d5998;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
}
.tools a:hover,
.tools a:focus{
	text-decoration: none;
}
.tools a.icon-pdf-file{
	background: none;
	color: #1d5998;
	font-size: 35px;
}
.tools a.icon-save:before{
	width: 18px;
	display: block;
	margin: 0 auto;
}
.tools a.icon-arrow-left:before{
	width: 10px;
	display: block;
	margin: 0 auto;
}
.page-header .tools{
	margin: -3px 0 10px 10px;
}
.close{
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border: 2px solid #1d5998;
	border-radius: 100%;
	position: relative;
}
.close:after{
	position: absolute;
	top: 50%;
	left:50%;
	content: "";
	width: 7px;
	height: 2px;
	background: #1d5998;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.open.close:before{
	position: absolute;
	top: 50%;
	left:50%;
	content: "";
	width: 2px;
	height: 7px;
	background: #1d5998;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.close.big{
	/*width: 22px;
	height: 22px;*/
    margin: -16px 15px 8px 0;
}
.close.big:after{
	/*width: 10px;*/
	height: 2px;
}
.open.close.big:before{
	width: 2px;
	/*height: 10px;*/
}
.heading{
	padding: 12px 15px 12px;
	background: #f0f0f0;
}
.heading h3{
	font-size: 16px;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.heading h3 span{
	font-size: 13px;
    margin: 0 0 0 10px;
	text-transform: none;
    font-weight: normal;
}
.heading .popover-title{
	font-size: 14px;
	text-transform: none;
}
.grey-block .heading{
	margin: 0 0 13px;
    padding: 12px 0;
	background: #f4f4f4;
	border-bottom: 1px solid #dedede;
}
.block{
	font-size: 13px;
	padding: 15px;
	margin: 0 0 24px;
	border: solid #dedede;
	border-width: 0 1px 1px 1px;
}
.openCloseSectionHolder{
	margin: 0 0 20px;
}
.grey-block{
	background: #f4f4f4;
	border-color: #f4f4f4;
	padding: 0 13px 5px;
}
.block .row{
	margin-bottom: 22px;
}
.block .row .row,
.block .row:last-child{
	margin-bottom: 0;
}
.block .form-area label{
	height: 34px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    text-align: right;
    margin: 0;
}
.block label{
	margin: 0 0 6px;
	font-size: 13px;
	display: inline-block;
	color: #002b45;
	font-weight: bold;
}
.block label .req{
	font-size: 14px;
	color: #65ba17;
	display: inline;
}
.block .error label .req{
	color: #f00;
}
.block h4{
	font-size: 16px;
	margin: 0 0 10px;
	font-weight: 700;
}
.block h4.title{
	margin: 0;
	padding: 0 0 5px;
    line-height: 22px;
	border-bottom: 1px dashed #d5d5d5;
}
.block p{
	margin: 0 0 8px;
}
.section{
	padding: 30px 0 0;
	border-top: 1px dashed #d7d8d6;
}
.section-row>.col-md-3{
	text-align: right;
}
.section-row .col-md-9{
	border-left: 1px solid #d7d8d6;
}
.block .section-row{
	margin-bottom: 30px;
}
.block .section-row .form-area{
    margin-bottom: 12px;
}
.section-row .col-md-9 .row:last-child{
	margin-bottom: 0;
}
.section-wrap h4{
	padding: 0 0 15px;
	border-bottom: 1px dashed #d7d8d6;
}
.section-wrap .section{
	border: none;
	padding: 5px 0 0;
}
.checkbox-holder label{
	float: left;
	width: calc(100% - 20px);
}
.radio-holder p{
	margin: 0;
}
.tools.small{
    padding: 4px 0 0;
}
.tools.small li{
    margin: 0 0 0 6px;
}
.tools.small li:first-child{
	margin: 0;
}
.tools.small a{
	width: 26px;
	height: 26px;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
}
.tools.small2{
	margin: 30px 0 0;
}
.tools.small2 a{
	width: 29px;
	height: 29px;
	font-size: 14px;
	line-height: 29px;
}
.block .section .btn.plus{
	margin: 0 15px 0 0;
}
.block h5{
	margin: 18px 0 -7px;
	font-size: 14px;
	font-weight: 700;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="time"],
textarea{
	width: 100%;
	padding: 0 10px;
    font-size: 13px;
	line-height: 34px;
    border: 1px solid #dfe1df;
	display: inline-block;
	color: #002b45;
}
input[type="time"]{
	padding: 0 0 0 10px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="time"]:focus,
textarea:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="time"]{
	height: 36px;
}
input[type="radio"],
input[type="checkbox"]{
	margin: 0;
	padding: 0;
	display: inline-block;
    vertical-align: middle;
}
input[type="submit"],
input[type="button"] {
  border-radius: 6px;
}
label{
    vertical-align: middle;
}
textarea{
	max-height: 130px;
    display: block;
    max-width: 100%;
    line-height: 16px;
    min-height: 36px;
    padding: 5px 10px;
    resize: none;
}
input.alignright{
	text-align: right;
}
.block .radio-row label{
	display: inline-block;
	text-align: left;
	height: auto;
	margin: 0;
}
.block .radio-holder label,
.checkbox-area label{
	margin: 0;
}
.datepicker{
	position: relative;
}
.datepicker:after{
	position: absolute;
	top: 7px;
    right: 12px;
	content: "\e916";
	color: #1d5998;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 22px;
	line-height: 1;
}
.block .jcf-select{
	margin: 0;
}
.action-items .col-md-6{
    padding-top: 7px;
    padding-bottom: 8px;
}
.action-items .col-md-6:first-child{
	border-right: 1px solid #002b45;
}
.take-photo{
	display: inline-block;
	font-size: 13px;
	line-height: 31px;
    margin: 4px 86px 0 0;
    padding: 4px 0 0;
	position: relative;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: 700;
}
.take-photo:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 31px;
	content: "\e904";
	position: absolute;
	right: -60px;
	top: 0;
}
.btn.print{
    position: relative;
    letter-spacing: 1px;
    padding: 8px 51px 8px 16px;
    margin: 0 0 0 28px;
}
.btn.print:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 18px;
    content: "\e918";
    font-size: 19px;
}
.fixed-buttons{
	right: 0;
	top: 50%;
	position: fixed;
	z-index: 6;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn.save,
.btn.top{
	border-radius: 13px 0 0 13px;
	display: block;
	margin: 0 0 16px;
	font-size: 13px;
    letter-spacing: 2px;
    padding: 10px 11px 7px 12px;
}
.btn.save:before{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  	content: "\e919";
    font-size: 22px;
    display: block;
    margin: 0 0 7px;
}
.btn.top{
    padding: 13px 11px 13px 12px;
}
.btn.top:before{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  	content: "\e903";
  	font-size: 12px;
  	display: block;
    margin: 0 0 8px;
  	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
p .info{
	color: #ed5f39;
}
p.error{
	font-size: 15px;
	font-style: italic;
	margin: -10px 0 14px;
    float: left;
}
.form-section p.error{
	margin: 0;
}

/* do not enable. GMS needs to to handle postback vs nonpostabck. JM
.error{
	color: #f00;
}
.error input[type="text"],
.error input[type="email"],
.error input[type="password"],
.error textarea,
.error .jcf-select{
    border: 1px solid #f00;
}
.error .jcf-select .jcf-select-text{
	color: #f00;
}
*/
.block .table-holder{
	margin: -15px;
}
.block .table{
	margin: 0;
}
.block .table thead{
	color: #002b45;
	font-weight: 700;
	text-transform: uppercase;
}
.block .table td,
.block .table th{
	width: 133px;
	padding: 8px 9px;
	border-left: 1px solid #ddd;
}
.block .table th{
	padding: 5px 9px;
    line-height: 14px;
	border-width: 0 0 1px;
	border-left: 1px solid #ddd;
}
.block .table td{
	text-align: right;
	vertical-align: middle;
}
.block .table td:first-child,
.block .table th:first-child{
	width: auto;
	border-left: 0;
	text-align: left;
}
.block .table td:first-child{
	color: #1d5998;
}
.block .table tfoot{
	font-size: 16px;
	color: #1d5998;
	font-weight: 700;
	background: #f9f9f9;
}
.form-section{
	padding: 11px 0 8px;
	color: #002b45;
	margin: 0 -16px;
	border-top: 1px solid #bebebe;
}
.form-section:first-child{
	border-top: 0;
    padding: 0 0 8px;
}
.form-section.add-section{
	border: none;
    margin: -63px -16px 0;
}
.form-section.add-section2{
	border: none;
    margin: -55px -16px 0;
}
.form-section label{
	font-weight: 700;
    margin: 0 0 6px 6px;
    display: block;
}
.form-table{
	width: 100%;
    table-layout: fixed;
}
.form-table td{
	padding-bottom: 8px;
	position: relative !important;
}
.form-table .form-table{
	width: 190px;
}
.sub-heading{
	overflow: hidden;
	margin: 20px 1px 10px;
	background: #f9f9f9;
	padding: 0 13px;
}
.sub-heading .subtotal{
	float: right;
	font-size: 16px;
    line-height: 1.1;
	font-weight: 700;
	color: #1d5998;
	min-width: 192px;
	padding: 13px 0 13px 30px;
	border-left: 1px solid #c4c4c4;
}
.sub-heading h4{
	font-size: 16px;
	margin: 0;
	padding: 13px 0;
}
.block label span{
	display: block;
	font-weight: normal;
}
.form-section .total,
.form-section .amount{
	text-align: center;
}
.form-section .total span{
	height: 36px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.form-section .tools .icon-delete{
	width: 29px;
	height: 29px;
    line-height: 29px;
    margin: 27px 0 0;
}
.form-section .info{
	display: block;
	text-align: right;
	font-size: 10px;
	color: #6f6f6f;
}
.form-section .number,
.row-col .number{
	position: absolute;
	width: 15px;
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
    left: 0;
    top: 24px;
	background: #7ab345;
}
.row-col .number{
    left: -7px;
}
.form-section .edit{
	color: #1d5998;
	text-transform: uppercase;
}
.form-section .edit .icon-edit{
	color: #1d5998;
	margin: 0 5px 0 0;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}
.form-section .edit a{
	font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
	text-decoration: underline;
}
.table-collapse .close.big{
	float: left;
	margin: 0 10px 0 0;
	border-color: #fff;
    position: absolute;
    left: -32px;
   /* top: -4px;*/
}
.table-collapse .close.big:after,
.table-collapse .close.big:before{
	background: #fff;
}
.table-collapse .header{
	background: #f0f0f0;
	cursor: pointer;
    padding: 8px 14px 8px 16px;
    line-height: 1.42857143;
    font-weight: bold;
}
.table-collapse .opener{
	cursor: pointer;
    position: relative;
    width: 16px;
    height: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
}
.table-collapse .header a{
	color: #000;
}
.table-collapse .header a:hover{
    color: #1d5998;
	text-decoration: underline;
}
.table-collapse > thead > tr > th{
	width: 160px;
	line-height: 19px;
}
.table-collapse .opener:before{
	content: "\e901";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 8px;
    color: #1d5998;
    position: absolute;
    top: 0;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.table-collapse .open.opener:before{
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.table-collapse th:first-child,
.table-collapse table td:first-child{
	width: 427px;
	padding-left: 45px;
}
.table-collapse > tbody > tr > td{
	padding: 0;
	vertical-align: middle;
}
.table-collapse table{
    width: 100%;
    max-width: 100%;
    border: 0;
}
.table-collapse table td{
	padding: 8px 14px;
	width: 160px;
    line-height: 1.42857143;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.table-collapse table td:first-child{
    border-left: 0;
}
.table-program > thead > tr > th,
.table-program > tbody > tr > th,
.table-program > tfoot > tr > th,
.table-program > thead > tr > td,
.table-program > tbody > tr > td,
.table-program > tfoot > tr > td{
	padding: 8px 13px;
}
.table-program th:first-child,
.table-program td:first-child{
	max-width: 188px;
}
.table-program th.year,
.table-program td.year{
	max-width: 87px;
}
.table-bordered > thead > tr > th.year .sort:after{
    padding: 0 0 0 15px;
}
.popup{
	padding: 21px 19px 25px 29px;
	width: 500px;
	background: #fff;
	border: 5px solid #7ab345;
	font-size: 15px;
	color: #033d60;
}
.popup .holder{
	margin: 0 0 16px;
	border-bottom: 1px solid #c5c6c5;
}
.popup .close{
    border: none;
    line-height: 1;
    font-size: 18px;
    width: auto;
    height: auto;
}
.popup .close:after{
	display: none;
}
.popup h2{
	color: #002b45;
	font-size: 20px;
	margin: 0 0 5px;
    padding: 14px 0 0;
	text-transform: uppercase;
}
.popup .cancel{
	border: none;
	font-weight: 700;
	line-height: 40px;
	margin: 0 34px 0 0;
	display: inline-block;
	text-decoration: underline;
	text-transform: uppercase;
    letter-spacing: 1px;
}
.popup .btn{
	padding: 9px 22px;
}
.tab-content{
	padding: 20px;
	border: solid #ddd;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 4px 4px;
}
.well22{
	height: 200px;
	width: 100%;
}
.code-html{
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
    word-break: normal;
}
.code-html code{
	display: block;
	width: 100%;
    white-space: normal;
}
.uploaded span{
	display: block;
}
.uploaded a{
	text-decoration: underline;
}
/*Flat 5*/
.row-section{
	border-bottom: 1px solid #bebebe;
	padding: 0 0 24px;
	margin: 0 0 24px;
}
.row-section:last-child{
	border: none;
	padding: 0;
	margin: 0;
}
.row-col{
  margin-right: -8px;
  margin-left: -8px;
  margin-bottom: 22px;
}
.row-col:last-child{
	margin-bottom: 0;
}
.row-col:after{
	display: block;
	clear: both;
	content: "";
}
.col-1,.col-1-2,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24{
	position: relative;
	min-height: 1px;
	padding-right: 8px;
	padding-left: 8px;
	float: left;
}
.col-1{
	width: 7.3%;
}
.col-1-2{
	width: 10%;
}
.col-2{
	width: 15%;
}
.col-3{
	width: 19.5%;
}
.col-4{
	width: 27%;
}
.col-5{
	width: 29%;
}
.col-6{
	width: 48.7%;
}
.col-7{
	width: 52.5%;
}
.col-8{
	width: 77.1%;
}
.col-9{
	width: 37.1%;
}
.col-10{
	width: 53.5%;
}
.col-11{
	width: 15.5%;
}
.col-12{
	width: 31%;
}
.col-13{
	width: 78%;
}
.col-14{
	width: 22%;
}
.col-15{
	width: 15.7%;
}
.col-16{
	width: 9.3%;
}
.col-17{
    width: 36.3%;
}
.col-18{
    width: 25%;
}
.col-19{
    width: 9%;
}
.col-20{
    width: 18%;
}
.col-21{
    width: 24%;
}
.col-22{
    width: 22.7%;
}
.col-23{
    width: 13%;
}
.col-24{
    width: 75%;
}
.row-section.type2{
    margin: -60px 0 0;
    border-bottom: 0;
}
.row-col2 label{
	height: 30px;
	line-height: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.row-col2 .number{
	top: 36px;
}
.row-col2 .tools.small2 {
    margin: 38px 0 0;
}
.row-col3 .number{
	top: 0;
}
.row-col3 .tools.small2 {
    margin: 5px 0 0;
}
.row-col2 .btn.plus{
	margin: 0;
}
.block .form-area label.alignleft{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}
.row-col label.type2{
	float: right;
	margin: 18px 0 0;
	height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.row-col label.type3{
    display: block;
	text-align: center;
	margin: 0;
}
.total-row{
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: -15px;
  background: #f7f7f7;
  font-size: 15px;
  line-height: 29px;
  color: #002b45;
}
.total-row:last-child{
  margin-bottom: -15px;
}
.total-row strong{
	display: block;
}
.total-row2{
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 8px;
}
.total-row2:last-child{
  margin-bottom: 0;
}
.aligncenter{
	text-align: center;
}
.form-area.total-row{
	background: #fff;
}
.form-area.total-row label{
	font-size: 15px;
}
.form-area.total-row input[type="text"]{
	width: 57px;
	margin: 0 auto;
	display: block;
}
.row-col .link{
	display: block;
	margin: 29px 0 0;
	text-decoration: underline;
}
.radio-row2{
	height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.row-section-holder .row-section:last-child{
	margin: 0 0 24px;
}
.dynamicRowsHolder,
.totalCounterHolder{
	margin-bottom: 22px;
}
.totalCounterHolder:last-child{
	margin: 0;
}
/*Flat 7*/
.note-block{
	margin: 0 0 24px;
	font-weight: 700;
}
.note-block .box{
	border: 2px solid #ed5f39;
	padding: 12px;
}
.note-block .box p{
	margin: 0;
	line-height: 22px;
}
.alignright{
	text-align: right;
}
.red{
	color: #ed5f39;
}
.heading-block{
	background: #f0f0f0;
	overflow: hidden;
	margin: 0 0 24px;
}
.heading-block .number{
	width: 40px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	font-weight: 700;
	background: #7ab345;
	margin: 0 14px 0 0;
}
.heading-block h2{
	color: #1d5998;
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	margin: 0 14px;
}
.heading-block .tools li:first-child{
    margin: 0 4px 0 0;
}
.table .tools li:first-child{
    margin: -9px 0 -6px;
}
.heading-block .tools a.icon-pdf-file,
.info-table .tools a.icon-pdf-file,
.table-bordered td .tools a.icon-pdf-file {
    line-height: 40px;
    font-size: 28px;
    text-decoration: none;
}
.info-table-holder{
	margin-top: -24px;
}
.block .info-table > thead > tr > td,
.block .info-table > tbody > tr > td,
.block .info-table > tfoot > tr > td{
	font-size: 14px;
	font-weight: 700;
	width: 188px;
	text-align: left;
	padding: 7px 2px 7px 15px;
}
.info-table > thead > tr > td:first-child,
.info-table > tbody > tr > td:first-child,
.info-table > tfoot > tr > td:first-child{
	width: auto;
	padding: 7px 15px;
}
.info-table a{
	text-decoration: underline;
}
.info-table .info-area{
	padding: 2px 0 1px 26px;
	line-height: 26px;
	font-weight: 400;
}
.info-table dl{
	overflow: hidden;
	margin: 0;
}
.info-table dt{
	float: left;
	margin: 0 5px 0 0;
    line-height: 26px;
	font-weight: 700;
}
.info-table dd{
    line-height: 26px;
}
.table .submitted,
.table .unsubmitted,
.table .ready{
	font-size: 13px;
	color: #65ba17;
	position: relative;
	padding: 0 0 0 29px;
	display: inline-block;
	font-weight: 400;
}
.table .unsubmitted{
	color: #ed5f39;
}
.table .ready{
	color: #e4aa17;
}
.table .submitted:before,
.table .unsubmitted:before,
.table .ready:before{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 14px;
    position: absolute;
    left: 0;
    top: 2px;
    text-decoration: none;
    content: "\e923";
}
.table .unsubmitted:before{
    content: "\e921";
}
.table .ready:before{
    content: "\e922";
}
.table-bordered a{
    color: #000;
}
/* custom select styles */
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #dfe1df;
	background: #fff;
	margin: 0 0 12px;
	width: 100%;
	height: 36px;
}
.jcf-select.jcf-focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}
.jcf-select .jcf-select-text {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 13px;
	line-height: 36px;
	margin: 0 45px 0 10px;
	color: #002b45;
}
.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background: #fff;
	width: 37px;
	bottom: 0;
	right: 0;
	top: 0;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 10px;
	color: #1d5998;
    padding: 13px 0 0;
}
.jcf-select .jcf-select-opener:before{
  content: "\e901";
}
body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #dfe1df;
}
/* multiple select styles */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #dfe1df;
	min-width: 200px;
	margin: 0 15px;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option {
	white-space: normal;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	height: 1%;
	min-height: 20px;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}
/* common custom form elements styles */
.jcf-select.jcf-disabled {
	background: #fff !important;
	border-width: 1px 0 0;
}
.jcf-select.jcf-disabled .jcf-select-text{
    line-height: 25px;
    margin: 0;
}
.jcf-select.jcf-disabled .jcf-select-opener{
	display: none;
}
/* custom checkbox styles */
.jcf-checkbox {
	float: left;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #959595;
	margin: 5px 6px 0 0;
	height: 12px;
	width: 12px;
}
.jcf-checkbox span{
	position:absolute;
	display:none;
	height: 5px;
    width: 8px;
	top:50%;
	left:50%;
	margin:-7px 0 0 -6px;
	border:3px solid #132c45;
	border-width:0 0 2px 2px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
:root .jcf-checkbox span {margin:-3px 0 0 -4px;}
.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-checkbox.jcf-checked span{display:block;}
/* custom radio styles */
.jcf-radio {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #969696;
	border-radius: 9px;
	margin: 0 3px 0 0;
	height: 12px;
	width: 12px;
}
.jcf-radio span{
	display:none;
	position:absolute;
	top:2px;
	left:2px;
	right:2px;
	bottom:2px;
	background:#000;
	border-radius:100%;
}
.jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-radio.jcf-checked span {display:block;}
/* custom file input styles */
.jcf-file {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	background: #fff;
}
.jcf-file .jcf-real-element {
	position: absolute;
	font-size: 200px;
	height: 200px;
	margin: 0;
	right: 0;
	top: 0;
	cursor: pointer;
}
.jcf-file .jcf-fake-input {
	display: inline-block;
	text-overflow:ellipsis;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	padding: 0 8px;
	font-size: 13px;
	line-height: 26px;
	height: 26px;
	width: 125px;
	color: #1d5998;
}
.jcf-file .jcf-upload-button {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	line-height: 26px;
	height: 26px;
	color: #1d5998;
	font-weight: 700;
    letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
}
/* custom scrollbars styles */
.jcf-scrollable-wrapper {
	box-sizing: content-box;
	position: relative;
}
.jcf-scrollbar-vertical {
	position: absolute;
	cursor: default;
	background: #e3e3e3;
	width: 7px;
	bottom: 0;
	right: 0;
	top: 0;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	background: #bbb;
	height: 0;
	width: 0;
    left: -9999px;
    top: -9999px;
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	top: auto;
	bottom: 0;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
	background: #9b9b9b;
	height: 1px;
	width: 7px;
	border-radius: 5px;
}
.jcf-scrollbar-horizontal {
	position: absolute;
	background: #e3e3e3;
	right: auto;
	top: auto;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 7px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	background: #bbb;
	height: 7px;
	width: 7px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
	left: auto;
	right: 0;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
	display: inline-block;
	position: relative;
	height: 7px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
	position: absolute;
	background: #888;
	height: 7px;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
	visibility: hidden;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, 
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
	background: #e3e3e3;
}
/* common custom form elements styles */
.jcf-disabled {
	background: #fff !important;
}
.jcf-disabled.jcf-radio span{
	background: #d7d8d6 !important;
}
.jcf-disabled.jcf-checkbox span{
	border-color: #9d9d9d !important;
}
@media only screen and (max-width: 1024px){
	.navbar,
	#sidebar{
		position: absolute;
	}
	.fixed-buttons{
		display: none;
	}
	#sidebar{
    	width: 195px;
	}
}
@media only screen and (max-width: 991px){
	.search .form-control{
		width: 76%;
	}
	.search .btn-holder{
		width: 24%;
	}
	.block .col-md-3 label{
		display: block;
    	text-align: left;
	}
	.section-row > .col-md-3 {
	    text-align: left;
	}
	.section-row .col-md-9,
	.action-items .col-md-6:first-child{
		border: none;
	}
	.section-row .tools{
		margin: 0 0 20px;
	}
	.block .section-row {
	    margin-bottom: 15px;
	}
	.action-items,
	.action-items .text-right{
		text-align: center;
	}
	.btn.print{
		margin: 0;
	}
	.take-photo{
    	margin: 0 60px 0 0;
	}
	.form-section .total, .form-section .amount {
	    text-align: left;
	}
	.form-section .total span{
		-webkit-box-pack: left;
		-ms-flex-pack: left;
		justify-content: left;
	}
	.form-section .tools{
		margin: 10px 0 0;
	}
	.form-section .tools .icon-delete{
		margin: 0;
	}
	textarea{
		margin: 0 0 10px;
	}
	.form-table td.col-md-12 {
		width: 100%;
	}
	.form-table td.col-md-11 {
		width: 91.66666667%;
	}
	.form-table td.col-md-10 {
		width: 83.33333333%;
	}
	.form-table td.col-md-9 {
		width: 75%;
	}
	.form-table td.col-md-8 {
		width: 66.66666667%;
	}
	.form-table td.col-md-7 {
		width: 58.33333333%;
	}
	.form-table td.col-md-6 {
		width: 50%;
	}
	.form-table td.col-md-5 {
		width: 41.66666667%;
	}
	.form-table td.col-md-4 {
		width: 33.33333333%;
	}
	.form-table td.col-md-3 {
		width: 25%;
	}
	.form-table td.col-md-2 {
		width: 16.66666667%;
	}
	.form-table td.col-md-1 {
		width: 8.33333333%;
	}
	.form-table label{
		height: 20px;
		overflow: hidden;
	}
	.form-section.add-section,
	.form-section.add-section2{
		margin: 0 -16px;
	}
	.form-section.add-section .btn,
	.form-section.add-section2 .btn{
		margin: 0 16px;
	}
	.block .form-area label{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.form-area.total-row input[type="text"]{
		width: 100%;
		margin: 0;
	}
	.row-col label.type2{
		height: auto;
		float: none;
		margin: 0;
	}
	.col-1, .col-1-2, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15,
	.col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24{
		float: none;
		width: 100%;
		margin-bottom: 8px;
	}
	.col-1:last-child, .col-1-2:last-child, .col-2:last-child, .col-3:last-child, .col-4:last-child, .col-5:last-child, .col-6:last-child, .col-7:last-child, .col-8:last-child, .col-9:last-child, .col-10:last-child, .col-11:last-child, .col-12:last-child, .col-13:last-child, .col-14:last-child, .col-15:last-child, 
	.col-16:last-child, .col-17:last-child, .col-18:last-child, .col-19:last-child, .col-20:last-child, .col-21:last-child, .col-22:last-child, .col-23:last-child, .col-24:last-child{
		margin-bottom: 0;
	}
	.form-area.total-row{
		margin-bottom: 8px;
	}
	.alignright,
	.aligncenter{
		text-align: left;
	}
	.tools.small2,
	.row-col2 .tools.small2,
	.row-col3 .tools.small2,
	.row-col .btn.plus{
		margin: 0;
	}
}
@media only screen and (max-width: 8px){
	.main#main{
		padding: 160px 15px 0;
	}
	.main #sidebar{
		top: 160px;
	}
	/*
	.navbar{
		min-height: 160px;
	}
	*/
}
@media only screen and (max-width: 7px){
	.navbar{
		position: static;
	}
	.navbar .logo,
	.navbar .title,
	.navbar .slogan{
		display: block;
		margin: 0;
	}
	.navbar .title{
		margin: 20px 0;
	}
	.navbar .slogan{
		padding: 0;
		border: none;
	}
	.main#main{
		padding: 0 15px;
	}
	#sidebar:before{
		display: none;
	}
	#sidebar{
		padding: 0;
		margin: 0;
		position: static;
		width: 100%;
	}
	#content{
		float: none;
		padding: 15px;
	}
	#content.type2{
		padding: 15px;
	}
	.heading-holder{
		position: static;
		width: 100%;
	}
}

/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Twitter Bootstrap theme

    copyright (c) 2011 - 2014 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #FFF; border: 1px solid #999; z-index: 1200; padding: 5px; top: 0 }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #373737; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker td.dp_selected,
.Zebra_DatePicker .dp_footer .dp_hover,
.Zebra_DatePicker td.dp_hover               { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker.dp_visible               { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }
.Zebra_DatePicker.dp_hidden                { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #DEDEDE; color: #373737 }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { font-weight: bold }
.Zebra_DatePicker td.dp_not_in_month            { color: #DEDEDE; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { }
.Zebra_DatePicker td.dp_weekend                 { }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #DEDEDE; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #039; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { cursor: text; font-weight: bold }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer            { margin-top: 3px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #3A87AD }
.Zebra_DatePicker td.dp_disabled_current    { color: #3A87AD }
.Zebra_DatePicker td.dp_disabled            { color: #DEDEDE; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #DEDEDE }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: block; position: absolute; top: 7px !important; right: 12px !important; width: 18px; height: 22px; margin-right: 0 !important; background: url('../images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside_Right   { margin: 0 3px 0 0 }
button.Zebra_DatePicker_Icon_Inside_Left    { margin: 0 0 0 3px }
.Zebra_DatePicker_Icon_Wrapper{
	width: 100%!important;
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: visible !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(255,255,255,0.8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../images/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}