﻿/**
 * Copyright (c) 2017 eSolutionsGroup.
 * All rights reserved.
 * 
 * Author: Timothy Grant Vogelsang <tvogelsang@esolutionsgroup.ca>
 */

/**
 * Alerts
 */
.bootstrap .alert h1,
.bootstrap .alert h2,
.bootstrap .alert h3,
.bootstrap .alert h4,
.bootstrap .alert h5 {
	margin-top: inherit;
}

.bootstrap .alert > p,
.bootstrap .alert > ul {
    margin-bottom: inherit;
}

/**
 * Breadcrumbs
 */
.bootstrap .breadcrumb {
	background-color: transparent;
	border-radius: inherit;
	margin-bottom: 5px;
	padding: 0px;
	padding-top: 5px;
}

.bootstrap .breadcrumb > li + li::before {
	padding: 0px 3px;	
}

.bootstrap button.icon-working {
	cursor: progress !important;
}

/**
  * Errors
  */
.bootstrap .error-template {
	padding: 40px 15px;
	text-align: center;
}

.bootstrap .error-template p {
	margin: 15px 0px;
}

.bootstrap .error-template .error-actions {
	margin-top: 25px;
	margin-bottom: 15px;
}

.bootstrap .error-template .error-actions .btn {
	margin-right: 10px;
}

.bootstrap fieldset .legend-hidden {
	position: absolute;
	top: -25000px;
	display: none;
}

/**
 * Fonts
 */
.bootstrap .fa.fa-lock.fa-1x {
	font-size: 1.1em;
}

/**
 * Forms
 */
.bootstrap .Question > .form-group {
	margin-bottom: 35px;
}

.bootstrap .form-group .checkbox
.bootstrap .form-group .checkbox-inline,
.bootstrap .form-group .radio,
.bootstrap .form-group .radio-inline {
	margin-bottom: 5px;
	margin-top: 5px;
}

.bootstrap .form-group .checkbox label,
.bootstrap .form-group .checkbox-inline label,
.bootstrap .form-group .radio label,
.bootstrap .form-group .radio-inline label {
	font-weight: normal;
}

.bootstrap .form-group input[type=checkbox],
.bootstrap .form-group input[type=radio] {
	bottom: 2px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
}

.bootstrap .form-group-custom .control-label {
	font-size: 24px;
	font-weight: 500;
}

.bootstrap .has-feedback label ~ .form-control-feedback {
    top: 21px;
}

.bootstrap .form-group-custom .intro {
	color: #666;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bootstrap .form-control[readonly],
.bootstrap .form-control[disabled] {
	cursor: pointer;
}

.bootstrap .help-block {
	margin-bottom: 0px;
}

/**
 * Grids
 */
.bootstrap .col-padding-right-5 {
	margin-right: 5px;
}

.col-xs-xx-5, .col-sm-xx-5, .col-md-xx-5, .col-lg-xx-5,
.col-xs-xx-7, .col-sm-xx-7, .col-md-xx-7, .col-lg-xx-7,
.col-xs-xx-8, .col-sm-xx-8, .col-md-xx-8, .col-lg-xx-8,
.col-xs-xx-9, .col-sm-xx-9, .col-md-xx-9, .col-lg-xx-9,
.col-xs-xx-10, .col-sm-xx-10, .col-md-xx-10, .col-lg-xx-10 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.col-xs-xx-5 {
	float: left;
	width: 20%;
}
.col-xs-xx-7 {
	float: left;
	width: 14.2857%
}
.col-xs-xx-8 {
	float: left;
	width: 12.5%;
}
.col-xs-xx-9 {
	float: left;
	width: 11.1111%;
}
.col-xs-xx-10 {
	float: left;
	width: 10%;
}

@media (min-width: 768px) {
	.col-sm-xx-5 {
		float: left;
		width: 20%;
	}
	.col-sm-xx-7 {
		float: left;
		width: 14.2857%
	}
	.col-sm-xx-8 {
		float: left;
		width: 12.5%;
	}
	.col-sm-xx-9 {
		float: left;
		width: 11.1111%;
	}
	.col-sm-xx-10 {
		float: left;
		width: 10%;
	}

}

@media (min-width: 992px) {
	.col-md-xx-5 {
		float: left;
		width: 20%;
	}
	.col-md-xx-7 {
		float: left;
		width: 14.2857%
	}
	.col-md-xx-8 {
		float: left;
		width: 12.5%;
	}
	.col-md-xx-9 {
		float: left;
		width: 11.1111%;
	}
	.col-md-xx-10 {
		float: left;
		width: 10%;
	}

	.text-md-right {
		text-align: right;
	}
}

@media (min-width: 1200px) {
	.col-lg-xx-5 {
		float: left;
		width: 20%;
	}
	.col-lg-xx-7 {
		float: left;
		width: 14.2857%
	}
	.col-lg-xx-8 {
		float: left;
		width: 12.5%;
	}
	.col-lg-xx-9 {
		float: left;
		width: 11.1111%;
	}
	.col-lg-xx-10 {
		float: left;
		width: 10%;
	}
}

/**
 * Labels
 */
.bootstrap .label-as-badge {
	border-radius: 1em;
}

.bootstrap .label-lg {
	font-size: 1.0em;
	padding-top: 4px;
}

.bootstrap .label-md {
	font-size: 0.85em;
	padding-top: 4px;
}

/**
 * Panels
 */
.bootstrap .panel-heading a {
	text-decoration: none;
}

.bootstrap .panel-heading-fixed {
	line-height: 20px;
}

.bootstrap .panel.panel-none {
	border: 0px;
	box-shadow: none;
}

/**
 * Popovers
 */
.bootstrap .popover {
	max-width: 500px;
	width: auto;
}

/**
 * Select2
 */
.bootstrap form .select2-container .select2-dropdown ul,
.bootstrap form .select2-container .select2-dropdown ul li {
	margin: 0 !important;
}
.bootstrap .select2-container .select2-dropdown ul li[aria-disabled="true"] {
	text-decoration: line-through;
}

/**
 * Tabs
 */
.bootstrap .nav.nav-border-bottom {
	border-bottom: 1px solid #ddd;
}

@media (max-width: 768px) {
	.bootstrap .nav.nav-border-bottom {
		padding-bottom: 15px;
	}
}

.bootstrap .nav.nav-border-bottom .nav-justified {
	margin-bottom: -2px;
}

.bootstrap .nav.nav-border-bottom li {
	border-bottom: 1px solid #fff !important;
}

/**
 * Table
 */
.bootstrap .table thead td {
	vertical-align: bottom !important;
}

.bootstrap .table > thead > tr > th {
	border-bottom: 0px;
}

.bootstrap .table td a {
	text-decoration: none;
}

.bootstrap .table td .icon {
	margin-right: 10px;
	vertical-align: top;
	width: 55px;
}

.bootstrap .table td .info {
	font-size: small;
}

.bootstrap .table {
	margin-bottom: 20px;
}

.bootstrap .borderless td, .bootstrap .borderless th {
	border: none !important;
}

/**
 * Validation
 */
.bootstrap .input-validation-error {
	border-color: #B94A48 !important;
	color: #B94A48 !important;
}

.bootstrap .input-validation-error:focus {
	border-color: #B94A48 !important;
	-webkit-box-shadow: 0 0 6px #D59392 !important;
	   -moz-box-shadow: 0 0 6px #D59392 !important;
	        box-shadow: 0 0 6px #D59392 !important;
}

.bootstrap .form-group.required .control-label:after {
	color: #B94A48;
	content: " *";
}

.bootstrap span.required {
	color: red;
}

.bootstrap span.change-indicator {
	color: red;
}

.bootstrap span.change-indicator .fa-circle {
	font-size: 0.75em;
}

/**
 * Custom
 */
.bootstrap p {
	margin: 0px 0px 25px;
}

.bootstrap .fade {
	opacity: 0.9;
}

.bootstrap .fade5 {
	opacity: 0.5;
}

.bootstrap .fade6 {
	opacity: 0.4;
}

.bootstrap .fade7 {
	opacity: 0.3;
}

.bootstrap .fade8 {
	opacity: 0.2;
}

.bootstrap .fade9 {
	opacity: 0.1;
}

.bootstrap .invisible {
	visibility: hidden;
}

.bootstrap .marginBottom5 {
	margin-bottom: 5px !important;
}

.bootstrap .marginBottom10 {
	margin-bottom: 10px !important;
}

.bootstrap .marginBottom15 {
	margin-bottom: 15px !important;
}

.bootstrap .marginLeft5 {
	margin-left: 5px !important;
}

.bootstrap .marginLeft10 {
	margin-left: 10px !important;
}

.bootstrap .marginLeft15 {
	margin-left: 15px !important;
}

.bootstrap .marginLeft25 {
	margin-left: 25px !important;
}

.bootstrap .marginLeft30 {
	margin-left: 30px !important;
}

.bootstrap .marginLeft45 {
	margin-left: 45px !important;
}

.bootstrap .marginLeft60 {
	margin-left: 60px !important;
}

.bootstrap .marginLeft75 {
	margin-left: 75px !important;
}

.bootstrap .marginRight5 {
	margin-right: 5px !important;
}

.bootstrap .marginRight10 {
	margin-right: 10px !important;
}

.bootstrap .marginRight15 {
	margin-right: 15px !important;
}

.bootstrap .marginRight25 {
	margin-right: 25px !important;
}

.bootstrap .marginRight30 {
	margin-right: 30px !important;
}

.bootstrap .marginRight45 {
	margin-right: 45px !important;
}

.bootstrap .marginRight60 {
	margin-right: 60px !important;
}

.bootstrap .marginRight75 {
	margin-right: 75px !important;
}

.bootstrap .marginTop5 {
	margin-top: 5px !important;
}

.bootstrap .marginTop10 {
	margin-top: 10px !important;
}

.bootstrap .marginTop15 {
	margin-top: 15px !important;
}

.bootstrap .marginTop25 {
	margin-top: 25px !important;
}

.bootstrap .noBorder {
	border: 0px !important;
}

.bootstrap .noMargin {
	margin: 0px !important;
}

.bootstrap .noMarginBottom {
	margin-bottom: 0px !important;
}

.bootstrap .noMarginTop {
	margin-top: 0px !important;
}

.bootstrap .noPaddingBottom {
	padding-bottom: 0px !important;
}

.bootstrap .padding5 {
	padding: 5px !important;
}

.bootstrap .padding10 {
	padding: 10px !important;
}

.bootstrap .padding15 {
	padding: 15px !important;
}

.bootstrap .paddingBottom5 {
	padding-bottom: 5px !important;
}

.bootstrap .paddingBottom10 {
	padding-bottom: 10px !important;
}

.bootstrap .paddingBottom15 {
	padding-bottom: 15px !important;
}

.bootstrap .paddingLeft5 {
	padding-left: 5px !important;
}

.bootstrap .paddingLeft10 {
	padding-left: 10px !important;
}

.bootstrap .paddingLeft15 {
	padding-left: 15px !important;
}

.bootstrap .paddingRight5 {
	padding-right: 5px !important;
}

.bootstrap .paddingRight10 {
	padding-right: 10px !important;
}

.bootstrap .paddingRight15 {
	padding-right: 15px !important;
}

.bootstrap .paddingTop5 {
	padding-top: 5px !important;
}

.bootstrap .paddingTop10 {
	padding-top: 10px !important;
}

.bootstrap .paddingTop15 {
	padding-top: 15px !important;
}

.bootstrap .question {
	overflow: hidden;
}

.bootstrap .text-small {
	font-size: 12px;
}

.bootstrap .warning {
	font-style: italic;
	font-weight: 700;
}

.bootstrap .underline {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

/**
 * UI
 */
.ui-datepicker,
.ui-timepicker {
	z-index: 9999 !important;
}


.g-recaptcha-error {
	color: red;
	text-align: center;
}

.g-recaptcha div {
	margin: auto;
}

div#Design .panel .panel-body img {
	width:100%;
	height:auto;
}

.formbuilder-uber .bootstrap .node-table td,
.formbuilder-uber .bootstrap .node-table th {
	max-width: 50% !important;
}


