/* Overrides for Nirmata branding. Should be the last CSS file loaded
*/

/* Override boostrap primary colors */
@font-face {
	font-family: 'Nirmata';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Nirmata Light';
	src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Nirmata Bold';
	src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

html, body {
	font-family: Nirmata Light;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 100;
	background-image: url("../img/horizontal-background-faded.png");
}

via
.background>img {
	width: 640px;
	position: absolute;
	top: calc(50% * 0.5 - 150px);
	left: calc(50% - 580px);
	-webkit-filter: blur(1px) grayscale(1);
	opacity: 0.5;
}

body {
	height: auto;
	background-color: #FFF !important;
}

.btn {
	font-family: Nirmata;
	border-radius: 0px;
	border: none;
}

.btn.btn-lg {
	padding: 15px 0px;
	text-align: center;
}

.form-control {
	height: 32px;
}

.form-group {
	margin-bottom: 15px;
	position: relative;
}

.form-group>i {
	position: absolute;
	font-size: 19px;
	color: #D5D5D5;
}

.form-group .note {
	font-size: 14px;
	color: #A0A0A0;
	margin-top: -9px;
	margin-left: 1px;
}

.form-group.field-email>i {
	top: 7px;
	left: 9px;
}

.form-group.field-password>i {
	top: 8px;
	left: 10px;
}

.form-group.field-name>i {
	top: 8px;
	left: 10px;
}

.form-group.field-company>i {
	top: 8px;
	left: 10px;
}

.form-group.field-phone>i {
	top: 8px;
	left: 9px;
}

.form-group input {
	padding: 5px 30px;
	border-radius: 4px !important;
}

.logo {
	position: absolute;
	top: -110px;
	left: calc(50% - 55px);
}

/* login */
.login-block {
	position: absolute;
	top: calc(15% + 100px);
	width: 460px;
}

.login-title {
	color: #FF5859;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 300;
}

.login-body {
	position: relative;
	display: inline-block;
	width: 460px;
	padding: 40px;
}

.switch-block {
	margin-top: 20px;
	font-weight: bold;
	top: auto !important;
	right: 0px;
	vertical-align: top;
	display: inline-block;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
}

/* signup */
.signup-block {
	position: absolute;
	top: 140px;
	width: 960px;
}

.signup-title {
	text-align: left;
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 1.5;
}

.signup-body {
	position: relative;
	display: inline-block;
	width: 960px;
}

.block-footer {
	text-align: center;
	margin-top: 120px;
	width: 100%;
}

.signup-body .body-left {
	padding: 15px 40px;
	display: inline-block;
	width: 480px;
	border-right: 1px solid #DDDDDD;
}

.signup-body .body-right {
	font-family: Nirmata;
	padding: 15px 30px;
	vertical-align: top;
	display: inline-block;
	width: 474px;
}

.signup-via {
	border-top: 1px solid #eaeaea;
	text-align: center;
	font-size: 14px;
	color: #2E5596;
	margin-top: 20px;
	font-weight: bold;
}

.has-error .form-control {
	border-color: #e74c3c;
}

.has-error .help-block, .has-error .control-label, .has-error .radio,
	.has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline
	{
	color: #e74c3c;
}

.help-block, .text-danger {
	color: #e74c3c;
	font-size: 11px;
	margin-top: 1px;
}

.btn.btn-github, .btn.btn-google-plus {
	padding: 5px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #2E5596;
	border-radius: 40px;
	color: #2E5596;
}

.btn.btn-none {
	font-size: 13px;
	color: #777;
	transition: none !important;
}

.btn.btn-none:hover {
	text-decoration: underline;
	color: #2E5596;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"],
	input[type="datetime-local"], input[type="date"], input[type="month"],
	input[type="time"], input[type="week"], input[type="number"], input[type="email"],
	input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
	{
	font-size: 13px;
}

.btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active,
	.open>.dropdown-toggle.btn-github {
	color: #fff;
	background-color: #444444 !important;
	border-color: #444444 !important;
}

.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active,
	.btn-google-plus.active, .open>.dropdown-toggle.btn-google-plus {
	color: #fff;
	background-color: #dd4b39 !important;
	border-color: #dd4b39 !important;
}

.btn.btn-github#btnSignupGithub, .btn.btn-google-plus#btnSignupGoogle {
	width: 197px;
	height: 38px;
}

.btn.btn-github#btnSignupGithub .btn-text, .btn.btn-google-plus#btnSignupGoogle .btn-text
	{
	font-size: 14px;
	font-family: Nirmata;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 15px;
	vertical-align: top;
	display: inline-block;
}

input::-webkit-input-placeholder {
	font-style: normal !important;
}

.checkbox label {
	padding-left: 35px;
	font-weight: 100;
}

.checkbox input[type="checkbox"] {
	margin-top: 3px;
	margin-left: -25px;
}

.sign-in-line {
	text-align: center;
	border-top: 1px solid #D5D5D5;
	color: #939393;
	margin: 14px 0px;
	position: relative;
}

.sign-in-line>span {
	font-size: 14px;
	position: absolute;
	padding: 0px 10px;
	top: -8px;
	left: 117px;
	background: white;
}

/* Override theme colors */
.navbar-inverse {
	/*background: #822726;*/
	background: #252930;
	border-color: #C8C7CC;
}

.ie8 .navbar-inverse {
	background: #252930;
	/*background: #822726;*/
}

ul.main-navigation-menu>li.active>a {
	/* background: #822726 !important; */
	background: #252930 !important;
	border-top: none !important;
	color: #fff;
}

ul.main-navigation-menu>li.active>a .selected:before {
	/* color: #822726 !important; */
	color: #252930 !important;
}

.form-title {
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	font-weight: 200;
	color: #666;
}

.form-divider {
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom: 1px solid #eee;
}

.form-group.required .control-label:after {
	color: #d00;
	content: "*";
	font-family: 'FontAwesome';
	font-weight: bold;
	font-size: 16px;
	 position: absolute;
	margin-left: 2px;
	top: 7px;
}

.backgrid .boolean-cell {
	text-align: left;
}

.popover {
	max-width: 600px
}

.btn-black {
	background-color: #252930;
	border-color: #C8C7CC;
	color: #fff;
}

.btn-black:hover {
	color: #ffffff;
	background-color: #822726;
}

.white-caret {
	border-top-color: white !important;
	border-bottom-color: white !important;
}

/** Backgrid cell style overrides **/
.backgrid .integer-cell {
	text-align: left;
}

/** Backgrid cell style overrides **/
.backgrid .date-cell {
	text-align: left;
}

/* Override Select2 styles to fix chosen alignment */
.select2-container .select2-choice>.select2-chosen {
	display: inline;
}

/* Override Select2 styles to fix chosen alignment */
.select2-chosen, .select2-choice>span:first-child, .select2-container .select2-choices .select2-search-field input
	{
	padding: 0px 0px 0px 0px;
}

/* move select2 close icon more to the right */
.select2-container .select2-choice abbr {
	right: 32px;
}

/* Override for Wizard */
.wizard-content {
	border-top: 1px solid #ddd;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.wizard-page-help-block {
	padding-bottom: 10px;
}

@media ( min-width : 768px) {
	.modal-dialog-wide {
		width: 90%;
		max-width: 1280px;
	}
}

.highlight {
	font-weight: 100;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 20px;
}

.card-2 {
	box-shadow: 0px 0px 3px #dedede !important;
}

.card-4 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19) !important;
}

.card-panel {
	padding: 0.01em 16px;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.card-white {
	color: #000 !important;
	background-color: #fff !important;
}

.card-select {
	transition: all 0.3s ease;
	border: 1px solid #dedede;
	cursor: pointer;
	border-radius: 9999px;
	box-shadow: 0px 0px 3px #dedede;
}

.card-select:hover {
	background-color: #eee !important;
}
.card-select.card-red:hover{
	background-color: #cc3e41 !important;
}

.text-primary {
	color: #f0595d;
}

.vertical-align {
	display: flex;
	align-items: center;
}

/* Add a blank icon for fixed width Action Lists */
.icon-spacer::before, .icon-blank::before {
	width: 1em;
	content: ' ';
}

/* Bootstrap modal scrollbar fix */
.modal {
	overflow-y: auto;
}

.modal-open {
	overflow: auto;
}

/* Collapsible Panel Chevron Icons */
.panel-heading.collapsible:before {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: gray;
}

.panel-heading.collapsible {
	cursor: pointer;
	background-color: #F6F6F6 !important;
	background-image: none;
	padding-left: 10px;
}

.panel-heading.collapsible.collapsed:before {
	/* symbol for "collapsed" panels */
	content: "\e080";
}

.legend-info {
	border-bottom: 1px solid #DDEEF8;
}

.select2-container.select2-container-multi.form-control {
	background: transparent;
	display: block;
	border: 1px solid #d5d5d5;
	border-radius: 0px;
	margin: 0;
	padding: 0;
}

.filter-table .quick {
	margin-left: 0.5em;
	font-size: 0.8em;
	text-decoration: none;
}

.fitler-table .quick:hover {
	text-decoration: underline;
}

td.alt {
	background-color: #ffc;
	background-color: rgba(66, 139, 202, 0.2);
}

/* Placeholder font and text */
.form-control::-webkit-input-placeholder { /* WebKit browsers */
	color: #C8C8C8;
	opacity: 1;
	font-style: italic;
}

.select2-default .select2-chosen {
	color: #C8C8C8;
	opacity: 1;
	font-style: italic;
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #C8C8C8;
	opacity: 1;
	font-style: italic;
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #C8C8C8;
	opacity: 1;
	font-style: italic;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #C8C8C8;
	opacity: 1;
	font-style: italic;
}

/* btn */
.btn-primary {
	background: #2E5596;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background: #3F5686;
	border-color: #3F5686;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active
	{
	background-color: #2E5596;
	border-color: #2E5596;
}

.btn-red {
	text-transform: uppercase;
	background: #FF5859;
}

.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open>.dropdown-toggle.btn-red
	{
	background: #CE4748;
	border-color: #CE4748;
}

.btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red,
	.btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover,
	.btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus,
	.btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active,
	.btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active
	{
	background-color: #FF5859;
	border-color: #FF5859;
}

/* boot dialog */
.bootstrap-dialog.type-primary .modal-header {
	background-color: #2E5596;
	font-weight: 100;
}

.bootstrap-dialog .modal-header {
	border-radius: 0px;
}

.modal-content {
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 0px;
}

.modal-footer {
	padding: 10px 15px;
	background: #ECEFF6;
	border-radius: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus
	{
	background-color: #2E5596;
}

.nav-pills>li>a {
	border-radius: 0px;
	padding: 8px 15px;
	font-weight: 100;
}

a {
	color: #2E5596;
}

a:hover, a:focus {
	color: #1E345D;
}

.tab-content {
	padding: 0px;
}

.alert {
	border-radius: 0px;
}

.alert-info {
	color: #275799;
	background-color: #f9fafb;
	border-radius: 2px;
	border-color: #d4dee9;
	padding: 40px;
	padding-bottom: 55px;
}

.progress {
	border-radius: 0px;
	margin-bottom: 0px;
	box-shadow: inset 0 0px 2px rgba(0, 0, 0, .1);
}

.footer {
	font-size: 12px;
	padding: 8px 20px 5px;
	position: fixed;
	width: 100%;
	bottom: 0px;
}

.nirmata-block {
	position: absolute;
	top: 140px;
	width: 640px;
}

.nirmata-title {
	color: #FF5859;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 300;
}

.nirmata-subtitle {
	text-align: left;
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 1.5;
}

.nirmata-body {
	position: relative;
	display: inline-block;
	width: 640px;
}

.form-group i {
	position: absolute;
	font-size: 19px;
	color: #D5D5D5;
}

.center-row {
	margin-left:50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);

}