/*************************/
/* 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: #ebeaea;
}
#menu a {
   text-decoration: none;
}
.list-group-item {
   background-color: transparent;
   border-color: #e7e7e7;
   color: #000000;
   font-size: 1.1em;
}
.list-group-item.active {
   background-color: #fff;
   border-color: #e7e7e7;
   color: #f4490c;
   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: #f4490c;
   border-color: #e7e7e7;
   color: #fff;
}
#mobileMenuLogo {
   background: url(../img/CentralSquare-banner-logo.png) #370761 no-repeat 20px 5px;
   background-size: 85%;
   height: 50px;
}

/*************************/
/* >>LANDING             */
/*************************/
.landingPageText {
   color: #000000;
   font: 1.5em Arial;
   line-height: 1.4;
}

/*************************/
/* >>NAVBAR              */
/*************************/
.navbar {
  background: none #370761 no-repeat;
}
.navbar-dark .navbar-toggler {
    border-color: rgba(255,255,255,.7);
}

/*************************/
/* >>BANNER              */
/*************************/
#c2g-navbar a {
   text-decoration: none;
}

/*************************/
/* >>PANEL               */
/*************************/
#contentPanel {
   background-color: #f6f6f7;
   border: 1px solid #bdb9b9;
}
.card-header {
   background-color: #f4490c;
   border-color: #f4490c;
   color: #ffffff;
}
.card-header.sub-header {
   background-color: #e6e6e7;
   border: 1px solid #bdb9b9;
   color: #212529;
}

/*************************/
/* >>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: #f4490c;
   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;
}
.custom-file-label::after {
   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%);
   color: #ffffff;
}

.col-readonly-form-label{
	padding-top: calc(.375rem + 1px);
   padding-bottom: calc(.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5;
   text-align: right;
}
.col-readonly-form-data{
	padding-top: calc(.375rem + 1px);
   padding-bottom: calc(.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5;
}

/*************************/
/* >>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 {

}
tr.child {
   background-color: #fff;
}
.pager li>a, .pager li>span {
   text-decoration: none;
}

/*************************/
/* >>BREADCRUMB          */
/*************************/
.breadcrumb>.active {
   font-weight: bold;
}

/*************************/
/* >>UTILITY             */
/*************************/
.text-danger {
    color: #D02536 !important;
}
.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: #ebeaea;
   }
   .list-group-item {
      border-color: #370761;
      font-size: 1.2em;
   }
   .list-group-item.active:focus, .list-group-item.active:hover, a.list-group-item:focus, a.list-group-item:hover {
      border-color: #370761;
   }

   /* >>NAVBAR              */
   .navbar {
   }
   .navbar-logo {
      background: url(../img/CentralSquare-banner-logo.png) transparent no-repeat 15px 15px;
      background-size: 300px 50px;
   }
   
   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;
   }
   

/* Shared */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}
}
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
   .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}







.navbar-dark .navbar-toggler-icon
{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}