@media screen{
    html,body{
        height:100%;
    }
	body{
		padding:0;
		margin:0px;
        background-color: rgb(127,122,78);
        /*font-family: Arial, Helvetica, sans-serif;	
        font-family: "Open Sans",arial,x-locale-body,sans-serif;*/
        font-size: 12px;
        color: #000000;	
	}
	
    #banner{
        padding:10px;
        background-color:#00234c;
        color:#ddd2a3;
    }
    #banner h1{
        font-size:24px;
    }
    #banner h1 .small{
        color:white;
    }
    #zbanner{
        background-color: #ddd2a3; /*rgb(182,165,111);*/
        color:rgb(0,35,76);
		text-align:center;
        padding:5px;
        border-bottom:3px solid rgb(121, 102, 41);
        border-top-left-radius: 5px;
        border-top-right-radius:5px;
    }
    h1{
        margin-top:6px;
        margin-bottom:6px;
        line-height:0.8;
    }
    h1 .small{
        color:#222;
    }
    h3{
        color:#00234c;
    }
    #notFooter{
            min-height: 100%;
    }
    #pageBodyWrap{
        padding-top:15px;
    }
    #pageBody{
		background-color:white;
        min-height:500px;
        position:relative;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        margin-bottom: 70px;
    }

    #pageBody:before, #pageBody:after{
        content:"";
        position:absolute; 
        z-index:-1;
        box-shadow:0 0 20px rgba(0,0,0,0.8);
        top:10px;
        bottom:10px;
        left:0;
        right:0;
        border-radius:100px / 10px;
    } 
    #pageBody:after{
        right:10px; 
        left:auto; 
        transform:skew(8deg) rotate(3deg);
    }
    
    #copyright{
        text-align: center;
        color: white;
        padding: 10px;
        height: 50px;
        width: 100%;
        background-color: #00234c;
        margin-top: -50px;
    }
    
	#content{
        padding-bottom:50px;
        max-width:960px;
    }
	.titletext1 {
		font-size: 18px;
		font-weight: bold;
		color: #000066;
	}

	.titletext2 {
		font-size: 16px;
		font-weight: bold;
		color: #000066;
	}
}

@media (max-width: 600px) {
    #banner h1{
        font-size:4vw;
    }
}
@media (max-width: 450px) {
    body{
        background-color:white;
    }
    #pageBodyWrap{
        padding:0;
    }
    #pageBody, #pageBody:before, #pageBody:after{
        box-shadow: none;
    }
   
    h3{
        font-size:20px;
    }
}

@media print{
	body{
		padding:10px 0px 0px 0px;
		margin:0px;
		background-color:white
	}
	
    h1{
        font-size:24px;
    }
    h3,
    .btn:not(.force-print),
	.pageHeader,
	.copyright,
    .no-print,
    a::after{
		display:none;
    }
    
	.banner_v2{
		border-bottom:2px solid black;
	}
	
	.bannerHeading1_v2{
		font-size:24px;
	}
	
	.bannerHeading1_v2 em{
		font-size:1.2em;
		font-style:italic	
	}	
	
    #copyright{
        text-align: center;
    }
    
}

/* .input-sm */


.form-control{
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.form-group{
    margin-bottom:10px;
}
button, .btn{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-link{
    padding:0;
}

.panel-primary {
    border-color: #00234c;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #00234c;
    border-color: #00234c;
}
.panel-primary > .panel-heading .btn-link{
    color:white;
}
.panel-primary > .panel-heading .btn-link:hover{
    color:#ccc;
}

.text-primary{
    color: #00234C;
}
.btn-primary { 
  color: #FFFFFF; 
  background-color: #00234C; 
  border-color: #130269; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active{ 
  color: #FFFFFF; 
  background-color: #033F85; 
  border-color: #130269; 
  background-image: none;
} 
 

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 960px; /* or 950px */
}

.control-label.fix-long{
    padding-top:0;
}

legend, h2{
    /*
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 16px;
    padding-bottom: 3px;
    color:#682F00;
    */

    background-color:#222;
    color:white;
    padding:3px;
    font-size: 17px;
    letter-spacing:0.34px;
}

fieldset{
    padding-bottom:20px;
}

label{
    color:#00234c;
}

.list-row-item{
    padding:3px;
    border-radius:3px;
}


.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*fix body scroll issue when modal is open */
body.modal-open {
    overflow: hidden;
}

.label-as-badge {
    border-radius: 1em;
}

.admin-warning > i,
.admin-warning > div{
    display:inline-block;
    vertical-align:top;
}
.admin-warning > i{
    font-size:26px;
    padding-right:15px;
    padding-top:10px;
}

/*Responsive classes for text-align*/

.text-left-xs {text-align: left;}
.text-center-xs {text-align: center;}
.text-right-xs {text-align: right;}

@media (max-width: 767px) {
    .pull-right-xs{float:right!important};
}

@media (min-width: 768px) {
    .text-left-sm {text-align: left;}
    .text-center-sm {text-align: center;}
    .text-right-sm {text-align: right;}
    .pull-right-sm{float: right!important;}
}

@media (min-width: 992px) {
    .text-left-md {text-align: left;}
    .text-center-md {text-align: center;}
    .text-right-md {text-align: right;}
}

@media (min-width: 1200px) {
    .text-left-lg {text-align: left;}
    .text-center-lg {text-align: center;}
    .text-right-lg {text-align: right;}
}


    .b-gap{
        margin-bottom:15px !important;
    }
    

[data-checkbox]{
    font-size:18px;
}
.btn-link{
    padding-right:0px;
}

.p-btn{
    line-height:27px;
}
.p-btn .btn{
    padding-top:2px;
    padding-bottom:2px;
}

.child-divider{
    border-bottom: 2px solid #ddd;
    margin-bottom:10px;
}

.course-list-item{
    font-size:12px;
}
.course-list-item h4{
    color:black;
}
.course-body{

    /*margin-left:15px;*/
}
.course-dates{

    padding:15px 0 15px 0;
    color: #00234c;
    font-weight:bold;
}
.label-course {
    background-color: rgb(134, 109, 30);
    margin-top:10px;
    font-size:14px;
}
[data-course-selected]{
    font-size:14px;
    padding:6px 12px;
    display:none;
}

.name-control .form-control{
    width:49%;
    display:inline-block;
}

/*add clearfix to form-groups */
.form-group:after, .form-group:before{
    display: table;
    content: " ";
}
.form-group:after{
    clear:both;
}
/*
    use font-awesome for checkboxes in the following way:
    <div class="fa-checkboxes">
        <input id="" type="checkbox">
        <label for=""></label>
    </div>
*/

.fa-checkboxes{
    line-height: 1;
}
.fa-checkboxes input{
    opacity: 0;
    position: absolute;   
}

.fa-checkboxes label {
    display: inline-block;
    vertical-align: middle;
    font-weight:normal;
}

.fa-checkboxes input + label:before{
  font-family: FontAwesome;
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
  font-size:20px;
  vertical-align: middle;
  content: "\f096"; color:gray; /* unchecked icon */
  letter-spacing: 10px; /* space between checkbox and label */
}

.fa-checkboxes input:checked + label:before{
    content: "\f046"; color:black; /* checked icon */
    letter-spacing: 5px; /* allow space for check mark */
}

.fa-checkboxes input:focus + label:before{
    color:blue; /* unchecked with focus */
}

.fa-checkboxes input:hover + label:before{
    color:blue; /* unchecked icon */
    cursor:pointer;
}

.fa-checkboxes input:disabled + label:before{
    color:#aaaaaa; /* unchecked icon */
    cursor:default;
}

.list-group-header{
    padding:5px 15px;
    font-weight:bold;
    color:#00234c;
}

/* fix style of links in list (smaller widths)*/
.list-group-item .btn-link{
    text-align:left;
    white-space:normal;
}