/* Color Schemes */
/* Orange		: #F6A828 */
/* Light Orange	: #FFD591 */

/* CSS Reset */
		
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    font-size: 100%;
	vertical-align: baseline;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		 -o-text-size-adjust: 100%;
			text-size-adjust: 100%;
}



/* Page Styles */
body {
	font-family: Helvetica, Tahoma;
	font-size: 15px !important;
	color: #000;
	background-color: #f1f1f1;
}

/* JQuery UI - Datepicker resize */
div.ui-datepicker {
	font-size: 18px;
}

#data_form {
	position: relative;
}

.clearStyle {
	margin: 0;
    float: none;
    position: absolute;
    right: 20px;
    top: 12px;
    padding: 8px 14px;
    color: #fff;
    background-color: #1aa4d8;
    border: none;
    outline: none;
    font-size: 1em;
    cursor: pointer;
    -webkit-appearance: none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;

 }
 @font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	/* url('fonts/fontawesome-webfont.woff2') format('woff2'),*/ /* Super Modern Browsers */
	/* url('fonts/fontawesome-webfont.woff') format('woff'),*/ /* Pretty Modern Browsers */
	 url('fonts/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); /* Legacy iOS */
}

html {
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	 -o-text-size-adjust: 100%;
		text-size-adjust: 100%;
}
body { background-color: #f1f1f1; color: #2f66ab; }


.infoMessage { width: 732px; min-width: 732px; border-left: 4px solid #616060; background-color: #fff; color: #616060; line-height: 1.6em; padding: 15px 16px; margin-bottom: 20px; }
.infoMessage .infoHeader { font-weight: bold; }
.infoMessage > span { display: block; }
.infoMessage > span:last-of-type { margin-top: .5em; }

.errorMessage { width: 732px; min-width: 732px; border-left: 4px solid #ff0000; background-color: #fff; color: #616060; line-height: 1.6em; padding: 15px 16px; margin-bottom: 20px; }
.errorMessage .infoHeader { font-weight: bold; margin-top: 10px; }
.errorMessage .infoHeader:first-of-type { font-weight: bold; margin-top: 0; }
.errorMessage > span { display: block; }
.errorMessage ol { list-style-type: decimal; list-style-position: inside; margin-top: 10px; }
.errorMessage span a { color: #ff0000; text-decoration: none; outline: none; }
.errorMessage span a:hover { text-decoration: underline; }

.content-container.first-container { margin-top: 70px; }
.content-container { background-color: #fff; padding: 20px; margin: 0 auto; margin-bottom: 20px; max-width: 1200px; border-radius: 5px; }
.content-container label { display: block; color: #2f66ab; font-weight: initial; margin-bottom: 2px; }
.content-container .form-control { background-color: rgba(251, 251, 251, 0.5019607843137255); }
.content-container h1 { font-size: 20px; font-weight: bold; color: #2f66ab; }
.content-container h2 { font-size: 18px; font-weight: bold; color: #2f66ab; }
.content-container h3 { font-size: 16px; font-weight: bold; color: #2f66ab; }
.error-message {
    color: red;
    padding: 5px 0;
    line-height: 1.6em;
    font-style: italic;
}
.content-container .hidden-error { display: none; }
.content-container .form-control { font-size: 15px; }

.content-container .table th { font-weight: bold; font-size: 15px; }
.content-container .table td .inline-link { color: #0000cc; cursor:pointer; text-align: right; font-size :15px; }
.content-container .table td a.inline-link { text-decoration: none; }
.content-container .table .numeric-tab { text-align: right; }
.content-container .table tr:nth-child(even) { background-color: rgba(26, 164, 216, 0.050980392156862744); }
.content-container .table tr:nth-child(odd) { background-color: white; }
.content-container .table tr:last-of-type { border-bottom: 1px solid lightgrey; }



.newSection { width: 768px; min-width: 768px; background-color: #fff; margin-top: 20px; padding-bottom: 20px; }
.newSection label { display: inline-block; width: 728px; min-width: 728px; color: #616060; margin: 8px 20px 0 20px; }
.newSection label.labelHeading { font-weight: bold; margin-bottom: 10px; margin-top: 20px; }
label span.spanLabel { display: inline-block; width: 190px; margin-top: 10px; }
.newSection p { display: block; width: 728px; min-width: 728px; color: #616060; margin: 0 20px; line-height: 1.4em; padding: 10px 0; border-bottom: 1px solid #f1f1f1; }
.newSection p:last-of-type { border-bottom: none; }
.newSection p > span { display: inline-block; word-wrap: break-word; }
.newSection p > span.infoText { width: 100%; }
.newSection p.infoText { border-bottom: none; }


.content-container .custom-btn { float: right; color: #fff; background-color: #0e86d0; margin-left: 10px; font-size: 15px; }
.content-container .custom-btn:hover { background-color: #1aa4d8; color: #fff; }
.content-container .custom-btn:focus { color: #fff; background-color: #1aa4d8; }
.content-container .custom-btn.create_button { display: block; }
.content-container .custom-btn.update_button { display: none; }


.header .custom-btn { float: right; color: #fff; background-color: #0e86d0; margin-left: 10px; margin: 8px 10px; }
.header .custom-btn:hover { background-color: #1aa4d8; color: #fff; }
.header .customBtnInLine { float: none; margin: 0; margin-left: 32px; padding: 2px 8px; vertical-align: top; }
.content-container .customBtnNextToInput { width: 82px; margin: 0; margin-top: 5px; padding: 5px 13.5px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
	 -o-border-radius: 0;
		border-radius: 0;
-webkit-border-top-right-radius: 3px;
   -moz-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
	 -o-border-top-right-radius: 3px;
		border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
	 -o-border-bottom-right-radius: 3px;
		border-bottom-right-radius: 3px;
}
.content-container .customBtnNextToSelect { width: 82px; margin: 0; margin-top: 5px; padding: 5.8px 14.5px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
	 -o-border-radius: 0;
		border-radius: 0;
-webkit-border-top-right-radius: 3px;
   -moz-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
	 -o-border-top-right-radius: 3px;
		border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
	 -o-border-bottom-right-radius: 3px;
		border-bottom-right-radius: 3px;
}
.textarea1 { width: 538px; min-width: 538px; resize: none; margin-top: 5px; padding: 3px; font-size: 1.1em; font-family: inherit; border: 1px solid lightGrey; vertical-align: top;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
	 -o-box-sizing: border-box;
		box-sizing: border-box;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
	 -o-border-radius: 0;
		border-radius: 0;
}

.programLinkDiv { display: block; font-size: 1.2em; width: 100%; margin-left: 20px; }
.programLinkDiv span { color: #616060; }
.programLinkDiv i { display: inline-block; color: #ff0000; margin-right: 10px; cursor: pointer; vertical-align: top; margin-top: 5px; font-size: .9em; }
.programLinkDiv a { display: inline-block; width: 80%; text-decoration: none; color: #616060; padding: 5px 0; }
.programLinkDiv a:hover { text-decoration: underline; }
span.infoText { display: block; color: #616060; margin-left: 20px; }

.navigationDiv { width: 768px; min-width: 768px; text-align: center; margin-top: 10px; }
.navigationDiv a { text-decoration: none; color: #616060; }

.clear-fix { clear: both; }
.clear-fix-forMobile { display: inline-block; }
.header { text-align: center; width: 100%; background-color: white; height: 50px; line-height: 50px; position: fixed; color: white; font-size: 15px; font-weight: bold; z-index: 2; top: 0; box-shadow: 0px 2px rgba(148, 146, 146, 0.07058823529411765); }
.header a { text-decoration: none; color: white; }
.header1 { text-align: center; width: 100%; background-color: white; line-height: 25px; color: #1aa4d8; font-size: 15px; }
.header1 a { text-decoration: none; color: #1aa4d8; }
.tab { text-align: center; display: inline-block; font-size: 13px; padding: 0px 5px; }
.name { display: inline-block; width: 50%; text-align: left; padding-left: 20px; margin: 0; float: left; color: #0e86d0; }
.user { font-weight: initial; }
.textarea { width: 583px; min-width: 583px; resize: none; margin-top: 5px; padding: 3px; font-size: 1.1em; font-family: inherit; border: 1px solid lightGrey; vertical-align: top;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
	 -o-box-sizing: border-box;
		box-sizing: border-box;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
	 -o-border-radius: 0;
		border-radius: 0;
}
::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fff; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-thumb { background-color: #aaa; }


.content-container .modal_outer { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); top: 0; left: 0; z-index: 9999; }
.content-container .modal_outer .modal_inner { display: block; position: relative; width: 598px; min-height: 200px; background-color: white; border-radius: 5px; border: 1px solid lightgrey; color: #616060; margin: 110px auto; box-shadow: 0 5px 15px rgba(0,0,0,.5); }
.content-container .modal_outer .modal_inner .modal_header { font-weight: bold; border-bottom: 1px solid lightgrey; width: 558px; display: block; padding: 10px 20px; }
.content-container .modal_outer .modal_inner .modal_header .closeBtn { float: right; cursor: pointer; color: #8c8c8c; }
.content-container .modal_outer .modal_inner .modal_footer { border-top: 1px solid lightgrey; width: 558px; display: block; padding: 10px 20px; }
.content-container .modal_outer .modal_inner .modal_footer .customBtn { margin: 0; padding: 10px; margin-left: 10px; }
.content-container .modal_outer .modal_inner .modal_body { display: block; width: 558px; padding: 20px; padding-bottom: 77px; }
.content-container .modal_outer .modal_inner .modal_body .input { height: 20px; width: 364px; line-height: 20px; }
.content-container .modal_outer .modal_inner .modal_body .input_label { height: 40px; display: block; }

/* Auto Complete Styles */
.content-container .form-control.auto-complete { 
    display: inline-block;
    width: calc(100% - 45px);
    margin: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.content-container .custom-btn.clear_autocomplete { 
    width: 45px;
    display: inline-block;
    float: none;
    margin: 0;
    height: 35px;
    border: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
/* Auto Complete Styles End */

/*AutoComplete layout */
        
.autocomplete
{
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    border: 1px solid lightgrey;
    cursor: pointer;
    overflow: auto;
    text-align: left;
    list-style-type: none;
}

.autocomplete_option {
    border-bottom: 1px solid lightgrey;
    padding: 5px;
}

.autocomplete_option_hover {
    background-color: #f3f3f3;
    border-bottom: 1px solid lightgrey;
    padding: 5px;
}
/*AutoComplete layout End */

.operation-message { 
    display: none; 
    color: #ffb490;
}

/* Print Styles */
@media print {

    .content-container {
        margin: 0 !important;
    }

    .no_print {
        display: none !important;
    }

    #ContentContianer {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .FormContainer {
        margin: 0px !important;
        width: 100% !important;
    }

    .FormContainer table {
        width: auto !important;
    }

    .FormContainer .table-responsive {
        overflow: initial !important;
    }

    .FormContainer .FormFrameContainer {
        padding: 0px !important;
    }

    .FormContainer table {
        object-fit: cover !important;
    }


    .FormContainer .FormInnerContainer {
        background-color: white !important;
    }

}

.modalBackground {
    background-color: rgba(0, 0, 0, .5);
}

.modalPopup { 
    background-color: white;
    border-radius: 5px;
}

.modal-container {
    display: block;
    min-width: 728px;
    max-width: 768px;
    min-height: 200px;
}

.modal-container .modal-heading {
    display: block; 
    width: 728px;
    border-bottom: 1px solid lightgrey;
    font-weight: bold;  
    padding: 10px 10px;
    text-align: left;
}

.modal-heading .modal-close-btn {
    float: right; 
    cursor: pointer; 
    color: #8c8c8c;
    background: none;
    border: none;
}

.modal-container .modal-body {
    display: block;
    min-height: 95px;
    border-bottom: none;
    font-weight: normal;
    padding: 10px 10px;
    text-align: left;
}

.modal-container .modal-body table.data_table tr:hover td {
    background-color: #b8dcf2;
    cursor: pointer;
}

.pager_table:hover td {
    background-color: white !important;
    cursor: initial;
}

.modal-container .modal-footer {
    display: block;
    width: 728px;
    border-top: 1px solid lightgrey;
    font-weight: normal;
    padding: 10px 10px;
    text-align: left;
}
.pager_table table {
    width: 100%;
    text-align: center;

}
.pager_table table tr {
    border: none;
    background-color: white !important;
}
       
.pager_table table tr td a {
    background-color: #0e86d0;
    color: white;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    text-decoration: none;
}

.pager_table table tr td span {
    background-color: white;
    color: #0e86d0;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    border: 1px solid #0e86d0;
}

.form-group {
    padding: 0 15px;
}