/* here you can put your own css to customize and override the theme */
.login .logo {
	vertical-align: middle;
	font-size: 18px;
	color: #FFF;
}

.login .content .select2-container {
	border-left: 0px !important;
}

.page-logo {
	width: auto !important;
}

a.header-logo:link, a.header-logo:visited, a.header-logo:hover  {
    margin-top: 10px;
    display: inline-block;
	font-size: 18px;
	color: #FFF;
}

.portlet > .portlet-title > .actions.left {
	float: left !important;
}

.portlet > .portlet-title > .tools > a.search {
  margin-bottom: 2px;
  background-image:url(../images/portlet-search-icon.png);
  width: 13px;
}

.portlet.box > .portlet-title > .tools > a.search,
.portlet.solid > .portlet-title > .tools > a.search {
  background-image:url(../images/portlet-search-icon-white.png);
}
.page_count {
	margin: 10px 0;
}
.legend table td {
    padding: 5px;
}
.demo-container {
		position: relative;
		height: 400px;
		width: 550px;
	}
.img_border { padding:1px; border: solid 1px #CCCCCC; }
.circular {
	width: 150px;
	height: 150px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	}
.margin5 { margin: 5px; }

.margin10 { margin: 10px !important; }

.marginR5 { margin-right: 5px !important; }

.marginR10 { margin-right: 10px !important; }

.marginR15 { margin-right: 15px !important; }

.marginT5 { margin-top: 5px !important; }

.marginT10 { margin-top: 10px !important; }

.marginT15 { margin-top: 15px !important; }

.marginB5 { margin-bottom: 5px !important; }

.marginB10 { margin-bottom: 10px !important; }

.marginB15 { margin-bottom: 15px !important; }

.marginL5 { margin-left: 5px !important; }

.marginL10 { margin-left: 10px !important; }

.marginL15 { margin-left: 15px !important; }

.padding5 { padding: 5px !important; }

.padding10 { padding: 10px !important; }

.padding15 { padding: 15px !important; }

.padding15 { padding: 15px !important; }

.padingR5 { padding-right: 5px !important; }

.padingR10 { padding-right: 10px !important; }

.padingR15 { padding-right: 15px !important; }

.padingT5 { padding-top: 5px !important; }

.padingT10 { padding-top: 10px !important; }

.padingT15 { padding-top: 15px !important; }

.padingB5 { padding-bottom: 5px !important; }

.padingB10 { padding-bottom: 10px !important; }

.padingB15 { padding-bottom: 15px !important; }

.padingL5 { padding-left: 5px !important; }

.padingL10 { padding-left: 10px !important; }

.padingL15 { padding-left: 15px !important; }

.nopading {padding: 0px !important;}

.nobottompading {padding-bottom: 0px !important;}

.notoppading {padding-top: 0px !important;}

.noleftpading {padding-left: 0px !important;}

.norightpading {padding-right: 0px !important;}

.nomargin {margin: 0px !important;}

.nobottommargin {margin-bottom: 0px !important;}

.notopmargin {margin-top: 0px !important;}

.noleftmargin {margin-left: 0px !important;}

.norightmargin {margin-right: 0px !important;}

/*.green { color: #9FC569; }

.darkgreen { color: #007100; }

.red { color: #ED7A53; }

.red2 { color: #FF171D; }

.gray { color: #a2aaac; }

.orange { color: #FF8A00; }

.dark { color: #1F3140; }

.dark2 { color: #4A4A4A; }

.blue { color: #3399cc; }

.white { color: #ffffff; }*/
.font-darkgrey {
    color: #7d8794 !important;
}


.fs10 { font-size: 10px !important; }

.fs11 { font-size: 11px !important; }

.fs12 { font-size: 12px !important; }

.fs13 { font-size: 13px !important; }

.fs14 { font-size: 14px !important; }

.fs15 { font-size: 15px !important; }

.fs16 { font-size: 16px !important; }

.tcenter {text-align: center !important;}

.portlet-top-border {
    border-bottom: none !important;
    border-top: 1px solid #eee;
}

.action_col a {
    display: inline-block;
}
.action_col a:first-child {
    margin-left: 0px;
}

#test_details .portfolio-info span {
    font-size: 20px !important;
}

.que_list {
    font-size: 1.1em;
}
.que_list ul {
    margin: 0px;
    padding: 0px;
}
.que_list li {
    padding-left: 20px;
    list-style: none outside none;
}

.que_list li.correct {
    background: url("../images/correct.png") no-repeat scroll left center rgba(0, 0, 0, 0)
}

.page-500.error-page .details {
	margin-left: 0px;
}

.page-500.error-page .details p {
	font-size: 18px;
	line-height: 30px;
}

.page-container.halt-page-container {
	margin-top: 0px;
}

.stud-logo {
    min-height: 29px;
    height: 29px;
    width: 29px;
}
.form .form-section-header {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.adm-lang td, .adm-lang th {
	padding: 5px;
}

.family-info .form-control-static {
	font-size: 14px;
}

.adm-table td, .adm-table th {
	padding: 5px;
}
.task-attachment .badge {
	height: auto !important;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	vertical-align: middle;
}

.hand-cursor {
	cursor: pointer !important;
	cursor: hand !important;
}
.text-red {
	color: #b94a48 !important;
}

/* AJAX Spinner */
.loader-animation {
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 28px;
	height: 28px;
	border-radius: 100% !important;
	box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	-o-box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	-ms-box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	-webkit-box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	-moz-box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	animation: loader-spin ease infinite 3.4s;
	-o-animation: loader-spin ease infinite 3.4s;
	-ms-animation: loader-spin ease infinite 3.4s;
	-webkit-animation: loader-spin ease infinite 3.4s;
	-moz-animation: loader-spin ease infinite 3.4s;
}

@keyframes loader-spin {
	0%,
	100% {
		box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	}
	25% {
		box-shadow: -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73);
	}
	50% {
		box-shadow: -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193);
	}
	75% {
		box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
	}
}

@-o-keyframes loader-spin {
	0%,
	100% {
		box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	}
	25% {
		box-shadow: -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73);
	}
	50% {
		box-shadow: -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193);
	}
	75% {
		box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
	}
}

@-ms-keyframes loader-spin {
	0%,
	100% {
		box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	}
	25% {
		box-shadow: -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73);
	}
	50% {
		box-shadow: -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193);
	}
	75% {
		box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
	}
}

@-webkit-keyframes loader-spin {
	0%,
	100% {
		box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	}
	25% {
		box-shadow: -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73);
	}
	50% {
		box-shadow: -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193);
	}
	75% {
		box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
	}
}

@-moz-keyframes loader-spin {
	0%,
	100% {
		box-shadow: 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193);
	}
	25% {
		box-shadow: -28px 28px rgb(63,213,193), -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73);
	}
	50% {
		box-shadow: -28px -28px rgb(79,77,73), 28px -28px rgb(63,213,193), 28px 28px rgb(79,77,73), -28px 28px rgb(63,213,193);
	}
	75% {
		box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
	}
}

/* AJAX Spinner */

.portlet.box > .portlet-title > .actions .inputs {
	display: inline-block;
	vertical-align: middle;
}
.portlet.box > .portlet-title > .actions .portlet-input {
	margin-top: -12px;
}

@media (max-width: 801px) {
	.multi-action {
		margin-top: 10px !important;
	}
	.multi-action:last-of-type {
		margin-top: 0 !important;
	}

	.multi-action > .inputs {
		margin-top: 5px;
	}
	.portlet.box > .portlet-title > .multi-action .portlet-input {
		margin-top: 0;
	}
}

@media only screen and (max-width: 500px) {

	.page-logo {
		width: 300px !important;
	}

	a.header-logo:link, a.header-logo:visited, a.header-logo:hover {
		margin-top: 5px;
		font-size: 14px;
	}
}

@media (max-width: 580px) {
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
		display: inline !important;
	}
}
@media only screen and (max-width: 444px) {
	.tiles .tile {
		width: 48% !important;
		margin-right: 5px;
	}
}