body {
	padding-top: 51px;
	background: #E9EAED;
	color: #636e7b;
}

span[data-notify="icon"] {
	font-size: 2em;
	margin: 0px 10px;
}

span[data-notify="title"] {
	font-size: 1.5em;
}

span[data-notify="message"] {
	margin: 0px 10px;
}

.nav > li:hover > ul.dropdown-menu {
	display: block;
}

.nav > li > a {
	padding: 15px 12px;
	font-size: 0.95em;
	border-left: solid 1px #333;
	border-right: solid 1px #000;
}

.nav ul.dropdown-menu {
	border: 0px;
}

.nav ul.dropdown-menu > li > a {
	padding: 10px 15px;
	border-top: solid 1px #eee;
	background: #666;
	color: #fff;
}

.nav ul.dropdown-menu > li > a:focus,
.nav ul.dropdown-menu > li.active > a {
	background: #666;
}

.nav ul.dropdown-menu > li > a:hover {
	background: #FFAB00 !important;
	color: #fff;
}

.nav ul.dropdown-menu > li:first-child > a {
	border: none;
}
 
.btn .fa {
	margin-right: 7px;
}

.breadcrumb-bar {
	background: #F5F5F5;
}

.breadcrumb {
	border-radius: 0px;
	font-size: 12px;
	background: none;
	margin: 0px;
	color: #999;
}

.breadcrumb a {
	color: #000;
}

.breadcrumb .active {
	color: inherit;
}

.breadcrumb > li + li:before {
	color: #888;
}



.title-action {
	position: relative;
	margin: 0px 0px 0px 0px;
}

.title-action h1 {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	margin: 15px 15px 15px 0px;
	font-size: 26px;
}

.title-action p {

	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	position: relative;
	top: -6px;
	margin: 0px;
}

form[role="form"] {
	background: #FBFBFB;
	padding: 20px 30px;
}

@media (max-width: 767px) {
	
	form[role="form"] {
		background: #FBFBFB;
		padding: 10px 15px;
	}
}

.table a {
	color: inherit;
}

.table th a {
	text-decoration: none !important;
	border-bottom: solid 1px;
	border-color: #ddd;
}

.table th a:hover {
	border-bottom: solid 1px;
}

.table td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.table td.actions {
	width: 10px;
	white-space: nowrap;
}

.table td a {
	color: inherit;
	border-bottom: dotted 1px #ddd;
	text-decoration: none;
	padding: 2px 4px 1px 4px;
	border-radius: 1px;
	
}
.table td a:hover {
	color: #fff;
	background: #333;
	border-bottom: solid 0px #333;
}

.grid-view tr td.actions {
	white-space: nowrap;
}

.grid-view tr td.actions a {
	background: none !important;
}

.grid-view tr td.actions {
	opacity: 0.1;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.grid-view tr:hover td.actions {
	opacity: 1;
	filter: none;
	-webkit-filter: none;
}

.table .actions a {
	padding: 0px;
	background: none;
	color: inherit;
	margin: 0px 1px;
}

.table a .glyphicon,
.table .actions a .fa {
	padding: 6px 6px;
	background: #DE7512;
	border-radius: 5px 0px 5px 0px;
	color: #fff;
	margin: 0px;
	text-align: center;
	position: relative;
	
}

.table .actions a .fa {
	top: -1px;
}

.table a .glyphicon-eye-open {
	background: #aaa;
}
.table a .glyphicon-pencil {
	background: #01B1E1;
}
.table a .glyphicon-trash {
	background: #E9573F;
}

.table a .fa.open {
	background: #3AC0A3;
}

.table a:hover .glyphicon,
.table .actions a:hover .fa {
	background: #333;
}

.grid-view > .summary {
	padding: 3px 8px;
	border-radius: 1px 1px 0px 0px;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 1px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 40px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #222222;
    border-top: 1px solid #000;
    color: #fff;
    padding-top: 20px;
}


.trans01 { -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.trans02 { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.trans03 { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.trans04 { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.trans05 { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.trans06 { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.trans07 { -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.trans08 { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.trans09 { -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }
.trans10 { -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }