﻿
/*********Bootstrap Overrides**********/
.navbar-default {
	height: 50px;
	font-size: 20px;
	background-color: #6acbea;
	border-color: #5eabc4;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
	navbar-default .navbar-brand,
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus,
	.navbar-default .navbar-text,
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		color: #ffffff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		background-color: #428BCA;
	}

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #5eabc4;
	}

	.navbar-default .navbar-collapse {
		background-color: #6acbea;
	}

@media (max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}

/*	.navbar-brand {
		padding-left: 15px;
	}*/
}

div.header {
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	font-size: 40px;
}

/*.table-hover > tbody > tr {
	box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}*/

/*.table-hover > thead > tr {
	box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}
*/
.table > tbody > tr > td {
    vertical-align: middle;
}

.validation-summary-errors > ul {
	display: inline-block;
}

.form-control {
	display: inline-block;
	max-width: 95%;
}

.form-horizontal .checkbox {
    display: inline-block;
    width: 27px;
}

@media (max-width: 992px) {
    label {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.form-control {
		margin: auto;
		width: max-content;
		max-width: initial;
	}
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: unset;
}

/* classes to remove gutters from columns*/
.no-gutter > [class*='col-'],
.no-gutter[class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-left-gutter > [class*='col-'],
.no-left-gutter[class*='col-'] {
    padding-left:0;
}
.no-right-gutter > [class*='col-'],
.no-right-gutter[class*='col-'] {
    padding-right:0;
}

.col {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-right {
    float: right;
}
.col-left {
    float: left;
}

.col-push-left {
	margin-right: auto;
}
.col-push-right {
	margin-left: auto;
}

/*Add chevrons indicating and openable/closable item*/
.collapse-chevrons[data-toggle="collapse"]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";    /* halflings-chevron-down */
    float: left;
    color: grey;
}
.collapse-chevrons[data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";    /* halflings-chevron-down */
    float: right;
    color: grey;
}
.collapse-chevrons[data-toggle="collapse"].collapsed:before {
    content: "\e113";    /* halflings-chevron-up */
}
.collapse-chevrons[data-toggle="collapse"].collapsed:after {
    content: "\e113";    /* halflings-chevron-up */
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

@media(min-width: 768px) {
	.dl-horizontal dt {
		padding: 5px;
	}
	.dl-horizontal dd {
		padding: 5px 5px 0px 5px;
	}
}
/***Bootstrap multiselect***/
/*initial style*/
.multiselect-group {
	width: 95%;
}
	.multiselect-group > .btn {
			width: 100%;
	}
		.multiselect-group > .btn > span{
			overflow-x: hidden;
			text-overflow: ellipsis;
			display: inline-block;
			width: 95%;
			vertical-align: bottom;
		}
/*dropdown scroll*/
.multiselect-container {
	max-height: 250px;
	overflow-y: auto;
    min-width: 100%;
}
	.multiselect-container label {
		margin: 0px;
	}
	.multiselect-container input[type="checkbox"] {
		position: relative;
	}
	
.dropdown-menu{
	padding: 3px;
}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		border-radius: 5px;
	}
        .dropdown-menu > .active > a .readonly {
            opacity: 0.6;
        }
    .dropdown-menu > li > a {
        padding: 1px 10px;
    }
		.dropdown-menu > li > a > .help-tip {
			margin-right: 10px;
		}
			.dropdown-menu > li > a > .help-tip > p {
				right: auto;
				left: 24px;
				top: -4px;
				white-space: normal;
				padding: 5px;
			}
				.dropdown-menu > li > a > .help-tip > p:before {
					right: auto;
					left: -12px;
					top: 10px;
					border-bottom-color: transparent;
					border-right-color: #1E2021;
				}

		.dropdown-menu > li > a > .help-tip-placeholder {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 24px;
			height: 24px;
			margin-right: 10px;
		}

/***********Lists************/
.listfilter {
	margin-top: 20px;
	margin-bottom: 20px;
}

.no-sort {
	background: none;
}

@media(max-width:767px) {
	.smallfilter {
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 767px){
    .dt-buttons {
        float: none !important;
        text-align: center;
    }
}

.dt-buttons > .btn{
    padding: 4px 12px;
    margin-right: .333em;
    vertical-align: baseline;
}

.pageSize {
	min-width: 500px;
}

/**********Account***********/
.login-text {
	text-align: center;
}

.center-login {
	padding-left: 100px;
}

.login-danger {
	max-width: 320px;
	margin: auto;
}

.text-success {
	color: #8cc65d;
	font-weight: bold;
}

/****Panels********/
.panel {
	box-shadow: 0px 7px 18px -2px rgba(135,135,135,1);
}


/*******DateRange Picker*******/
.daterangepicker .ranges ul li
{
	padding: 8px 8px;
}


/*******Themes (should be sccs overrides)*******/
/*.success {
	background-color: #1c9f62;
	border-color: #198754;
	color: white;
}

.danger {
	background-color: #bf4753;
	border-color: #dc3545;
	color: white;
}
*/
