﻿
body {
    font-family: 'Montserrat', sans-serif;
    background: #F7F7F7;
    color: #555;
    font-size: 13px;
}

	body.backBg {
		background: #fffbf6;
	}

a {
	color: #ac6f01;
	text-decoration: none;
}

	a:hover, a:focus {
		color: #dd8e01;
		text-decoration: underline;
	}

    a.border-link {
        color: white;
        text-decoration: none;
        border-bottom: 1px solid white;
    }

    a:hover.border-link, a:active.border-link, a:visited.border-link {
        color: white;
        text-decoration: none;
    }

.validation-summary-errors {
    margin-top: 15px;
}

.input-lg {
    font-size: 16px;
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 16px;
}

body.authenticated {
	background: #2A3F54;
}

.panel-default > .panel-heading.signin {
	color: #73879C;
}

.panel.panel-default {
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 0px;
    margin-left: 20px;
    margin-right: 20px;
}

    .panel.panel-default.with-header {
        margin-top: 50px;
    }

.panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border: none;
    padding: 10px 0px;
    margin-left: 15px;
    margin-right: 15px;
}

@media(max-width: 1199px) {
    .panel.panel-default {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.heading-tabs {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f5a51a;
    margin-top: -40px;
}

    .heading-tabs > .row {
        margin-left: 0px;
        margin-right: 0px;
    }

#header-body {
    padding-top: 0;
}

.heading-tab {
    padding-left: 10px;
    padding-right: 10px;
}

    .heading-tab:first-child {
        padding-right: 0px;
    }

    .heading-tab:last-child {
        padding-left: 0px;
    }

    .heading-tab a {
        padding-top: 12px;
        padding-bottom: 12px;
        color: white;
        text-decoration: none;
        width: 100%;
        display: inline-block;
        font-size: 16px;
    }

@media (max-width: 380px) {
    .heading-tab a {
        font-size: 14px;
    }

    .hidden-xxs {
        display: none;
    }
}

.heading-tab a.active {
    background: #ffc257;
    cursor: default;
}

.text-muted {
    color: #999;
}

.centered-input {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.input-group-addon {
    border: none;
    background: transparent;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="password"]:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
	max-width: 280px;
}*/

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
	display: inline-block;
	content: "[";
	padding-right: 0.5em;
}

.btn-bracketed::after {
	display: inline-block;
	content: "]";
	padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
	width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption {
		display: none;
	}
}


.field-validation-error {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 6px 12px;
}


.site_title {
	display: inline;
}

	.site_title i {
		border: none;
		padding: 5px 6px;
		border-radius: inherit;
	}

.page-header-title {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

	.page-header-title h4 {
		margin-top: 15px;
	}

a.feature-link {
	color: #1ABB9C;
	text-decoration: underline;
}

.pointer {
	cursor: pointer;
}

.applications-container {
	max-height: 120px;
	overflow: auto;
}

.applications-panel {
	min-height: 180px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #1ABB9C;
}

.border-stack-nav.nav-pills > li > a {
	padding-top: 20px;
	padding-bottom: 20px;
}

/*.dashboard_graph .x_title h3 {
	color: #ac6f01;
}*/

/*.x_title {
	border-bottom: 2px solid #f1e5cc;
}*/

.left_col {
	background: #d68904;
}

body.authenticated {
	background: #d68904;
}

.nav_title {
	background: /*#e49506;*/ #d68904;
	height: 85px;
}

.nav.side-menu > li.active > a {
	background: linear-gradient(#dd9213,#e49506),#d88d06;
}

.nav.side-menu > li > a, .nav.child_menu > li > a {
	color: white;
}

	.nav.side-menu > li > a:hover {
		color: #fcf3e5 !important;
	}

.nav.side-menu > li.current-page, .nav.side-menu > li.active {
	border-right: 5px solid #FFCE75;
}

.nav-sm .container.body .col-md-3.left_col {
	width: 100px;
	z-index: 100;
}

.nav-sm .main_container .top_nav {
	margin-left: 100px;
}

.site_title {
	background: url(/images/signia-logo.png);
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-top: 20px;
	padding-left: 0px;
}

.site_name_title {
	font-weight: 400;
	font-size: 22px;
	line-height: 59px;
	position: relative;
	top: -14px;
	left: 10px;
	color: white;
	text-decoration: none;
}

a.site_name_title:hover,
a.site_name_title:active,
a.site_name_title:focus,
a.site_name_title:visited {
	text-decoration: none;
	color: white;
}

.nav-sm .navbar.nav_title {
	width: 100%;
}

.nav-sm .container.body .right_col {
	margin-left: 100px;
}

.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {
	background: #fbf4e2;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #fffaf0;
}

.navbar-nav .open .dropdown-menu {
	border: 1px solid #fbf4e2;
}

.dropdown-menu > li > a {
	color: #777;
}

.dashboard_graph .x_title h4 {
	margin-bottom: 5px;
	margin-top: 2px;
	font-weight: 400;
}

.subscription-container {
	min-height: 250px;
}

.border-between > [class*='col-']:before {
	background: #e3e3e3;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 1px;
	top: 0;
}

.border-between > [class*='col-']:first-child:before {
	display: none;
}

/*.white_panel {
	width: 100%;
	padding: 10px 17px;
	display: inline-block;
	background: #fff;
	border: 1px solid #E6E9ED;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
	transition: all .2s ease;
}*/

.box-button {
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 230px;
}

.btn.box-button {
	border-radius: 24px;
}

.header-border {
	margin-top: 5px;
	border-color: #E6E9ED;
	border-width: 3px;
}

.border-stack-nav {
	border: 1px solid #E6E9ED;
	border-radius: 10px;
}

.users-table.table-bordered > thead > tr > th,
.users-table.table-bordered > tbody > tr > th,
.users-table.table-bordered > tfoot > tr > th,
.users-table.table-bordered > thead > tr > td,
.users-table.table-bordered > tbody > tr > td,
.users-table.table-bordered > tfoot > tr > td {
	vertical-align: middle;
}

.users-table td:last-child {
	text-align: center;
}

.border-left-container {
	min-height: 600px;
}

.border-left-container-xs {
	min-height: 120px;
}


.form-control {
	border-radius: 4px;
}

.btn {
	border-radius: 20px;
}

	.btn.btn-padded {
		padding-left: 50px;
		padding-right: 50px;
	}

	.btn.btn-padded-sm {
		padding-left: 25px;
		padding-right: 25px;
	}

.modal-header {
	color: #777777;
	border-bottom: 1px solid #eee;
	background-color: white;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

	.modal-header .close, .close:focus {
		color: #777777;
		opacity: 1;
	}

.close:hover {
	color: white;
	opacity: 0.8;
}

.modal-footer {
	text-align: left;
}

.screen-config-container {
	min-height: 258px;
}

.container-textarea {
	min-width: 100%;
	min-height: 70px;
}

.preview-container {
	min-height: 300px;
}

.preview-frame {
	position: relative;
	height: 100%;
	width: 100%;
}


.ui-pnotify-container.alert-danger {
	background-color: rgb(231,76,60);
	border-color: rgb(231,76,60);
	color: #fff;
}

.ui-pnotify-container.alert-success {
	background-color: rgb(38,185,154);
	border-color: rgb(38,185,154);
	color: #fff;
}

.greenText {
	color: #1ABB9C;
}

.popover-title {
	font-weight: bold;
}

.protect-list {
	text-align: left;
	margin-top: 20px;
	line-height: 30px;
}

/* ================ Custom Buttons ================ */
.btn-pane {
	background-color: white;
	border-color: #adadad;
}

	.btn-pane:hover,
	.btn-pane:focus,
	.btn-pane:active,
	.btn-pane.active,
	.open .dropdown-toggle.btn-pane {
		color: #FFFFFF;
		background-color: #24ac9a;
		border-color: #209c8b;
	}

	.btn-pane:active,
	.btn-pane.active,
	.open .dropdown-toggle.btn-pane {
		background-image: none;
	}

	.btn-pane.disabled,
	.btn-pane[disabled],
	fieldset[disabled] .btn-pane,
	.btn-pane.disabled:hover,
	.btn-pane[disabled]:hover,
	fieldset[disabled] .btn-pane:hover,
	.btn-pane.disabled:focus,
	.btn-pane[disabled]:focus,
	fieldset[disabled] .btn-pane:focus,
	.btn-pane.disabled:active,
	.btn-pane[disabled]:active,
	fieldset[disabled] .btn-pane:active,
	.btn-pane.disabled.active,
	.btn-pane[disabled].active,
	fieldset[disabled] .btn-pane.active {
		background-color: #36516D;
		border-color: #36516D;
	}

	.btn-pane .badge {
		color: #36516D;
		background-color: #FFFFFF;
	}

.btn-accent {
	color: #FFFFFF !important;
	background-color: #3CAD9D;
	border-color: #3CAD9D;
}

	.btn-accent:hover,
	.btn-accent:focus,
	.btn-accent:active,
	.btn-accent.active,
	.open .dropdown-toggle.btn-accent {
		color: #FFFFFF;
		background-color: #48bfae;
		border-color: #48bfae;
	}

	.btn-accent:active,
	.btn-accent.active,
	.open .dropdown-toggle.btn-accent {
		background-image: none;
	}

	.btn-accent.disabled,
	.btn-accent[disabled],
	fieldset[disabled] .btn-accent,
	.btn-accent.disabled:hover,
	.btn-accent[disabled]:hover,
	fieldset[disabled] .btn-accent:hover,
	.btn-accent.disabled:focus,
	.btn-accent[disabled]:focus,
	fieldset[disabled] .btn-accent:focus,
	.btn-accent.disabled:active,
	.btn-accent[disabled]:active,
	fieldset[disabled] .btn-accent:active,
	.btn-accent.disabled.active,
	.btn-accent[disabled].active,
	fieldset[disabled] .btn-accent.active {
		background-color: #3CAD9D;
		border-color: #3CAD9D;
	}

	.btn-accent .badge {
		color: #3CAD9D;
		background-color: #FFFFFF;
	}

.btn-theme {
    color: #FFFFFF;
    background-color: #F5A51A;
    border-color: #F5A51A;
}

    .btn-theme:hover,
    .btn-theme:focus,
    .btn-theme:active,
    .btn-theme.active,
    .open .dropdown-toggle.btn-theme {
        color: #FFFFFF;
        background-color: #f5a51a;
        border-color: #F5A51A;
    }

    .btn-theme:active,
    .btn-theme.active,
    .open .dropdown-toggle.btn-theme {
        background-image: none;
    }

    .btn-theme.disabled,
    .btn-theme[disabled],
    fieldset[disabled] .btn-theme,
    .btn-theme.disabled:hover,
    .btn-theme[disabled]:hover,
    fieldset[disabled] .btn-theme:hover,
    .btn-theme.disabled:focus,
    .btn-theme[disabled]:focus,
    fieldset[disabled] .btn-theme:focus,
    .btn-theme.disabled:active,
    .btn-theme[disabled]:active,
    fieldset[disabled] .btn-theme:active,
    .btn-theme.disabled.active,
    .btn-theme[disabled].active,
    fieldset[disabled] .btn-theme.active {
        background-color: #F5A51A;
        border-color: #F5A51A;
    }

    .btn-theme .badge {
        color: #F5A51A;
        background-color: #FFFFFF;
    }

.btn-warning {
	color: #FFFFFF;
	background-color: #EB9721;
	border-color: #DB8B1B;
}

	.btn-warning:hover,
	.btn-warning:focus,
	.btn-warning:active,
	.btn-warning.active,
	.open .dropdown-toggle.btn-warning {
		color: #FFFFFF;
		background-color: #DB8D21;
		border-color: #DB8B1B;
	}

	.btn-warning:active,
	.btn-warning.active,
	.open .dropdown-toggle.btn-warning {
		background-image: none;
	}

	.btn-warning.disabled,
	.btn-warning[disabled],
	fieldset[disabled] .btn-warning,
	.btn-warning.disabled:hover,
	.btn-warning[disabled]:hover,
	fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus,
	.btn-warning[disabled]:focus,
	fieldset[disabled] .btn-warning:focus,
	.btn-warning.disabled:active,
	.btn-warning[disabled]:active,
	fieldset[disabled] .btn-warning:active,
	.btn-warning.disabled.active,
	.btn-warning[disabled].active,
	fieldset[disabled] .btn-warning.active {
		background-color: #EB9721;
		border-color: #DB8B1B;
	}

	.btn-warning .badge {
		color: #EB9721;
		background-color: #FFFFFF;
	}


/*.popover-content {
	width: 200px;
}*/

.error.help-block {
	color: #a94442;
}

.client-logo {
	max-width: 320px;
}

.error-page {
	background: white;
	/*margin-top: 80px;*/
}

	.error-page.lead-container {
		padding-bottom: 60px;
	}

.ng-table th {
	text-align: left;
}

.ng-table.right-last th:last-child {
	text-align: right;
}

.rangepicker-container {
	background: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.checkbox-success input[type="checkbox"] + label::before,
.checkbox-success input[type="radio"] + label::before {
	background-color: #D7DCDE;
	border-color: #D7DCDE;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #26B99A;
	border-color: #26B99A;
}

.auth-steps li {
	margin-bottom: 15px;
}

.qcode-container img {
	margin-left: auto;
	margin-right: auto;
}

.map-container {
	height: 230px;
	width: 100%;
}

.app-container {
	margin-top: 60px;
	margin-bottom: 60px;
}

.app-box {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 15px;
}

.app-image-container {
	flex-wrap: wrap;
	align-items: center;
	display: flex;
	padding-left: 30px;
	padding-right: 30px;
	height: 145px;
}

.app-title-container {
	height: 54px;
	overflow: hidden;
	margin-top: 20px;
}

.app-image-link {
	margin-left: auto;
	margin-right: auto;
}

.app-image {
    max-height: 145px;
}

@media(max-width: 1199px) {
    .text-center-md {
        text-align: center;
    }
}

@media(max-width: 991px) {
    .text-center-sm {
        text-align: center;
    }
}

@media(max-width: 767px) {
	.app-title-container {
		height: initial;
		overflow: initial;
		min-height: 54px;
	}
}

/* ================ SPACES ================ */
.left-space-xs {
	margin-left: 2px;
}

.left-space-sm {
	margin-left: 5px;
}

.left-space-md {
	margin-left: 10px;
}

.left-space-lg {
	margin-left: 20px;
}

.left-space-xl {
	margin-left: 25px;
}

.left-space-xxl {
	margin-left: 30px;
}

.payment-left-space {
	margin-left: 7px;
}

.right-space-xs {
	margin-right: 2px;
}

.right-space-sm {
	margin-right: 5px;
}

.right-space-md {
	margin-right: 10px;
}

.right-space-md-2 {
	margin-right: 15px;
}

.right-space-lg {
	margin-right: 20px;
}

.right-space-xl {
	margin-right: 25px;
}

.right-space-xxl {
	margin-right: 30px;
}

.top-space-none {
	margin-top: 0;
}

.top-space-xs {
	margin-top: 2px;
}

.top-space-sm {
	margin-top: 5px;
}

.top-space-md {
	margin-top: 10px;
}

.top-space-md-2 {
	margin-top: 15px;
}

.top-space-lg {
	margin-top: 20px;
}

.top-space-xl {
	margin-top: 25px;
}

.top-space-xxl {
	margin-top: 30px;
}

.top-space-xxxl {
	margin-top: 40px;
}

.top-space-xxxxl {
	margin-top: 50px;
}

@media(max-width: 1199px) {
    .top-space-xl-md {
        margin-top: 25px;
    }
}

@media(max-width: 991px) {
    .top-space-lg-sm {
        margin-top: 20px;
    }

    .top-space-xxxl-sm {
        margin-top: 40px;
    }
}

.big-space-s {
	margin-top: 60px;
}

.big-space-m {
	margin-top: 70px;
}

.big-space-l {
	margin-top: 80px;
}

.bottom-space-none {
	margin-bottom: 0;
}

.bottom-space-sm {
	margin-bottom: 5px;
}

.bottom-space-md {
	margin-bottom: 10px;
}

.bottom-space-lg {
	margin-bottom: 20px;
}

.bottom-space-xl {
	margin-bottom: 25px;
}

.bottom-space-xxl {
	margin-bottom: 30px;
}

.bottom-space-xxxl {
	margin-bottom: 40px;
}

.users-content {
	padding-top: 30px;
}

.user-info {
	margin-top: 50px;
	padding-bottom: 50px;
	width: 80%;
	margin-left: 10%
}

.user-info-basic {
	padding-bottom: 50px;
}

.user-info-list {
	margin-top: 40px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 50px;
}

.capitalize {
	text-transform: capitalize;
}

.lang-select {
	width: 90px;
}


.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

	.bs-callout.callout-sm {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.bs-callout.callout-md {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.bs-callout h4 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.bs-callout p:last-child {
		margin-bottom: 0;
	}

	.bs-callout code {
		border-radius: 3px;
	}

	.bs-callout + .bs-callout {
		margin-top: -5px;
	}

.bs-callout-default {
	border-left-color: #777;
}

	.bs-callout-default h4 {
		color: #777;
	}

.bs-callout-primary {
	border-left-color: #428bca;
}

	.bs-callout-primary h4 {
		color: #428bca;
	}

.bs-callout-success {
	border-left-color: #5cb85c;
}

	.bs-callout-success h4 {
		color: #5cb85c;
	}

.bs-callout-danger {
	border-left-color: #d9534f;
}

	.bs-callout-danger h4 {
		color: #d9534f;
	}

.bs-callout-warning {
	border-left-color: #f0ad4e;
}

	.bs-callout-warning h4 {
		color: #f0ad4e;
	}

.bs-callout-info {
	border-left-color: #5bc0de;
}

	.bs-callout-info h4 {
		color: #5bc0de;
	}


.ng-table th.sortable.sort-asc, .ng-table th.sortable.sort-desc {
	background-color: #fff4e1;
	/*text-shadow: 0 1px 1px hsla(0,0%,100%,.75);*/
}

.blockUI {
	border-radius: 5px;
}

	.blockUI > h3 {
		font-size: 20px;
		line-height: 30px;
	}


.cloud-badge-container {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

	.cloud-badge-container .choose-badge {
		flex-grow: 1;
		width: 100%;
		padding: 1rem;
		font-weight: 600;
	}

	.cloud-badge-container .cloud-badge {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 1rem;
		cursor: pointer;
	}

		.cloud-badge-container .cloud-badge span {
			margin: 0.5rem 0 1rem;
		}


.btn.btn-wrap {
	white-space: normal;
}
