﻿/* Custom styles added for portal version of site - RDT */

html
{
	height: 100%;
}
body
{
	height: 100%;
    font-size: 14px;
}
form
{
	height: 100%;
}

div.PageContainer {
    min-height: 100%;
    width: 100%;
}

div.FooterContainer {
    position: relative;
    width: 100%;
    height: 56px;
    margin: -56px 0 0 0;
}

h2, .h2 {
    font-size: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato';
    font-weight: 500;
    text-transform: capitalize;
}

.form-control
{
    font-size: 14px;
}

.form-control-inline
{
    display:inline-block;
}

.form-control-checkbox
{
    border:none;
    border-radius:0;
    box-shadow:none;
    vertical-align: middle;
}

.form-col1
{
    float:left;
    width:60%;
}

.form-col2
{
    float:left;
    width:35%;
    margin:0 0 0 10px;
}

.botmargin {
    margin-bottom:5px;
}

input[type=text].botmargin, input[type=email].botmargin, textarea.botmargin, input[type=url].botmargin, input[type=number].botmargin {
    margin-bottom:5px;
}

.topmargin {
    margin-top:5px;
}

.leftmargin {
    margin-left:5px;
}

.rightmargin {
    margin-right:5px;
}

header .wrapper span.text-caption {
    float:left;
    text-align:left; 
    color:#003561;
    height:30px; 
    line-height:30px; 
    font-family: 'din_mediumregular';
    font-size:12px;
    padding:0 5px; 
    margin:0; 
    display:inline-block; 
}

.small-hero-abstract {
	max-width:1050px; 
	max-height:80px; 
	width:100%; 
	height:80px; 
	background:top left no-repeat;
}

.breadcrumb {
  background-color: #efefef;
}

li.menu-sep {
	padding: 0; 
    margin: 5px 0;
	line-height: 1px;
    border-bottom: 1px solid #efefef;
}

li.menu-sep-tall {
    margin: 10px 0;
}

footer {
    min-height:56px;
    line-height: 1.0em 
}

footer .quick-links .wrapper-text {
    padding:10px 15px;
    margin:0 auto;
    overflow:auto; 	
}

.quick-links .wrapper-text .footlogo {
	display:block; 
	clear:both; 
	margin:0; 
	width:65px; 
	height:12px; 
	float:right; 
}

.disclaimer{
	float:left; 
}

.form-container
{
    display:block;
    overflow:hidden;
    float:none;
    clear:both;
}

.form-container input,select,textarea {
    /*margin-right:60px;*/
}

.navbar-brand img{
	width:auto; 
	height:30px; 
}

ul.menu li.menu-item a {
    font-size: 14px;
}

ul.menu li.menu-item a:not([href]) {
    color:#b7b7b7;
}

ul.menu li.menu-item .menu-item-right {
    float: right;
}

.inner-page{
	padding-bottom:70px; 
}
.inner-page .inner-page-content {
	min-height:300px; 
	width:73%; 
}

.sidebar-wrap {
    width:25%; 
    padding:15px 0; 
}

.sidebar-wrap .sidebar-page {
    padding: 10px 20px 20px 20px;
}

.sidebar-wrap .sidebar-page h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 15px;
}

.sidebar-wrap .sidebar-page-toggle {
    padding: 10px 20px 10px 20px;
}

@media (max-width: 767px) {
    .inner-page .inner-page-content {
    	min-height:300px; 
	    width:100%; 
    }

    .sidebar-wrap {
        width:100%; 
        padding: 30px 0;
    }
}

/* Override fixes for style.css */
input[type=text], input[type=email], textarea, input[type=url], input[type=number] {
  padding: 6px 12px;
  line-height: 1.428571429;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input[type=checkbox] {
    margin:0;
    margin-right:5px;
    vertical-align:middle;
    line-height: 1.4;
}

input[type="image"] {
  cursor:pointer;
}

label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    line-height: 1.4;
}

a:focus {
  outline: none;
  outline-offset: 0;
}

.btn {
    box-shadow: none;
    outline: none;
	min-width: 100px;
}

.btn:hover,
.btn:focus {
  outline: none;
  color: #208dcb;
  text-decoration: none;
}

.gridicon {
    border:none;
    box-shadow:none;
    margin:0 5px 0 0;
    outline:none;
    filter: alpha(opacity=80);
    opacity: 0.8;
    vertical-align:middle;
}
.gridicon:hover, .gridicon:focus {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.row.no-lgutters {
    margin-left: 0;
}

.row.no-lgutters [class^="col-"], [class*=" col-"] {
    padding-left: 0;
}

/* Check and radio boxes */
input[type="checkbox"],input[type="radio"]{
  vertical-align:middle;
}

input[type="checkbox"]+label,input[type="radio"]+label{
  cursor:pointer;
}

input[type="checkbox"]+label:before,input[type="radio"]+label:before{
  content:"";
  display:inline-block;
  height:19px;
  margin:1px 4px 0 -18px;
  vertical-align:middle;
  width:19px;
}

input[type="checkbox"]+label:before{
  background:url(/~/media/Images/Icons/check_radio_sheet.ashx)left top no-repeat;
}
input[type="checkbox"]:checked+label:before{
  background:url(/~/media/Images/Icons/check_radio_sheet.ashx)-19px top no-repeat;
}
input[type="radio"]+label:before{
  background:url(/~/media/Images/Icons/check_radio_sheet.ashx)-38px top no-repeat;
}
input[type="radio"]:checked+label:before{
  background:url(/~/media/Images/Icons/check_radio_sheet.ashx)-57px top no-repeat;
}
input[type="checkbox"]:focus{
  outline:0;
}

th[align=right] {
    text-align: right;
}
th[align=center] {
    text-align: center;
}

/* Print Styles */
@media print {
    h1, h2, h3                         {margin-top: 5px; margin-bottom: 10px;}
    .navbar                            {display:none !important;}
    .container-header                  {display:none !important;}
    .container.marketing               {display:none !important;}
    .breadcrumb                        {display:none !important;}
    .inner-page .inner-page-content    {width:100% !important;}
    .sidebar-wrap                      {display:none !important;}
    .FooterContainer                   {display:none !important;}
    .divGrid                           {border:none !important;}
    table.datagrid thead               {border-bottom:1px solid darkgray !important;}
    table.datagrid .pagerrow           {display:none !important;}
}

@page {
    size: letter landscape;
    margin: 0.5cm;
}

/* Application Level Styles */
.green                                 {color:#009000;}
.red                                   {color:#900000;}
.blue                                  {color:#000090;}
.grey                                  {color:#AAAAAA;}
.bold                                  {font-weight:bold;}

.rightalign                            {text-align: right;}
.centeralign                           {text-align: center;}

.atmfinal                              {color:#009000;}
.atmunsaved                            {color:#900000;}
.atmsaved                              {color:#000090;}
.atminactive                           {color:#b7b7b7;}

.divFeatureBox                         {overflow: auto; border: 1px solid #bbbbbb; border-radius: 4px; background-color: #FFFAF0; padding: 0 5px 5px 5px; margin-top: 15px;}
.divFeatureBox h3                      {margin-top: 15px;}

.divAnnouceBox                         {overflow: auto; border: 1px solid #bbbbbb; border-radius: 4px; background-color: #FFFAF0; margin-top: 15px;}
.divAnnouceBox h3.box-title            {margin: 10px; line-height: 1.2em;}
.divAnnouceBox .box-toggle             {float: right; margin: 10px; line-height: 1.6em; font-size: 12px;}
.divAnnouceBox .box-body               {margin: 0 10px 10px 10px;}

.divGrid                               {overflow:auto; min-height:100px; border:1px solid #bbbbbb; border-radius:4px; background-color:#efefef; padding:1px;}
.divGrid table.datagrid                {width:100%; background-color:#ffffff; border-color:#ffffff; border-width:1px; border-style:none; border-collapse:separate; border-spacing:1px;}
.divGrid table.datagrid tr             {color:#000000; background-color:#f5f5f5; height:2.2em;}
.divGrid table.datagrid tr.shortrow    {height:2.0em;}
.divGrid table.datagrid tr td,th       {padding:5px 10px; line-height:1.0em;}
.divGrid table.datagrid tr td          {vertical-align:middle;}
.divGrid table.datagrid tr td table    {background-color:Transparent;}
.divGrid table.datagrid tr td table tr {background-color:Transparent; height:auto;}
.divGrid table.datagrid th             {background-color:#e5e5e5; font-weight:700;}
.divGrid table.datagrid caption        {display:table-caption; text-align:left; caption-side:top; margin:1px 1px 0 1px; padding:2px 4px; background-color:#ACACAC; color:#ffffff; border-radius:2px;}
.divGrid table.datagrid .grouphead     {background-color:#e5e5e5; font-weight:700;}
.divGrid table.datagrid .compactrow    {padding:0 10px;}
.divGrid table.datagrid .smallfont     {font-size:11px;}
.divGrid table.datagrid .altrow        {background-color: #ffffff;}
.divGrid table.datagrid .selectedrow   {background-color: #A7B5CF; color:#ffffff;}
.divGrid table.datagrid .selectedrow a {color:#2056CB;}
.divGrid table.datagrid .totalrow td   {font-weight:700 !important; border-top:1px solid #bbbbbb;}
.divGrid table.datagrid .nowrap        {white-space: nowrap; text-wrap:avoid;}
.divGrid table.datagrid .forcewrap     {-ms-word-break: break-all; word-break: break-all; word-break: break-word;}
.divGrid table.datagrid .actionscol    {white-space: nowrap; text-wrap:avoid;}
.divGrid table.datagrid tr td .datavalue  {font-weight:700;}
.divGrid table.datagrid .grouphead input[type="image"] {height:12px; width:12px;}

.divGrid table.datagrid .NoItems img   {vertical-align: top; padding-top: 5px;}

span.tablecellwrap                     {display:table-cell;}
span.tablecellnowrap                   {display:table-cell; white-space: nowrap; text-wrap:avoid;}
