/*
1. SeaGreen = #298652
2. LightGreen = #90EE90
3. DarkGreen = #2F4F2F
4. DarkBlue = #00008B

cursor: pointer;	(not 'hand')
no 'size' attribute for <hr>
new selector for SPAN.info IMG, to align icons in FF

Add .wordwrap class to support wrapping text for rich-text-editor (nicEdit)

Remove border and height limits of Sample Edit panels
*/
.app_SeaGreen { color: #298652 !important; }
.app_SeaGreen_BG { background-color: #298652 !important; }
.app_LightGreen { color: #90EE90 !important; }
.app_DarkGreen { color: #2F4F2F !important; }
.app_DarkBlue { color: #00008B !important; }
.app_SignatureColor { color: #55cc55 !important; }
.app_SignatureColorDarker { color: #298652 !important; }
.app_SignatureColorDarkest { color: #2F4F2F !important; }
.gray { color: #aaa; }

html {
    width: 100%;
    height: 100%;
}
body
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana,sans-serif;
/*    background: url('../images/Login-bg.jpg?version=1') no-repeat top left scroll; */
    background: url('../images/App-bg-Plant.jpg?version=2') top left;
    /* background-repeat: no-repeat; */
    background-position: left top;
    background-color: #5daa5d;      /* #007900 - bright green*/      /*#b4cfff; - light blue*/      /*#030; - dark green*/
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    */
}
body.mainsection
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana,sans-serif;
}
body.mainsection.no-background-image
{
    background-color: #fff !important;
    background-image: none !important;
	background: none !important;
}
A
{
	text-decoration: underline;
}
A:link, A:active, A:visited
{
	color: blue;
}
A:hover
{
	color: #00008B;
}
A.showvisited:visited
{
	color: red;
	font-weight: bold;
}
A.showvisited2:visited
{
	background-color: #90EE90;
}
A.toolbarbutton:visited, A.toolbarbutton:link, A.toolbarbutton:active
{
	color: white;
	text-decoration: none;
}
a.btn.pcGreen
{
    background: #90EE90 none;
    background-image: linear-gradient(to bottom,#90EE90 0,#2F4F2F 100%);
}
a.btn.pcGreen:hover
{
    background: #2F4F2F none;
    background-image: none;
}
/* using font-awesome icons for add, delete, etc. images to user, so have to make the color other than the blue of text links */
a.btn, a.btn:link, a.btn:active, a.btn:visited
{
	color: #000;
	text-decoration: none;
}
a.btn.btn-success, a.btn.btn-success:link, a.btn.btn-success:active, a.btn.btn-success:visited,
a.btn.btn-primary, a.btn.btn-primary:link, a.btn.btn-primary:active, a.btn.btn-primary:visited
{
	color: #fff;
	text-shadow: none;
}
a.btn>i.fa, a.btn>i.fa:hover, a.btn>i.fa:visited, a.btn>i.fa:link, a.btn>i.fa:active
{
    color: #00a;
}
a>i.fa.fa-plus, a>i.fa.fa-plus:hover, a>i.fa.fa-plus:visited, a>i.fa.fa-plus:link, a>i.fa.fa-plus:active
{
    color: #090;
}
a>i.fa.fa-remove, a>i.fa.fa-remove:hover, a>i.fa.fa-remove:visited, a>i.fa.fa-remove:link, a>i.fa.fa-remove:active
{
    color: #F00;
}
a>i.fa.fa-search, a>i.fa.fa-search:hover, a>i.fa.fa-search:visited, a>i.fa.fa-search:link, a>i.fa.fa-search:active
{
    color: #009;
}
a>i.fa.fa-camera-retro, a>i.fa.fa-camera-retro:hover, a>i.fa.fa-camera-retro:visited, a>i.fa.fa-camera-retro:link, a>i.fa.fa-camera-retro:active
{
    color: #333;
}
a>i.fa.fa-file-text-o, a>i.fa.fa-file-text-o:hover, a>i.fa.fa-file-text-o:visited, a>i.fa.fa-file-text-o:link, a>i.fa.fa-file-text-o:active
{
    color: #090;
}
a>i.fa.fa-print, a>i.fa.fa-print:hover, a>i.fa.fa-print:visited, a>i.fa.fa-print:link, a>i.fa.fa-print:active
{
    color: #333;
}
a>i.fa.fa-envelope, a>i.fa.fa-envelope:hover, a>i.fa.fa-envelope:visited, a>i.fa.fa-envelope:link, a>i.fa.fa-envelope:active
{
    color: #333;
}
a>i.fa.fa-usd, a>i.fa.fa-usd:hover, a>i.fa.fa-usd:visited, a>i.fa.fa-usd:link, a>i.fa.fa-usd:active
{
    color: #333;
}
a>i.fa.fa-home, a>i.fa.fa-home:hover, a>i.fa.fa-home:visited, a>i.fa.fa-home:link, a>i.fa.fa-home:active
{
    color: #298652;
}
a>i.fa.fa-lock, a>i.fa.fa-lock:hover, a>i.fa.fa-lock:visited, a>i.fa.fa-lock:link, a>i.fa.fa-lock:active
{
    color: #EA9715;
}
a>i.fa.fa-bullhorn, a>i.fa.fa-bullhorn:hover, a>i.fa.fa-bullhorn:visited, a>i.fa.fa-bullhorn:link, a>i.fa.fa-bullhorn:active,
a>i.fa.fa-rss, a>i.fa.fa-rss:hover, a>i.fa.fa-rss:visited, a>i.fa.fa-rss:link, a>i.fa.fa-rss:active
{
    color: #333;
}
a > i.fa.fa-plus-square-o, a > i.fa.fa-plus-square-o:hover, a > i.fa.fa-plus-square-o:visited, a > i.fa.fa-plus-square-o:link, a > i.fa.fa-plus-square-o:active {
    color: #090;
	font-weight: 400;
}
i.fa-info-circle
{
    color: #85BFD0;
    cursor: pointer;
}
i.fa-info-circle-white
{
	color: white;
}
i.fa-info-circle.darker
{
    color: #7996c3;
}
i.fa-lightbulb-o
{
    color: black;
    cursor: pointer;
    background-color: #90EE90;  /*#00c5ff;*/
    padding: 5px;
    border-radius: 10px;
    font-size: 1.25em;
}
a>i.fa.gray, a>i.fa.gray:hover, a>i.fa.gray:visited, a>i.fa.gray:link, a>i.fa.gray:active
{
    color: #aaa;
}
a>i.fa.underline
{
    text-decoration: underline;
}
/* class to hide screen reader text for accessibility */
span.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

input.readonly, select[disabled]
{
	background-color: #EEFFEE !important;
}
a.disabled {
   pointer-events: none;
   cursor: default;
}

.required
{
	background-color: #ffe4e4;
}

.required2 {
	background-color: #e1ff72;
}

input[type=checkbox], input[type=radio]
{
    display: inline !important;
}

TABLE {
	BORDER: medium none;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-FAMILY: Verdana,sans-serif;
}
TABLE.table {
	border-spacing: 0 !important;
	border-collapse: separate !important;
	border-radius: 10px !important;
	/*border: 1px solid black !important;*/
}
.table > tbody > tr > th {
	border-top: 0;
}
TD {
	BORDER: medium none;
}
TH
{
    BACKGROUND-COLOR: #6c6 !important;
    TEXT-ALIGN: center;
}
td.left, th.left
{
    text-align: left;
}
td.right, th.right
{
    text-align: right;
}
TD.icons
{
    WIDTH: 1%;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center;
}
TABLE.list
{
	WIDTH: 100%;
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    FONT-FAMILY: Verdana,sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    BORDER: 0px;
	EMPTY-CELLS: show;
}
TABLE.narrow-list
{
	WIDTH: 70%;
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    FONT-FAMILY: Verdana,sans-serif;
    BACKGROUND-COLOR: #EEFFEE;
    BORDER: 0px;
	EMPTY-CELLS: show;
}
TABLE.basic
{
	WIDTH: 100%;
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER: 1px;
	EMPTY-CELLS: show;
}
TABLE.no-border
{
	WIDTH: 100%;
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER: 0px;
	EMPTY-CELLS: show;
}
TABLE.list TR, TABLE.narrow-list TR, TABLE.basic TR
{
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: top;
}
TABLE.list TH, TABLE.narrow-list TH, TABLE.basic TH,
TABLE.list TD, TABLE.narrow-list TD, TABLE.basic TD
{
    VERTICAL-ALIGN: bottom;
    BORDER: 1px solid #ddd;
    
}
TABLE.list TH, TABLE.narrow-list TH, TABLE.basic TH
{
    VERTICAL-ALIGN: bottom;
}
table.pc-data-entry
{
    border-spacing: 8px;
    border-collapse: inherit;
    width: 100%;
}
table.pc-data-entry.spread-out  td
{
    padding-top: 12px;
}
table.dashboard
{
    font-size: .9em;
    border-width: 4px;
    border-style: solid !important;
    border-color: #6c6 !important;
}
table.dashboard td
{
    border-width: 1px;
    border-style: solid !important;
    border-color: #6c6 !important;
    background-color: inherit !important;
    white-space: nowrap;
}
table.dashboard td.left
{
    padding-left: 20px;
}
table.dashboard td.right
{
    padding-right: 20px;
}
table.dashboard td.left.indent
{
    padding-left: 50px;
}
table.dashboard td.right.indent
{
    padding-right: 50px;
}
table.dashboard.uploaded
{
    border-color: #e0e000 !important;
}
table.dashboard.uploaded th
{
    border-color: #e0e000 !important;
    background-color: #e0e000 !important;
}
table.dashboard.uploaded td
{
    border-color: #e0e000 !important;
}
table.dashboard.incomplete
{
    border-color: #e0e000 !important;
}
table.dashboard.incomplete th
{
    border-color: #e0e000 !important;
    background-color: #e0e000 !important;
}
table.dashboard.incomplete td
{
    border-color: #e0e000 !important;
}
.table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
	border-left: 1px solid #ddd !important;
	border-top: 1px solid #ddd !important;
}
table:not([role="presentation"]) thead tr:first-child td:first-child,
table:not([role="presentation"]) thead tr:first-child th:first-child,
table:not([role="presentation"]) tbody:first-child tr:first-child td:first-child,
table:not([role="presentation"]) tbody:first-child tr:first-child th:first-child {
	border-top-left-radius: 10px !important;
}
table:not([role="presentation"]) thead tr:first-child td:last-child,
table:not([role="presentation"]) thead tr:first-child th:last-child,
table:not([role="presentation"]) tbody:first-child tr:first-child td:last-child,
table:not([role="presentation"]) tbody:first-child tr:first-child th:last-child {
	border-top-right-radius: 10px !important;
}
table:not([role="presentation"]) tbody tr:last-child td:first-child,
table:not([role="presentation"]) tbody tr:last-child th:first-child {
	border-bottom-left-radius: 10px !important;
}
table:not([role="presentation"]) tbody tr:last-child td:last-child,
table:not([role="presentation"]) tbody tr:last-child th:last-child {
	border-bottom-right-radius: 10px !important;
}
table.dashboard:not([role="presentation"]) thead:first-child tr:first-child td,
table.dashboard:not([role="presentation"]) thead:first-child tr:first-child th,
table.dashboard:not([role="presentation"]) tbody:first-child tr:first-child td,
table.dashboard:not([role="presentation"]) tbody:first-child tr:first-child th,
table.dashboard:not([role="presentation"]) tbody tr:last-child td,
table.dashboard:not([role="presentation"]) tbody tr:last-child th {
	border-radius: 0px !important;
}

tr.hide
{
    visibility: hidden;
}

.bold
{
    font-weight: bold;
}
.large
{
    font-size: 1.1em;
}
hr
{
    BORDER-TOP: 2px solid #060;     /*#2F4F2F;*/
    border-bottom: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#toolbartop>hr
{
    margin-top: 5px;
}
#toolbarbottom>hr
{
    margin-bottom: 5px;
}
#toolbartop.no-buttons
{
    margin-top: 15px;
}
#toolbarbottom.no-buttons
{
/*    margin-bottom: 15px; */
}
#toolbartop tr
{
    vertical-align: bottom;
}
#toolbarbottom tr
{
    vertical-align: top;
}
#toolbartop tr>td:nth-child(1)
{
    padding-bottom: 3px;
}
SPAN.toolbarbutton
{
    padding: 0px;
/*    font-weight: bold;*/
    font-size: 1em;
    margin: 0px;
    margin-left: 6px;
/*    color: #030; */
    font-family: Verdana,sans-serif;
    white-space: nowrap;
}
span.toolbarbutton.first
{
    margin-left: 20px;
}
span.toolbarbutton A
{
    color: #030;
    font-weight: bold;
	text-decoration: none;
}
div.quickButtonsToolbar
{
    width: 1%;
    float: left;
    margin-left: -60px;
    position: absolute;
}
SPAN.quickButton
{
/*    height: 40px;*/
    display: inline-block;
    margin-bottom: 2px;
}
SPAN.quickButton a
{
    color: #030;
    font-weight: bold;
	text-decoration: none;
    font-size: 1em;
    width: 30px;        /*40px;*/
}
span.quickButton a img
{
 height: 14px;      /*20px;*/
}
span.quickButton a i.fa
{
 height: 12px;      /*17px;*/
}
span.quickButton a.btn
{
    padding: 4px;
}
H1
{
    COLOR: #2F4F2F;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
}
H1.brand-heading
{
    COLOR: #fff;
    text-shadow: 3px 3px #2F4F2F;
}
H2
{
	COLOR: #2F4F2F;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: .9em;
    FONT-STYLE: italic;
}
.slim
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
}
.idfooter
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #767676;
    margin-top: 3px;
}
DIV
{
    PADDING: 0px;
    MARGIN: 0px;
}
SPAN.currentyear A
{
	COLOR: #2F4F2F;
	FONT-SIZE: 1.1em;
	FONT-STYLE: normal;
	FONT-WEIGHT: bold;
	VERTICAL-ALIGN: middle;
	TEXT-DECORATION: none;
}
SPAN.currentyear A:visited
{
	COLOR:#2F4F2F;
}
SPAN.currentyear A:hover
{
	COLOR:#298652;
}
SPAN.booleanindicator
{
	COLOR: red;
	FONT-WEIGHT: bold;
}
DIV.recordcount, SPAN.recordcount, div.dataTables_info
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #767676 !important;
}
SPAN.info
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.4em;
    COLOR: Blue;
    BACKGROUND-COLOR: #aea;
    BORDER: 1pt solid #1b1;
    VERTICAL-ALIGN: bottom;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    FONT-FAMILY: Times;
    FONT-STYLE: italic;
	TEXT-DECORATION: none;
}
SPAN.info.icons_only
{
    font-size: 1em;
    padding-top: 6px;
    padding-bottom: 4px;
    display: inline-block;
    margin-bottom: 4px;
}
A.info
{
	TEXT-DECORATION: none;
}
span.info>i.fa-plus
{
    color: #060;
}
span.info>i.fa-remove
{
    color: #F00;
}
img
{
    MARGIN: 0px;
    PADDING: 0px;
}
/* new for FF */
SPAN.info IMG
{
	vertical-align: middle;
}
.formtab
{
	color: white;
	background-color: #298652;
	border: thin solid #2F4F2F;
	position: absolute;
	top: 50px;
	width: 100px;
	text-align: center;
	font-family: Verdana,sans-serif;
	font-size: .8em;
	font-weight: normal;
	z-index: 2;
	padding: 2px;
    cursor: pointer;
}
.panel
{
	position: absolute;
	top: 69px;
	left: 10px;
	width: 730px;
	z-index: 1;
	visibility: hidden;
	/*height: 60%;*/
    /*font: 12pt Verdana,sans-serif;*/
	/*border: thin solid #2F4F2F;*/
	/*padding-right: 5px;*/
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 0px;
}

.wordwrap {
    overflow-y: scroll !important;
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE (and Firefox?) */
}

div.nicEdit-main {
    background-color: #fff;
    padding-left: 3px;
}

#btnEnter:focus, #btnEnter:hover
{
    color: #33aa33;     /*#fff; */
    font-weight: bold;
}

/* overrides for Bootstrap styles */
form 
{
    margin-bottom: 0px;
}
nav.navbar 
{
    margin-bottom: 0px;
}
nav.navbar.navbar-default 
{
    background-color: #070;
/*    background-image: none;*/
    background-image: -webkit-linear-gradient(top, #037903 0, #013801 100%);
    background-image: -o-linear-gradient(top, #037903 0, #013801 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#037903),to(#013801));
    background-image: linear-gradient(to bottom, #037903 0, #013801 100%);
    border: none;
}
.navbar-default .navbar-nav>li>a
{
    color: #fff;
    text-shadow: none;
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a:visited
{
    color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover
{
    text-decoration: underline;
}
.navbar-default .navbar-nav>li>a:focus
{
    border: 1px solid #fff;
}
.navbar-default .navbar-header .navbar-brand
{
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    font-size: 2em;
}
.navbar-default .navbar-header .navbar-brand:hover
{
    color: #fff;
    text-decoration: underline;
}
ul.navbar-nav ul.dropdown-menu li  a
{
    text-decoration: none !important;
}
.navbar-brand
{
    height: 40px;
    padding-bottom: 0px;
    white-space: nowrap;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
a.navbar-brand > span.subtitle
{
    font-size: 0.64em;
    font-weight: normal;
    color: #5c5;
}
.user-info > span.sitename
{
    font-size: 1em;
    font-weight: normal;
    /*padding-left: 12px;*/
    color: #5c5;
}
.navbar-header > div.user-info
{
    float: right;
    margin-top: 20px;
    color: #fff;
}
div.user-info > a
{
    color: #fff;
}
div.user-info > a:hover
{
    text-decoration: none;
}
.navbar-header
{
    float: none;
}
div.container[role='main']
{
    background-color: #fff;
    padding: 20px 50px 20px 60px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 5px solid #050;
    min-height: 400px;
}
body.no-background-image div.container[role='main']
{
    border-bottom: none;
}
div.input-group 
{
    border-spacing: 0px;
}
#divSampleEditArea>ul.nav-tabs a
{
    text-decoration: none;
}
a.no-hover-underline:hover
{
    text-decoration: none !important;
}

table.dataTable.lookup_maintenance thead th,
table.dataTable.lookup_maintenance thead td,
table.dataTable.lookup_maintenance tfoot th,
table.dataTable.lookup_maintenance tfoot td {
	text-align: center;
}

table.list.table, table.narrow-list.table {
	margin-bottom: 2px;
}

table.list.table th a
{
    color: #222;
}

/* overrides for when window size is less than 992px */
@media (max-width: 991px) {
    #user-info-name, #navHome, #navLogout { display: none;}
    #mainNavbar span.subtitle { font-size: .5em;}
    #navbar ul { font-size: 85%;}
    div.container.theme-showcase { padding: 10px !important; }
    #mainNavbar div.container { width: 100%; }

    div.quickButtonsToolbar { width: auto; float: none; margin-left: auto; position: inherit; }     /* move to top of page (horizontal) */

    form.form-inline div:not(.nicEdit-button) { width: auto !important; }    
}
@media (max-width: 767px) {
    #navHome, #navLogout { display: block;}
    div.user-info { display: none; }
    #navQuickSampleSearch, #navSamples {padding-left: 15px; }
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li
    {
        color: #fff;
        text-shadow: none;
        text-decoration: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a
    {
        color: #fff;
        text-shadow: none;
        text-decoration: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:visited
    {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
    {
        color: #fff;
        text-decoration: underline;
    }
}

/*  on small screens... */
@media screen and (max-width: 767px) {
    
    .table-responsive { margin-left: 0px !important; }
    
    .table-responsive>.table.table-striped { width: 100% !important; }
    
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead~tbody>tr>td,
    .table-responsive>.table>thead~tbody>tr>th { display: block !important; width: auto !important; white-space: normal !important; text-align: center !important;}

    .table-responsive>.table>tbody>tr>td.icons,
    .table-responsive>.table>tbody>tr>th.icons { background-color: inherit !important; }
        
    .table-responsive>.table>tbody>tr>td.icons>div,
    .table-responsive>.table>tbody>tr>th.icons>div { display: inline-block !important; background-color: inherit !important; }
    
    .table-striped>tbody>tr:nth-of-type(odd) { background-color: #dfdfdf; }     /* have rows better defined */
    
    .table-responsive>.table>thead~tbody { display: grid; overflow-y: scroll; max-height:300px; }       /* have the table's tbody scroll (leaving the thead fixed) */
    thead { font-size: .85rem !important; }
    
    table.dashboard td, table.dashboard th { display: block; }
    
    table.dashboard td.left { white-space: normal !important; }

    .recordcount { white-space: normal; }
    
    .input-group.small-screen-block { display: inline-block !important; }
    
    .input-group.small-screen-block.extra-small a { font-size: .6em !important; }
    
    .small-screen-hide { display: none !important; }       /* don't support some advanced functions */
}

@media (max-width: 600px) {
    div.navbar-header span.subtitle { display: none; }

    td.small-screen-inline-table { display: inline-table !important; }
    
    .table-responsive>.table.small-screen-allow-wrap td,
    .table-responsive>.table.small-screen-allow-wrap th,
    td.small-screen-allow-wrap { white-space: normal !important; }
}

/* adding sizing classes for Bootstrap 3 */
.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 530px; }

/* Login Page styles */
body.loginpage
{
    width: 100%;
    *height: 100%;
    *font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    *color: #fff;
    margin: 0px;
/*    background-color: #8ed48e;      /* #2F4F2F; - dark green */
    background-color: #040;
    background-image: -webkit-linear-gradient(top,#080 0,#000 100%);
    background-image: -o-linear-gradient(top,#080 0,#000 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#080),to(#000));
    background-image: linear-gradient(to bottom,#080 0,#000 100%);
}
.intro {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.intro .intro-body {
    display: table-cell;
    vertical-align: top;
    padding-top: 90px;
}
body.loginpage h1.brand-heading {
    margin: 0px 0px 60px;
    text-transform: capitalize; /*uppercase;*/
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 60px;
    letter-spacing: 1px;
    font-style: italic;
}
.intro .intro-body .brand-heading .subtitle {
    margin: 0 0 35px;
    font-size: 14px;
    line-height: 1.6;
    padding-left: 40px;
    padding-right: 40px;
}
span.login-localname 
{
    font-style: italic;
    font-size: 1.8em;
    background-color: #298652;
    padding: 5px 20px;
    border: 5px double #2F4F2F;
}

@media(min-width:600px) {
    .intro {
        height: 100%;
        padding: 0;
    }
    .intro .intro-body .brand-heading {
        font-size: 100px;
        margin-bottom: 100px;
    }
    .intro .intro-body .brand-heading .subtitle {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}

.table-150 {
	width: 150% !important;
	max-width: none !important;
}

.table-responsive {
    border: none !important;        /* never show the border around this table */
}

@media(max-width:800px) {
    .input-group-addon { font-size: 9pt !important; }
}

@media(max-width:600px) {
    .input-group-addon { font-size: 8pt !important; }

    table.pc-data-entry tr { display: grid !important; margin-top: 1rem !important; }
    table.pc-data-entry th, table.pc-data-entry td { width: auto !important; text-align: left !important; }
    
    .loginpage div.loginwindow { width: auto !important; margin: 10px !important; }
    .loginpage div.loginwindow hr { display: none !important; }
    .loginpage div.loginwindow div { float: none !important; }
    
    #imgTSPSoftLogo { float: right !important; }
    #divAppLogos img { height: 38px !important; }
}

@media (min-width: 992px) {
    .form-inline textarea.form-control
    {
        width: 80% !important;
    }
}

@media (max-width: 991px) {
    #divSampleEditArea ul.nav > li > a
    {
        font-size: 1.1rem;
        padding: 10px 10px;
    }
    .form-inline textarea.form-control
    {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #divSampleEditArea ul.nav > li > a
    {
        font-size: .9rem;
        padding: 10px 8px;
    }
    
    #imgAppLogo { width: 200px !important; }
}

@media (max-width: 767px) {
    .form-inline .table-responsive .table input,
    .form-inline .table-responsive .table select { max-width: inherit !important; }
}

@media (max-width: 640px) {
    #divSampleEditArea ul.nav > li > a
    {
        font-size: .85rem;
        padding: 10px 5px;
    }
}

div.little-banner
{
    padding: 3px 6px 0px;
    font-size: .7em;
    background-color: #128243;
    color: #dfffdf;
}
div.little-banner a
{
    color: #dfffdf;
}
.field-icon {
    display: inline-block;
    margin-left: 2px;
    margin-right: 3px;
    margin-top: 11px;
    position: absolute;
    z-index: 2;
}
.field-icon.pointer:hover {
    cursor: pointer;
}
.btn-circle 
{
    /*display: block;*/
    width: 60px;
    height: 60px;
    margin-bottom: 0px auto 15px;
    padding: 4px 5px 7px 10px;
    border: 2px solid #2F4F2F;
    border-radius: 100%!important;
    font-size: 30px;
    color: #33aa33;
    background: 0 0;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    background: rgba(255,255,255,.1);
}

.btn-circle.animated, .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 2s;
}

.btn-circle.animated, .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 2s;
}

i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.tab-content {
    padding: 5px 0px;
}        

/* jquery dialog customizations */
div.PClinic-Dialog div.ui-dialog-titlebar.ui-widget-header
{
    background: none;
    background-color: #1c6;
}
/* hide the close button in the titlebar, since it's not showing up well */
div.PClinic-Dialog div.ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close
{
    display: none;
}
div.ui-dialog.PClinic-Dialog div.ui-dialog-buttonpane span.ui-button-text
{
    color: #fff;
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;    border-color: #398439;
}
div.ui-dialog.PClinic-Dialog div.ui-dialog-buttonpane span.ui-button-text:hover
{
    background-color: #419641;
    background-position: 0 -15px;
}

/* bootbox dialog customizations */
.PClinic-Dialog .modal-dialog
{
    margin-top: 150px;
}
.PClinic-Dialog .modal-header
{
    background-color: #1c6;
    color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 10px;
    margin: 2px;
}
.PClinic-Dialog.alert .modal-header
{
    background-color: #ffff00;
    color: #000 !important;
}
.PClinic-Dialog.info .modal-header
{
    background-color: #94D5E8;
}
.PClinic-Dialog.validation-error .modal-header
{
    background-color: #D68512;
    color: #fff;
}
.PClinic-Dialog.error .modal-header
{
    background-color: #990000;
    color: #fff !important;
}
.PClinic-Dialog .modal-body
{
    padding-top: 40px;
    padding-bottom: 40px;
}
.PClinic-Dialog .bootbox-body
{
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-wrap: break-word;
}

/* Bootstrap alert customizations */
.alert-auto {
	display: inline-block;
	padding: 10px 40px
}
.alert-wrapper {
	text-align: right;
}

/* jQuery datepicker customization */
a.ui-state-highlight
{
    background: #47ec4c !important;
}

@media print {
    thead { display: table-header-group; }
    table { -fs-table-paginate: paginate; }
    
    table.table th { background-color: #6c6 !important; -webkit-print-color-adjust: exact !important; }
    table.table tr.oddRow td { background-color: #FFFFCC !important; -webkit-print-color-adjust: exact !important; }

    td.icons { display: none; }             /* hide our normal "icons" column on table listings */

    a[href]:after { content: none; }        /* prevent Bootstrap 3 from adding the URL onto printed links */
    
    a.btn { display: none; }                /* hide page buttons (hopefully doesn't pick up buttons we DO want to display (don't think there are any) */
    
    div.container[role='main'] { padding: 0px 0px; }    /* allow the page's content to fill the printed page's margins */
    
    table.sample_summary { font-size: .7em; }
}

/* EXIF image rotation fix */
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}