/* ---------------------------------------------------------------------------------------
	RESET
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, cite,
del, dfn, em, font, q, s, samp,
strike, strong,
ol, ul, li,
fieldset, form, label, legend,
tbody, tfoot, thead, tr {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	 margin-top:0 !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
dt {
	font-weight: bold;
}
img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.clearboth {
	width: 100%;
	clear: both;
	display: block;
}
.clear {
  clear: both;
}
/* ---------------------------------------------------------------------------------------
	GLOBAL
--------------------------------------------------------------------------------------- */
body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  color: #333333;
  font-size:16px;
  line-height:22px;
  background-color: #ffffff;
  font-weight:normal;
}
button,
input,
select,
textarea {
	color: #888;	
	font-size: 16px;
	width: auto;
}
select {
	width:100%;
}
/* Headings Typography
================================================== */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Rock Salt', sans-serif;
	color: #555;
	clear: both;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: bold;
}
h1 { font-size: 28px; line-height:32px; }
h2 { font-size: 25px; line-height:29px; }
h3 { font-size: 20px; line-height:24px; }
h4 { font-size: 16px; line-height:20px; }
h5 { font-size: 14px; line-height:18px; }
h6 { font-size: 12px; line-height:16px; }
hr {
	background-color: #E6E6E6;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
/* Text Elements
================================================== */
p, h3, h4, h5, h6 { margin-bottom: 10px; }
ul, 
ol { margin: 15px 0 0px 15px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul ul, 
ol ol, 
ul ol, 
ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
b, strong { font-weight: bold; }
dfn, cite, em, i { font-style: italic; }
blockquote {
	font-style: italic;
	background: transparent url(images/quotes.png) no-repeat scroll top left;
	padding: 0px 0px 0px 32px;
}
code { color:#7a7a7a; }
pre {
	line-height: 25px;
	padding: 0px 20px;
	margin-bottom:10px;
	border: 1px solid #ddd;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f2f2f2 50%, #f9f9f9 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(50%,#f9f9f9));
	background: -webkit-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%);
	background: -o-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%);
	background: -ms-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%);
	background: linear-gradient(to bottom, #f2f2f2 50%,#f9f9f9 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f9f9f9',GradientType=0 );
	background-size: 50px 50px;
}
/* Tables
================================================== */
/*table {
	margin:       0 0 25px;
	width:        100%;
	border-left:  1px solid #ddd;
	border-right: 1px solid #ddd;
	border-collapse:collapse;
}
caption {
	font-size:  0.875rem;
	font-style: italic;
	color:      #888;
}
th,
td {
	padding: 4px 2%;
	border: 1px solid #ddd;
	border-left: none;
}
th {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}
td {
	border-top: none;
}*/
table {
  width: 100%;
}
table th,
table td {
  border-bottom: 1px solid #e8e4e3;
  padding: 10px;
  text-align: left;
  font-size:14px;
}
table th {
  text-transform: uppercase;
}
table tr th:first-child,
table tr td:first-child {
}
table tr th:last-child,
table tr td:last-child {
  padding-right: 0;
}
#pk-table table tbody td:first-child { background: #f55700; color: #fff; }

/* Links
================================================== */
a {
	color: #e67e22;
	cursor: pointer;
	text-decoration: none;
	outline: 0 none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:visited, a:focus, a:active { text-decoration: none !important; outline: 0 !important; }
a:hover { text-decoration:underline; outline: 0; }

/* Alignment
================================================== */
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 20px auto;
}
.welcome-align {
	text-align:center;
	border:none;
}
.text-align {
	text-align:center;
}
/*-------------------------------------------------------------------------------------------*/
/* MISC */
/*-------------------------------------------------------------------------------------------*/

/*	Button
================================================== */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	padding: 10px 25px;
	border:none;
	border: 1px solid #eaeaea;
	color:#8c8b8b;
	text-transform:uppercase;
	padding:5px 35px;
}

/*	Form
================================================== */
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type=text],
input[type=search],
input[type=date],
input.input-text,
textarea,
select,
input.txt,
input[type=tel],
input[type=email] {
	font-family: 'Open Sans', sans-serif;
	padding: 7px 10px;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 14px !important;
	line-height: 20px;
	outline: none;
	background: #f7f7f7;
	width:100%;
	color:#8c8b8b;
}
select option { color:#8c8b8b; }
input::placeholder, select, textarea::placeholder { color:#aaaaaa !important; }

input[type=text]:hover,
input.input-text:hover,
textarea:hover,
input.txt:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=text]:focus,
input.input-text:focus,
textarea:focus,
input.txt:focus,
input[type=tel]:focus,
input[type=email]:focus {
	border-color: #ccc;
	background: #faf9f9;
}
input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	/*Hides the default checkbox style */
	cursor: pointer;
	top: 5px;
	height: 17px;
	width: 17px;
	border: 2px solid #DDDDDC;
	background-color: #f2f2f2;
	position:relative;
}
input[type="checkbox"]:before,
input[type="checkbox"]:checked:before {
	position: absolute;
	top: 2px;
	left: 3px;
	line-height: 2.818em;
	text-align: center;
	color: #fff;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 14px;
}
input[type="checkbox"]:checked:before {
  content: "\f00c";
  margin:-3px 0 0 -4px;;
  color: #f4421a;
}
input[type="checkbox"]:hover:before {
}
input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	/* Hides the default radio style */
	height: 15px;
	width: 15px;
	border: 3px solid #DDDDDC;
	cursor: pointer;
	top:-3px;
	position: relative; 
	-webkit-transition: .15s;
	border-radius: 2em;
	background-color: #f2f2f2;
}
input[type="radio"]:checked {
	background-color: #f4421a;
}
input.btn {
	font-family:"Proxima Nova";	background:#919191;
	border:none;
	color:#fff;
	padding:9px 10px;
	font-size:12px;
	-webkit-transition: all 0.6s ease;
       -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
            transition: all 0.6s ease;
}
input.btn:hover {
	background:#7e7e7e;
}
.saka-btn {
    color: #fff;
    background: #1cb799;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    margin: 0;
    padding:10px 25px;
    cursor: pointer;
    border:none;
}
.saka-btn:hover {
	color: #fff;
	background:#bbb;
}
.saka-btn-blue { background:#008bcc; }
.saka-btn-blue:hover { background:#0073a8 !important; }
.saka-btn-red{ background:#da1501; }
.saka-btn-red:hover { background:#af1100 !important; }
.element-builder-item {
	background: #1cb799;
    text-align: center;
    font-size: 16px;
    padding: 12px;
    color: #fff;
	cursor:pointer;
}
.text-shadow { text-shadow: 4px 2px 3px rgba(0,0,0,0.3); }
input.error, 
select.error { border-color:#f00; }

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 9999;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}