/* Custom Styles */
.search-box {
	margin: 1em 0;
}

#repo_edit #UUID {
	pointer-events:none;
	width: 26em;
	border: none;
	font-size: 1em;
}

#CustomCommands {
	min-height: 10em;
	width: 100%;
	border-color: #ddd;
	border-radius: 4px;
}

.calendar {
	background-color: #ffffff;
	border: 1px solid #ccc;
	width: auto;
	padding: 1rem;
}

.calendar_image {
	display: none;
}

/* Core Styles */
html {
	min-height: 100%;
	height: auto;
}

img {
	border: 0px;
}

/* Core Layout Styles */
ul.pagination {
	text-align: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.pagination li {
	background: none;
	padding: 0px;
	display: inline;
	margin: 0px;
	padding-right: 8px;
	border-right: 1px solid #F1F3F5;
}

ul.navigation li.last {
	padding-right: 0px;
	border: 0px;
}

ul.pagination a {
	margin-left: 6px;
	text-decoration: none;
}

.footer.pagination {
	text-align: right;
	float: right;
}

.copyright {
	text-align: left;
	color: #999;
	margin-top: 0.5rem;
}

/* Landing Layout Page Template Styles */

.splitter_container {
	background: #58828C;
	padding-top: 5px;
	padding-bottom: 5px;
}

.splitter_container .third, .splitter_container .two_thirds {
	width: 324px;
	background: #90C4CA;
	padding: 0px;
	border-left: 1px solid #7BAAB2;
	border-top: 1px solid #7BAAB2;
}

.splitter_container .two_thirds {
	width: 655px;
}

.splitter_container h2 {
	margin-top: 0px;
	color: white;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px dashed white;
	padding-left: 2px;
}


/* Release web form and email Styles*/
.release_commands {
	display: block;
	font-family: monospace;
}

.release_button {
	text-decoration: none;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #eee;
	color: #212121;
}

.release_button:hover {
	border: 1px solid #999;
	background-color: #ddd;
}


/* Interior layout page template styles */

.body_title_container .white_content_container {
	background: url(/site_images/body_title_bar.jpg) bottom;
}

.body_title {
	color: #4E7681;
	padding-left: 20px;
	margin-top: 25px;
	margin-bottom: 0px;
	line-height: 30px;
	font-size: 20px;
}

.body_container {
	background: #58828C;
}

.body_container .body_left_column {
	float: left;
	width: 180px;
	margin-left: 20px;
}

.body_container .body_left_column ul.navigation li {
	display: list-item;
	border-right: 0px;
}

.body_container .body_content {
	width: 80%;
	margin: auto;
}

.body_container .body_right_column {
	float: right;
	width: 140px;
	margin-right: 20px;
}

.body_container .form-group {
	margin: 1em 0;
}

.body_container a{
	text-decoration: none!important;
	color: #538596;
}


.body_container th a{
	color: #1d5058;
}

.body_container a:hover{
	color: #aaa;
}

.body_content .button {
	text-decoration: none;
	padding: 5px 8px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #ddd;
	color: #212121;
	margin: 0 0 1em 0;
	display: inline-block;
}

.body_content .button:hover {
	background-color: #ddd;
	cursor: pointer;
}

.body_container table td, .body_container table th{
	padding: 0 1em 1em 0;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
	/*****************************************************************************
    DEMO STYLES
    *****************************************************************************/
    
    .sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3 {
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      font-size: 28px;
    }

    .sIFR-active h3 {
      font-size: 16px;
    }

}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}


.hidden{
	display:none;
}

.error{
	color:red;
}

/* New Styles */

/* base styling */
* {
	box-sizing: border-box;
}

body {
	background-color: #eee;
	font-size: 10pt;
	font-family: 'Lato', verdana, helvetica;
	margin: 0;
}

input, select {
	border-radius: 4px;
	border: 1px solid lightgrey;
	padding: 8px 6px;
	display: block;
	width: 100%;
	margin-bottom: 1.5rem;

}

label {
	font-size: 0.83rem;
	margin-bottom: 0.12rem;
}

.button {
	width: unset;
	padding: 8px 12px;
	border: none;
	display: inline-block;
	border-radius: 4px;
	margin: 0 0.25rem 1.5rem 0;
}

.button:hover,
input,
select {
	cursor: pointer;
}

.button.primary, #login_form input.button {
	background-color: #67BDB8;
	color: #ffffff;
	border: none;
}

.button.secondary {
	background-color: #AAAAAA;
	color: #ffffff;
}

h1, h3 {
	text-transform: uppercase;
	font-weight: 600;
}

h1 {
	font-size: 2em;
	color: #212121;
	text-align: center;
}

h3 {
	font-size: 1.17em;
	margin: 1rem 0;
}

.subheading {
	text-transform: none;
	margin-top: 1.5rem;
}

table {
	width: 100%;
	table-layout: auto;

	display: block;
	margin: 0 auto;
	overflow-x: auto;
}

tbody {
	width:100%;
	display: table;
}

.data_view {
	margin-bottom: 1rem;
}

.even td, .odd td {
	padding: 0.5rem;
}

th {
	padding: 0 0.5rem;
	white-space: nowrap;
}

.odd {
	background-color: #f8f8f8
}

.user {
	font-size: 1.6em;
	margin: 2rem 0 0.3rem 0;
	text-align: center;
}

ul#nav {
	list-style-type: none;
	font-size: 1.3em;
	text-align: center;
	line-height: 18pt;
	margin: 0 0 20px 0;
	padding: 0;
}

ul#nav li {
	background: none;
	padding: 0 8px;
	display: inline;
	margin: 0px;
	border-right: 1px solid #595959;
}

ul#nav li:last-child {
	border-right: none;
}

a {
	text-decoration: none;
	color: #67BDB8;

}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: #777;
}

ul#nav li a, a.sectionLink,
.pagination a {
	color: #67BDB8;
	margin-left: 2px;
	margin-right: 2px;
}

td.pagination span {
	color: grey;
	margin-left: 2px;
	margin-right: 2px;
}

td.pagination {
	color: black;
}

td.pagination b {
	color: #67BDB8;
	margin-left: 2px;
	margin-right: 2px;
}


a.sectionLink label, .note {
	display: block;
	font-size: 0.83rem;
	color: #999;
	margin-top: 3px;
}

a.sectionLink:last-child {
	border: none;
	padding-bottom: 1.25em;
}

.container, .container_links {
	display: block;
	margin: 3% auto;
}

.section-container {
	display: flex;
	margin: auto;
	flex-direction: column;
}

.sub-container {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.section {
	background-color: #fff;
	border: 1px solid lightgrey;
	border-radius: 10px;
	padding: 1em 1.5em;
	margin: 1rem;
	width: 23em;
	height: auto;
	min-height: 32em;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

a.sectionLink {
	display: block;
	padding: 0.7em 0;
	font-size: 11.5pt;
	border-bottom: 1px solid #ccc;
}
/* end of base styling */

/* area specific styling */
#quick-release {
	margin-left: 0;
}

#release-form {
	width: unset;
	margin-right: 0;
	flex: 1;
}

#release-form .row {
	flex-wrap: nowrap;
	margin-bottom: 1rem;
}

#release-form .col-lg-6 {
	flex: unset;
	position: relative;
}

.release-info, .checkbox-container {
	display: flex;
	flex-direction: row;
	align-items: center;
}

input#release_date {
	width: 250%;
}

.release-info p {
	margin: 0 0.5rem;
}

.release-info input {
	margin: 0;
}

.checkbox-container {
	margin: 0 0 0.75rem 0;
}

.checkbox-container input {
	width: 15px;
	margin: 0 0.25rem 0 0;
}

.checkbox-container p {
	margin: 0.5rem 0;
}

.checkbox-list {
	margin-bottom: 2rem;
}

.checkbox-list .checkbox-container {
	margin-bottom: 0.25rem;
}

.note {
	line-height: 1.2rem;
}

#release-form .note {
	position: absolute;
	bottom: 0;
	text-indent: -0.4rem;
	padding: 0 0 0 0.4rem;
}

#release-form .hidden.note {
	display: none;
}

#release-form .category.hidden {
	display: none;
}

.divider {
	display: block;
	background-color: #ccc;
	width: 1px;
	margin: 1.75rem 0.5rem 1rem 0.5rem;
}

#admin, .section.full-section {
	width: 100%;
	margin: 1rem 0 0 0;
	min-height: unset;
}

#admin .first-col a.sectionLink:nth-child(2) {
	border-bottom: none;
}

#repo_edit input#CurrentMajorVersion {
	margin-bottom: 0.5rem;
}

#repo_edit #replacementCommand {
	margin-bottom: 2rem;
}

#replacementCommand.checkbox-container {
	align-items: flex-start;
}

#replacementCommand.checkbox-container input {
	margin-top: 0.2rem;
}

#repo_edit .subheading {
	margin-top: 0;
}

#login_form,
#change-password-form,
#request-reset-password-form,
#reset-password-form {
	display: flex;
	flex-direction: column;
}

#login_form .section,
#change-password-form .section,
#request-reset-password-form .section,
#reset-password-form .section {
	margin: auto;
	height: auto;
	min-height: unset;
	border: none;
}

#login_form input#_LoginPassword {
	margin-bottom: 0.5rem;
}

#login_form #reset-password {
	text-align: right;
	white-space: nowrap;
}

#login_form .error,
#change-password-form .error,
#request-reset-password-form .error,
#reset-password-form .error {
	margin-bottom: 1.5rem;
}

#login_form .checkbox-container {
	align-items: flex-start;
	white-space: nowrap;
}

#login_form .checkbox-container input {
	margin-top: 0.2rem;
}
/* end of area specific styling */
/* end of new styles */

/* media queries */
@media screen and (max-width: 991px) {
	#release-form .row {
		flex-direction: column;
	}

	#release-form .note {
		display: none;
	}

	#release-form .hidden.note {
		display: block;
		position: relative;
	}

	#release-form .divider {
		display: none;
	}

	#admin .category.hidden {
		display: block;
	}

	#admin .category {
		display: none;
	}

	#admin .first-col a.sectionLink:nth-child(2) {
		border-bottom: 1px solid #ccc;
	}
}

@media screen and (max-width: 767px) {
	.sub-container {
		flex-direction: column;
	}

	.sub-container .section {
		margin: 1rem 0 0 0;
		width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.row {
		flex-direction: column;
	}

	input, select {
		margin-bottom: 0.75rem;
	}

	#login_form .row {
		flex-direction: row;
	}
}

@media screen and (max-width: 390px) {
	#login_form .section {
		width: auto;
	}

	#login_form .row {
		flex-direction: column;
	}
}
/* end of media queries */