/*
 * colors:
 * #2d3d59 dark blue
 * #21498b blue
 * #2d64bf light blue
 */
body { background-color:#888;/*#2d3d59;*/ color:#000; }
label{ width:100%; }
hr{ border-color:#888; }
.left-rule{ position:absolute; border-left:1px solid #888; top:0; left:0; bottom:0; }
/*.inline-form { display: table-cell; } 2021-02-10 doesn't wrap*/
.inline-form { display: inline-block; }
span.inline-form{ font-size:20px; vertical-align:middle; }
.navbar .container{ background-color:inherit; }
.navbar + .container{ margin-top:50px; padding-top:15px;}
.navbar.navbar-double + .container{ margin-top:80px; }
.container{ background-color:#ddd; }
/*
Sits in place - any content following this will need to be padded appropriately
*/
.fixed-content{ position:fixed; z-index: 1029; background-color:#ddd; width:100%; padding-right:30px;}
/* stationary background logo is too busy
body > .container{position:relative; z-index:10;}
.background-wrapper{ z-index:1; position:fixed; left:0; right:0; top:80px; bottom:0; height:100vh; }
.background-wrapper .container, .background-wrapper .row, .background-wrapper .col{ height:100%; }
.background-wrapper .container{ padding-top:15px; padding-bottom:95px; background-color:#eee; }
.background-wrapper img{ max-height:100%; }
*/
.form-tab{ padding:3px; }
.btn{ padding:3px 12px; font-size:18px; }
.btn-primary{ background-color:#21498b; }
.btn-primary:hover{ background-color:#2d64bf; }
.btn-secondary { color:#21498b; background-color:#aaa; margin:5px; font-weight:600; }
.btn-secondary:hover, .btn-secondary:active { color:#2d64bf; background-color:#bbb; }
.input-group-btn .btn-secondary{margin:0;}
.input-group-secondary{margin:5px;}
.btn-sm{ padding: 3px 8px; margin:1px; font-size: 16px; }
.navbar-fixed-top{ margin-bottom:50px; }
.navbar-default{ background-color:#21498b; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > button, .navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover
{ color:#fff;}
.navbar-default .navbar-nav{ font-size: 16px; background-color:#21498b;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fff; background-color: #2d64bf; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color: #2d64bf; }
.navbar-default .navbar-nav > li > button:focus, .navbar-default .navbar-nav > li > button:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
 { color: #fff; background-color: #2d64bf; }
.navbar-default .navbar-nav .open .dropdown-menu, .navbar-default .navbar-nav .open .dropdown-menu > li > a
{ color: #fff; background-color: #21498b; }
.navbar-default .navbar-nav > li .btn { padding:15px; font-size:16px; border:none; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{ color: #fff; background-color: #2d64bf; }

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand{
	color: #fff; background-color: #21498b; 
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color: #fff; background-color: #2d64bf; 
}

.navbar-tasks .navbar-toggle{ padding:8px 10px; margin-top:0; margin-bottom:0; border:none;}
.navbar-tasks .navbar-brand{ padding:5px 15px; height:30px; }
.navbar-tasks .navbar-nav li a{ padding:5px; }
.navbar-tasks li{ padding:0 15px; }

.row-calendar
{
	overflow:hidden;
}

.col-calendar
{
	float:left;
	width:100%; 
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
}

@media (max-width: 767px)
{
	.dropdown-menu .dropdown-menu{padding-left:15px;}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{ color:#fff; }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	.fixed-content{ width:720px; padding-right:0;}
	.dropdown-menu .dropdown-menu{top:0; left:100%;}
	.navbar-tasks ul{ width:83.333%; }
	.navbar-tasks li{ width:20%; text-align:center; padding:0;}
}
.navbar-default .navbar-nav > li > a{ background-color:2d3d59; }
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.fixed-content{ width:940px; }
	.col-calendar { width:14.285%; border-left: 1px solid #888; border-right: 1px solid #888; }
}
@media (min-width: 1200px) {
	.fixed-content{ width:1140px; }
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #2d64bf !important; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ color: #2d3d59; }
.pagination > li > a, .pagination > li > span{	color: #21498b; }

.form-group{ line-height:38px; margin-top:8px; margin-bottom:8px;}
.col-btn-left{ padding-left:80px; }
.col-btn-right{ padding-right:80px; }
.col-btn-left, .col-bnt-right{ line-height:38px; line-height:38px; }
.btn-left{ float:left; margin-left:-60px;}
.btn-right{ float:right; margin-right:-60px;}
.btn-tiny{ padding:0 2px; margin:0 3px; font-size:15px;}

.list-rows > .row:nth-child(odd){ background-color:rgba(0,0,0,0.1);}
.list-row-dark{ background-color:rgba(0,0,0,0.1);}
.list-rows .form-control{ margin:4px 0; }
.list-rows label{ margin:4px 0; }
.form-control{ font-size:18px; }

.form-compact .form-control{ font-size: 15px; height: 30px; padding: 6px 8px; }
.form-compact label{ margin-right: 0; margin-bottom: 0; padding-right:0; line-height: 30px; }
.form-compact .btn{ font-size: 16px; }
.form-compact textarea.form-control{ height: auto; }
.form-compact hr{ margin:5px 0; }
.form-compact input[type=checkbox].form-control, .form-compact input[type=radio].form-control{ margin-top:0 !important; }
.form-compact select.form-control{ padding-top:0; padding-bottom:0; font-size:14px; }

.alert-danger{ background-color:rgba(255,127,127,0.5); }

h3{ margin:2px 0; }
/* pulsing orange */
.attention{ background:repeat url("attn-bg.gif");  }

/*To keep these from throwing the navbar out of kilter*/
.nav .warn{ margin:0 0 -3px 0; }
.btn.warn{padding-left:21px; background-position: left center;}
span.warn{width:21px; height:22px; margin:6px; float:left;}
.warn.w0{background-image: url("warn0.png");}
.warn.w1{background-image: url("warn1.png");}
.warn.w2{background-image: url("warn2.png");}
.warn.fiveyear{background-image: url("warn5year.png");}

h3, .h3{ font-size:20px; }
h2, .h2{ font-size:24px; margin-top:0; }
.overlay-container{position:relative;}
.loading-overlay{position:absolute; top:0; left:0; right:0; bottom:0; z-index:10000; background:repeat url(/css/overlay.png);}
.loading-overlay-animation{width:100%; height:100%; background:no-repeat 50% 50% url(/css/loading.gif); color:#ffffff; }

.mceEditor.defaultSkin, .mceLayout{width:100%; }

.indented{ padding-left:30px; }

.combo-wrapper, .combo-select{ position:relative; }
.combo-dropdown{position:absolute; top:100%; right:0; background-color: #8F8FFF;}
.combo-dropdown h3{ padding:0 5px; cursor: pointer;}
.combo-dropdown h3:hover, div.combo-dropdown h3.selected{background-color: #FFFFFF;}

.modal-content{ background-color:#ddd; }

/* limit the size of checkboxes and radio buttons */
input[type=checkbox].form-control, input[type=radio].form-control{ max-width: 2rem; margin-top: 3px; }
/* put checkbox and radio labels closer to their controls */
div.form-checkbox{ padding-right:5px; }
div.form-checkbox + label{ padding-left:0; }

.dropzone{background-color: #cce5ff; border: 5px solid #448; border-radius:5px; width:100%; }
.dropzone h3{height:5em; padding-top:2em; vertical-align:middle; text-align:center; cursor:pointer; }
.checkbox label{line-height:20px; font-weight:700; }
#redacted-page-wrapper{ position:relative; }
#redacted-page-wrapper::after{ width:100%; display:block; height:8px;}
#redacted-page-wrapper-overlay{ position:absolute; top:0; left:15px; right:15px; bottom:0; cursor:none; }
#redact-cursor{ display:none; position:absolute; width:3px; background-color:#000; }
.redacted-page{ width:100%; position:relative; display:block; overflow:hidden; }
.redacted-page-overlay, .redacted-block{ position:absolute; width:100%; height:100%; left:0; top:0; cursor:crosshair; }
.redacted-block{ position:absolute; display:block; background-color:#777; }
.redacted-block:hover{ background-color:#f77; }
.pagination{ margin:0; }
#navbar .pagination{ margin:8px 8px 0 8px; }
#navbar .btn-group{ padding-top:8px; }
.navbar-default .navbar-nav > li .btn-group .btn{ padding:7px; }
#navbar .btn-group .dropdown-menu{ min-width:0; font-size:18px; }
#navbar .btn-group .dropdown-menu li{ padding:8px; }
#navbar .dropdown-menu li:hover{ color:#21498b; background-color:#fff; }
.pagination li{ cursor:pointer; }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{ color:#ddd; }
.pagination select.form-control{ padding:0; margin:-4px 0; height:28px;}

.readable, .readable *{font-size:18px; color:#000; background-color:#f8f8f8;}

/**********************************************************************/
.ck-editor__editable { height:20em; line-height:1.3em; }
.editor-resize { cursor:ns-resize; display:block; height:15px; width:100%; background:repeat-x url(/css/editor-resize.png); }
.editor-resize:hover { background-image:url(/css/editor-resize-hover.png); }

.embed-responsive-page-portrait{ padding-bottom:100%; }

@media print{
	.print-hidden{ display: none; }
	.print-small{ font-size: smaller; } /* Use on <p>, <h3> etc */
	.col-print-12{ width: 100%; }
	.col-print-11{ width: 91.666%; }
	.col-print-10{ width: 83.333%; }
	.col-print-9{ width: 75%; }
	.col-print-8{ width: 66.666%; }
	.col-print-7{ width: 58.333%; }
	.col-print-6{ width: 50%; }
	.col-print-5{ width: 41.666%; }
	.col-print-4{ width: 33.333%; }
	.col-print-3{ width: 25%; }
	.col-print-2{ width: 16.666%; }
	.col-print-1{ width: 8.333%; }
}

.taskbar-hover{
	display:none;
	position:absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #2d3d59;
	color: #fff;
}

li.taskbar:hover > .taskbar-hover{ display:block; }

.border{ border:1px solid lightgray; }