@charset "UTF-8";

/*Begin icon stuff*/
@font-face {
    font-family: "untitled-font-6";
    src:url("fonts/untitled-font-6.eot");
    src:url("fonts/untitled-font-6.eot?#iefix") format("embedded-opentype"),
    url("fonts/untitled-font-6.woff") format("woff"),
    url("fonts/untitled-font-6.ttf") format("truetype"),
    url("fonts/untitled-font-6.svg#untitled-font-6") format("svg");
}



/* vvvv  Added Nov 2017 vvvv */

@font-face {
	font-family: "Metropolis-Black";
    src:url("fonts/Metropolis-Black.eot");
    src:url("fonts/Metropolis-Black.eot?#iefix") format("embedded-opentype"),
    url("fonts/Metropolis-Black.woff") format("woff"),
    url("fonts/Metropolis-Black.ttf") format("truetype"),
}

@font-face {
	font-family: "Metropolis-Light";
    src:url("fonts/Metropolis-Light.eot");
    src:url("fonts/Metropolis-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Metropolis-Light.woff") format("woff"),
    url("fonts/Metropolis-Light.ttf") format("truetype");
}

.czt-header-buttons {
margin-top: 10px;
}

.czt-btn-white .icon {
    color: #3EA24A;
}

.czt-btn-white {
	color: #2B7534;
    background-color: #ffffff;
	border: 0px solid #ffffff;
}
.czt-btn-success {
	color: white;
	background-color: #0d8c53;
	border: 0px solid #ffffff;
  border-radius: 4px;
  font-weight: 400;
}

.czt-btn-success:hover {
    color: #ffffff;
    background-color: #18b36e;
    border-color: #398439;
  }

.czt-btn-signup {
	margin-top: 10px;
}
.czt-btn-learnMore {
	margin-top: 10px;
	padding-left: 5px;
	font-weight: normal;
	color: #62bf83 !important;
}

.czt-btn-md {
    padding: 10px 16px;
    font-size: 15px;
	font-weight: 800;
    line-height: 1.3333333;
    border-radius: 6px;
}

.czt-btn-md {
    padding: 10px 16px;
    font-size: 12px;
	font-weight: 800;
    line-height: 1.3333333;
    border-radius: 6px;
}
.czt-hero {
  background-image: -moz-linear-gradient( 90deg, rgb(26,93,34) 1%, rgb(13,40,16) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(26,93,34) 1%, rgb(13,40,16) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(26,93,34) 1%, rgb(13,40,16) 100%);
  top: 73px;
  padding-top: 50px;
}

.czt-btn-outline-white {
	background-color: rgba rgba(0, 0, 0, 0);
	color: white;
	border: 2px solid white;
	font-weight: 600;
}

.czt-btn-clear-white {
	background-color: rgba rgba(0, 0, 0, 0);
	color: white;
}

.czt-text-white {
  color: white;
}

.czt-text-greenLt {
  color: #62bf83;
}

.czt-mr-20 {
  margin-right: 20px;
}

.czt-ml-20 {
  margin-left: 20px;
}

.czt-ml-30 {
  margin-left: 30px;
}

.czt-h2-hero {
  color: white;
  font-size: 3rem;
  font-family: sans-serif;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  line-height: 30px;
  text-align: left;
}

.czt-h1-hero {
  font-size: 5rem;
  font-family: sans-serif;
  font-weight: 900;
  color: white;
  line-height: 10px;
  text-align: left;
}

		.czt-h1-heroPrice {
			font-size: 30px;
			font-style: italic;
		}

		.czt-h2-heroPrice {
			font-size: 20px;
			font-weight:300;
			font-style: italic;
		}

		.czt-block-heroPrice {
			margin-top: 60px;

			color: white;
		}


.czt-body {
  background-color: #eeeeee;
  -webkit-box-shadow: 0px -13px 35px -13px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px -13px 35px -13px rgba(0,0,0,0.6);
  box-shadow: 0px -13px 35px -13px rgba(0,0,0,0.6);
  position: absolute;
  z-index: 40;
	width: 100%;
	padding-top: 50px;
}

.czt-features-title {
  font-family: sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  color: #525853;
}

.czt-features-text {
  color: #000000;
}


.czt-features-iconGly {
	color: grey;
	font-size: 60px;
}

.czt-loginBar {
	text-align: center;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D8D8D8;
	font-size: 12px;
}

.czt-pt-30 {
  padding-top:30px;
}

/* // ^^^^ Added Nov 2017 ^^^^ // */

.icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "untitled-font-6";
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}
.icon-enter:before {
    content: "\61";
}
.icon-help:before {
    content: "\62";
}
.icon-password:before {
    content: "\63";
}
.icon-pen:before {
    content: "\64";
}
.icon-report-employee:before {
    content: "\65";
}
.icon-report-job:before {
    content: "\66";
}
.icon-who-has-signed:before {
    content: "\67";
}
.icon-home:before {
    content: "\68";
}
.icon-save:before {
    content: "\69";
}
.icon-submit:before {
    content: "\6a";
}

.icon-edit:before {
    content: "\6d";
}
.icon-page:before {
    content: "\6e";
}
.icon-print:before {
    content: "\6f";
}
.icon-expense-report:before {
    content: "\72";
}
.icon-content-44:before {
    content: "\73";
}
.icon-plus:before {
    content: "\74";
}
.icon-sign-employee:before {
    content: "\70";
}
.icon-sign-expense:before {
    content: "\71";
}
.icon-x:before {
    content: "\75";
}

.btn-primary .icon,
.btn-default .icon {
    color: #DFF0D8;
}

.btn-mainmenu .icon {
    color: #2B7534;
}
/*End icon stuff*/

/*Remove blue button outline when buttons are focused*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

/*Make footer always be at the bottom of the page*/
html {
    position: relative;
    min-height: 100%;
}

/*Make room for the footer*/
body {
    margin-bottom: 60px;
}


/*Begin header css*/
.header-container {
    width: 100%;
}

/*Big colored bar on the header*/
.header-body {
    background-color: #2b7534;
    padding: 15px;
}

/*Little gray section of the header with links and shit*/
.header-footer {
    background-color: #d7d7d7;
    font-weight: bold;
}

/*Make links and text appear nicely*/
.header-footer > .container > a,
.header-footer > .container> span {
    display: inline-block;
    padding: 10px;
}

/*Set background color for hovered links*/
.header-footer a:hover {
    background-color: #bfbfbf;
    text-decoration: none;
}

/*Probably center something vertically, works for the company's logo, no clue about anything else*/
.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(50%);
}

/*Any tables without .table are non-bootstrap tables and expect a default padding number*/
table:not(.table) td {
    padding: 5px;
}

/*Styles for the footer, puts it at the bottom of the page, which has a minimum height of 100%*/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

/*Most of gerry's pages have a <center> tag on them so this should fix most of them from running against the header*/
body center {
    margin-top: 15px;
}

/*Add a small margin to the top of the main container to move it away from the header*/
.main {
    margin-top: 100px;
}

/*3-letter designator input is not 100% width*/
.manual-width {
    width: unset;
}

/*Main menu buttons*/
.btn-mainmenu {
    color: #333333;
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}
.btn-mainmenu:focus,
.btn-mainmenu.focus {
    color: #333333;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}
.btn-mainmenu:hover {
    color: #333333;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}
.btn-mainmenu:active,
.btn-mainmenu.active,
.open > .dropdown-toggle.btn-mainmenu {

    color: #333333;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}
.btn-mainmenu:active:hover,
.btn-mainmenu.active:hover,
.open > .dropdown-toggle.btn-mainmenu:hover,
.btn-mainmenu:active:focus,
.btn-mainmenu.active:focus,
.open > .dropdown-toggle.btn-mainmenu:focus,
.btn-mainmenu:active.focus,
.btn-mainmenu.active.focus,
.open > .dropdown-toggle.btn-mainmenu.focus {
    color: #333333;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}
.btn-mainmenu:active,
.btn-mainmenu.active,
.open > .dropdown-toggle.btn-mainmenu {
    background-image: none;
}
.btn-mainmenu.disabled:hover,
.btn-mainmenu[disabled]:hover,
fieldset[disabled] .btn-mainmenu:hover,
.btn-mainmenu.disabled:focus,
.btn-mainmenu[disabled]:focus,
fieldset[disabled] .btn-mainmenu:focus,
.btn-mainmenu.disabled.focus,
.btn-mainmenu[disabled].focus,
fieldset[disabled] .btn-mainmenu.focus {
    background-color: #EEEEEE;
    border-color: #E1E1E1;
}
.btn-mainmenu .badge {
    color: #EEEEEE;
    background-color: #ffffff;
}

.btn + .btn,
.btn + a {
    margin-left: 15px;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 3px;
    background-color: darkgrey;
}

#charge_table tr,
#expense_table tr {
    background-color: transparent;
}

#charge_table tr:hover:not(:first-child):not(:last-child),
#expense_table tr:hover:not(:first-child):not(:last-child) {
    background-color: #d8e9b5;
}

.help-row {
    margin-top: 15px;
}