/*************************/
/* TABLE OF CONTENTS     */
/* >>BASE STRUCTURE      */
/* >>MENU                */
/* >>NAVBAR              */
/* >>PANEL               */
/* >>INPUT >>FORM        */
/* >>TABLE               */
/* >>BREADCRUMB          */
/* >>UTILITY             */
/* >>3RD PARTY           */
/* >>SM & UP             */
/*************************/

/*************************/
/* >>BASE STRUCTURE      */
/*************************/
body {
   background-color: #fff;
}
#page {
   background-color: #fff;
}
#footer {
   background-color: #f0f0f0;
   background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E3E3E3 100%);
   background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E3E3E3 100%);
   background-image: -o-linear-gradient(top, #F3F3F3 0%, #E3E3E3 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #E3E3E3));
   background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E3E3E3 100%);
   background-image: linear-gradient(to bottom, #F3F3F3 0%, #E3E3E3 100%);
   border-top: 2px solid #DCDCDC;
   color: #333;
   font-size: 0.8em;
   text-align: center;
}
a, .btn-link  {
   text-decoration: underline;
}
a.btn {
   text-decoration: none;
}

/*************************/
/* >>MENU                */
/*************************/
#menu {
   background-color: #f8f8f8;
}
#menu a {
   text-decoration: none;
}
.list-group-item {
   background-color: transparent;
   border-color: #e7e7e7;
   font-size: 1.1em;
}
a.list-group-item {
   color: #236aaf;
}
.list-group-item.active {
   background-color: #fff;
   border-color: #e7e7e7;
   color: #f47d1f;
   font-weight: bold;
}
.list-group-item.active:focus, .list-group-item.active:hover, a.list-group-item:focus, a.list-group-item:hover {
   background-color: #fd9213;
   border-color: #e7e7e7;
   color: #fff;
}
#mobileMenuLogo {
   background: url(../img/Click2Gov.svg) #f0f0f0 no-repeat 57px 0px;
   background-size: 160px 46px;
   height: 50px;
}

/*************************/
/* >>LANDING             */
/*************************/
.landingPageText {
   color: #095a98;
   font: 1.5em Arial;
   line-height: 1.4;
}

/*************************/
/* >>NAVBAR              */
/*************************/
.navbar {
  background: none #236aaf no-repeat;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #f47d1f;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
   color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
   background-color: #fff;
}
.navbar-default .navbar-toggle {
   border-width: 0;
}
#c2g-navbar a {
   text-decoration: none;
}

/*************************/
/* >>PANEL               */
/*************************/
#contentPanel {
   background-color: #f6f6f7;
   border: 1px solid #bdb9b9;
}
.panel-primary > .panel-heading{
   background-color: #f47d1f;
   border-color: #f47d1f;
   color: white;
}
.panel-footer {
   background-color: #e6e6e7;
   border: 1px solid #bdb9b9;
   border-radius: 0px;
}

/*************************/
/* >>INPUT >>FORM        */
/*************************/
.btn-default {
   background-color: #dd792c;
   background-image: -ms-linear-gradient(top, #F79E58 0%, #C75B07 100%);
   background-image: -moz-linear-gradient(top, #F79E58 0%, #C75B07 100%);
   background-image: -o-linear-gradient(top, #F79E58 0%, #C75B07 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F79E58), color-stop(1, #C75B07));
   background-image: -webkit-linear-gradient(top, #F79E58 0%, #C75B07 100%); 
   background-image: linear-gradient(to bottom, #F79E58 0%, #C75B07 100%);
   border-color: #c45c09;
   color: #fff;
}
.btn-default:hover, .btn-default:focus {
   background-color: #f4b17c;
   background-image: -ms-linear-gradient(top, #F7C49B 0%, #EC8636 100%);
   background-image: -moz-linear-gradient(top, #F7C49B 0%, #EC8636 100%);
   background-image: -o-linear-gradient(top, #F7C49B 0%, #EC8636 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7C49B), color-stop(1, #EC8636));
   background-image: -webkit-linear-gradient(top, #F7C49B 0%, #EC8636 100%); 
   background-image: linear-gradient(to bottom, #F7C49B 0%, #EC8636 100%);
   border-color: #c45c09;
   color: #fff;
}
.btn-default:active
{
   background-color: #b34c13;
   background-image: -ms-linear-gradient(top, #F38129 0%, #882904 100%);
   background-image: -moz-linear-gradient(top, #F38129 0%, #882904 100%);
   background-image: -o-linear-gradient(top, #F38129 0%, #882904 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F38129), color-stop(1, #882904));
   background-image: -webkit-linear-gradient(top, #F38129 0%, #882904 100%); 
   background-image: linear-gradient(to bottom, #F38129 0%, #882904 100%);
   border-color: #c45c09;
   color: #fff;
}
.btn-default[disabled], .btn.disabled {
   background-color: #f5f5f5;
   background-image: -ms-linear-gradient(top, #FAFAFA 0%, #EEE 100%);
   background-image: -moz-linear-gradient(top, #FAFAFA 0%, #EEE 100%);
   background-image: -o-linear-gradient(top, #FAFAFA 0%, #EEE 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #EEE));
   background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #EEE 100%); 
   background-image: linear-gradient(to bottom, #FAFAFA 0%, #EEE 100%);
   border-color: #ccc;
   color: #ccc;
   cursor: default;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
   opacity: 1;
}

/*************************/
/* >>TABLE               */
/*************************/
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  background-color: transparent;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  color: #236aaf;
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
.table-bordered,
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border-color: #bdb9b9;
}
thead, tfoot {
   background-color: #dedede;
}
.table-striped>tbody>tr.odd {
   background-color: #fff;
}
.table-striped>tbody>tr.even {
   background-color: #dff1fa;
}
tr.child {
   background-color: #fff;
}
.pager li>a, .pager li>span {
   text-decoration: none;
}

/*************************/
/* >>BREADCRUMB          */
/*************************/
.breadcrumb>.active {
   font-weight: bold;
}

/*************************/
/* >>UTILITY             */
/*************************/
.text-danger { color: red; }
.emphasis { font-weight: bold; }
.cursor-pointer { cursor: pointer; }

/*************************/
/* >>3RD PARTY           */
/*************************/
.datepicker thead {
   background-color: transparent;
}

/*************************/
/* >>SM & UP             */
/*************************/
@media (min-width: 768px) {
   /* >>BASE STRUCTURE      */
   body {
      background-color: #c5c5c6;
   }
   #page {
      box-shadow: 0 0px 30px 8px rgba(0,0,0,0.8);
   }
   #footer {
      font-size: 0.9em;
   }
   
   /* >>MENU                */
   #menu {
      background-color: #0088ce;
   }
   .list-group-item {
      border-color: #4aa1ce;
      font-size: 1.2em;
   }
   a.list-group-item {
      color: #fff;
   }
   .list-group-item.active:focus, .list-group-item.active:hover, a.list-group-item:focus, a.list-group-item:hover {
      border-color: #337ab7;
   }

   /* >>NAVBAR              */
   .navbar {
      background: url(../img/NavBarBG_1x100.png) transparent repeat-x;
   }
   .navbar-logo {
      background: url(../img/NavBarLogo.svg) transparent no-repeat 15px 15px;
      background-size: 454px 42px
   }
   
   div.alt-logon > label, div.alt-logon > span {
      text-align: center;
   }
   
   div.alt-logon > span > label {
      padding: 10px;
   }
   
   div.alt-logon > span > label > * {
      vertical-align: middle;
   }
   
   div.alt-logon > span > label > input {
      margin: 10px;
   }
}