body, p, table, td, ul, ol, blockquote {
    font-family: Arial, Helvetica, sans-serif;
}

body {
	 background-color: #ffffff;
}

.site-header {border-bottom: 3px solid #333333;}

    .site-header .appAcronym {
        font-family: 'PT Sans', sans-serif;
        font-size: 5rem;
        font-weight: 700;
        text-align: center;
        color: #CC9900;
        text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
        text-transform: uppercase;
        line-height: 1.2;
    }
    .site-header .appTitle {
        font-family: 'PT Sans', sans-serif;
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        color: #666666;
        line-height: 1 !important;
        margin-bottom: 0.7rem !important;
    }

    .site-header img {
        padding-top: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

.content-main {padding-left: 0.5rem !important;;padding-right: 12px;}

footer {background: #333333; padding: 18px 0 18px 0; margin-top: 24px;}
footer  {
    color: #f7f1fd;
}

footer a {
        color: #2b669a;
}

footer a:hover,
footer a:focus {
  color: #44a4f8;
}

/************************************************************************************
Page header 
*************************************************************************************/
.header-page {
    text-align: center !important;
    background-color: #CC9900;
    background-color: rgba(204,153,0, 0.2);
    background-clip: padding-box; /* this has been added */
    border-radius: 3px;
    border-bottom: 3px solid #CC9900;
    font-size: 2rem;
    margin-top: 0.5rem !important;
    margin-bottom: 0.7rem !important;
}

    .header-page h1, .header-page .col h1 {
        /*font-weight: bold;*/
        /*font-size: 16px;*/
        color: #000000;
        text-align: center !important;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        font-size: 2rem;
    }


/************************************************************************************
Form Elements
*************************************************************************************/


.form-border {
    border: 1px solid #CCCCCC;
    margin: 6px auto 6px auto;
    padding: 12px 12px 12px 12px;
}
input.required, .form-group input.required {
    border: 1px solid #ff0000;
}

.form-group select.required { 
    border: 1px solid #ff0000 ;
}

.form-group textarea.required { 
    border: 1px solid #ff0000 ;
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}  

/************************************************************************************
Grid Elements
*************************************************************************************/

td.total-footer {
    font-weight: 700;
    border-top: 2px solid #666666 !important;
    border-bottom: 2px solid #666666;
}

td.bold-border-frame {
    border-top: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

/************************************************************************************
alerts for Grids
*************************************************************************************/
.grid-view-style

.grid-view-style .edit-highlight, .grid-view-style .edit-highlight {
    background-color: #fff3cd !important;
}


/************************************************************************************
Page Elements
*************************************************************************************/
.right-sidebar {
    border-left: 3px solid #CC9900;
}