body{color:#313030; font-size:13px; line-height:20px;}
a{color:#fff !important;}

/*** --- The classes below are for the login page --- ***/
	/* Login Page Background.*/
	.LoginBackground {
    	background-color: #FFF;
	}

	/*Portal Welcome Text.*/
	.PortalWelcome {
    	color: #FFF;
    	font-family: inherit;
    	font-size: 14px;
	}

	/* Rescheduling text */
	.Rescheduling {
    	color: #78588e;
    	font-family: 'Global Monospace';
    	font-size: small;
}



/*** --- The classes below are for the top bar --- ***/
	/* Top bar container */
	.navbar_navvy {
    background: rgb(233, 182, 45);
}

#main-navbar .nav > li > a:hover, #main-navbar .nav > li > a:focus{background-color:#e9e7e8;}

.shadow-navvy{box-shadow:none;}

	/* Top bar Header Text */
	.LayoutHeader {
    	color: #fff;
	}
	
	/* User Profile dropdown from top bar */
    .loginpopup {
    	box-shadow: 2px 2px #e3e3e3;
    	border-radius: 4px;
    	background-color: #EDFAFF;
    	border: none !important;
		color:#333333;
    	border-left: 1px solid #e0e0e0;
	}
	
	

/*** --- The classes below are for the left menu --- ***/
	/* Left sidebar menu */
	.LeftMenu {
    	color: #FFF;
    	background-color: #1a1a1a;
    	font-family: inherit;
    	font-size: 14px;
	}
    	.LeftMenu:hover {
        	color: #FFF;
        	background-color: #1a1a1a;
    	}

	/* Second level sidebar menu */
	.LeftSubMenu {
    	color: #000;
    	background-color: #eee !important;
    	font-family: inherit;
    	font-size: 14px;
	}
	

    	.LeftSubMenu:hover {
        	color: #000;
        	background-color: rgb(233, 182, 45) !important ;
    	}
		
		#sidebar-wrapper{background:#00794a;}
		.sidebar-nav li::before{background-color:rgb(233, 182, 45) !important;}
		.sidebar-nav > li > a{color:#fff !important;}
		.sidebar-nav li:hover a, .sidebar-nav li:active a, .sidebar-nav li:focus a, .sidebar-nav li.open:hover a, .sidebar-nav li.open:active a, .sidebar-nav li.open:focus a{color:#000 !important;}
	.LeftSubMenu a{color: #000 !important;}


/*** --- The classes below are for Page and Content Layout --- ***/
	/* Icons */
	.PortalIcon {
    	display: inline-block;
    	font-family: FontAwesome;
    	font-feature-settings: normal;
    	font-kerning: auto;
    	font-language-override: normal;
    	font-size: inherit;
    	font-size-adjust: none;
    	font-stretch: normal;
    	font-style: normal;
    	font-synthesis: weight style;
    	font-variant: normal;
    	font-weight: normal;
    	line-height: 1;
    	text-rendering: auto;
	}

	/* Background Layout */
	.layoutbackground {
		background-color: #FFF;
	}

	/* Page Title header */
	.MainHeader {
 		background: #FFFFFF;
    	border-radius: 0 !important;
    	border-bottom-color: #dddddd;
    	color: #222222;
    	position: relative;
	}

	/* Page area titles */
	.Element {
    	background: #1ba1e2 none repeat scroll 0 0;
   		border-radius: 4px;
    	color: #fff;
    	padding: 5px;
	}

	/* Text Labels */
	.PortalLabel {
    	color: #000;
    	font-weight: bold;
    	font-family: inherit;
    	font-size: 14px;
	}

	/* Span */
	.PortalSpan {
    	color: #000;
    	font-family: inherit;
    	font-size: 14px;
	}

    /* Text area fields */
    .PortalTextArea {
    	font-size: small;
    	font-family: inherit;
    	border-color: #8d239a;
    	border-radius: 4px;
	}
    	.PortalTextArea:focus {
        	font-size: small;
        	font-family: 'Bookman Old Style';
        	border-color: yellow;
        	border-radius: 4px;
    	}
	    .PortalTextArea:active {
    	    border-color: #31d419;
    	}
    
	/* Dropdowns selectors in portal menu. */
	.PortalSelect {
    	background-color: #ffffff;
    	background-image: none;
    	border: 1px solid #428bca;
    	border-radius: 4px;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    	color: #555555;
    	display: block;
    	font-size: 14px;
    	height: 34px;
    	line-height: 1.42857;
    	padding: 6px 12px;
    	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    	vertical-align: middle;
    	width: 100%;
	}
		.PortalSelect:focus {
    		border-color: #66afe9;
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    		outline: 0 none;
    	}
    	.PortalSelect:active {
      		border-color: #66afe9;
        	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        	outline: 0 none;
    	}
	
	/*for Textboxes. */
	.PortalTextBox {
    	background-color: #ffffff;
    	background-image: none;
    	border: 1px solid #428bca;
    	border-radius: 4px;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    	color: #555555;
    	display: block;
    	font-size: 14px;
    	height: 34px;
    	line-height: 1.42857;
    	padding: 6px 12px;
    	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    	vertical-align: middle;
    	width: 100%;
	}
   		.PortalTextBox:focus {
        border-color: #66afe9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }
		.PortalTextBox:active {
        border-color: #66afe9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

	/* Checkboxes */
	.PortalCheckbox {
    font-size: small;
    font-family: 'Bookman Old Style';
    border-color: #8d239a;
    border-radius: 4px;
    border: 1px solid;
}
	    .PortalCheckbox:focus {
        font-size: small;
        font-family: 'Bookman Old Style';
        border-color: yellow;
        border-radius: 4px;
        border: 1px solid yellow;
    }
	    .PortalCheckbox:active {
        border-color: #31d419;
        border: 1px solid;
    }

	/*for search pannel. */
	.PortalSearchPanel {
 		border: 1px solid #e5e5e5;
    	border-radius: 4px;
    	margin-bottom: 2px;
    	background:#fff;
    	color:#000;
	}
		.PortalSubSearchPanel {
		    border: 1px solid #e5e5e5;
    		border-radius: 4px;
    		margin-bottom: 2px;
    		background:#fff;
    		color:#000;
		}



/*** --- The classes below are for the tables in the Portal application --- ***/
	/* Table General */
	.PortalTable {
    font-size: small;
    font-family: 'Browallia New';
    border: 1px solid;
    background-color: #272398;
    color: floralwhite;
}

	/* Table headers */
	.tableHeader {
	   /* border-color: #46b8da;
	    color: #ffffff;*/
	}
	
	/* Table column */
	.tableColumn {
	    /*color: #ffffff;
	    border: 1px solid #cdcdcd;*/
	}

	/* Table row(1,3,5,...) */
	.tableRow:nth-child(2n+1) {
	    border-bottom:1px solid #cdcdcd;
	    background:rgb(245,245,245);
	}
	
	/* Table row(2,4,6,...) */
	.tableRow:nth-child(2n) {
    	border-bottom:1px solid #cdcdcd;
	    background:#FFFFFF;
	}

	/* When hovering over table row(1,3,5...) */
	.tableRow:nth-child(2n+1):hover {
	     background:#FFFFFF;
	}
	
	/*When hovering over table row(2,4,6,...)*/
	.tableRow:nth-child(2n):hover {
	     background:rgb(245,245,245);
	}

	/* Pagination */
	.dataTables_info {
    color: #000;
}
		/* Non-selected page buttons */
		.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #efefef;
    border-color: #dddddd;
    color: #999999;
    cursor: not-allowed;
}
		/* Selected page button */
		.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff !important;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}



/*** --- The classes below are for the buttons in the Portal Application --- ***/	
	/*Export CSS button. */
	.btnExport {
    	background-color: #5cb85c;
    	border-color: #4cae4c;
    	color: #ffffff;
	}
	    .btnExport:hover {
        	background-color: #47a447;
        	border-color: #398439;
        	color: #ffffff;
    	}
    	.btnExport:active {
        background-color: #47a447;
        border-color: #398439;
        color: #ffffff;
    }
    	
	/* Import CSS button. */
	.btnImport {
    background-color: #428bca;
    border-color: #357ebd;
    color: #ffffff;
}
	    .btnImport:hover {
        background-color: #3276b1;
        border-color: #285e8e;
        color: #ffffff;
    }
	    .btnImport:active {
        background-color: #3276b1;
        border-color: #285e8e;
        color: #ffffff;
    }

	/* Add Files button */
	.btnAdd {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}
	    .btnAdd:hover {
        background-color: #47a447;
        border-color: #398439;
        color: #ffffff;
    }
	    .btnAdd:active {
        background-color: #47a447;
        border-color: #398439;
        color: #ffffff;
    }

	/* Reset Search button */
	.btnReset {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}
	    .btnReset:hover {
        background-color: #47a447;
        border-color: #398439;
        color: #ffffff;
    }
	    .btnReset:active {
        background-color: #47a447;
        border-color: #398439;
        color: #ffffff;
    }

	/* Start Upload button */
	.btnStartUpload {
    background-color: #428bca;
    border-color: #357ebd;
    color: #ffffff;
}
    	.btnStartUpload:hover {
        background-color: #3276b1;
        border-color: #285e8e;
        color: #ffffff;
    }
    	.btnStartUpload:active {
        background-color: #3276b1;
        border-color: #285e8e;
        color: #ffffff;
    }

	/* Cancel Upload button */
	.btnCancelUpload {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #ffffff;
}
	    .btnCancelUpload:hover {
        background-color: #ed9c28;
        border-color: #d58512;
        color: #ffffff;
    }
	    .btnCancelUpload:active {
        background-color: #ed9c28;
        border-color: #d58512;
        color: #ffffff;
    }

	/* Save button */
	.btnSave {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #ffffff;
}
    	.btnSave:hover {
        background-color: #39b3d7;
        border-color: #269abc;
        color: #ffffff;
    }
    	.btnSave:active {
        background-color: #39b3d7;
        border-color: #269abc;
        color: #ffffff;
    }

	/* Cancel button */
	.btnCancel {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #ffffff;
}
	    .btnCancel:hover {
        background-color: #39b3d7;
        border-color: #269abc;
        color: #ffffff;
    }
	    .btnCancel:active {
        background-color: #39b3d7;
        border-color: #269abc;
        color: #ffffff;
    }	
	
	/* Edit button */
	.btnEdit {
    	background-color: #5cb85c;
    	border-color: #4cae4c;
    	color: #ffffff;
	}
    	.btnEdit:hover {
        	background-color: #47a447;
        	border-color: #398439;
        	color: #ffffff;
    	}
	
	/* Delete button.*/
	.btnDelete {
    	background-color: #d9534f;
    	border-color: #d43f3a;
    	color: #ffffff;
	}
    	.btnDelete:hover {
        	background-color: #d2322d;
        	border-color: #ac2925;
        	color: #ffffff;
    	}
	
	
	
/*** ??? NOT RELEVANT FOR PORTAL ??? ***/
	.TopMenu {
    text-decoration: none;
}
	.TopSubMenu {
    	background-clip: padding-box;
    	background-color: #ffffff;
    	border: 1px solid rgba(0, 0, 0, 0.15);
    	border-radius: 4px;
    	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    	display: none;
    	float: left;
    	font-size: 14px;
    	left: 0;
    	list-style: outside none none;
    	margin: 2px 0 0;
    	min-width: 160px;
    	padding: 5px 0;
    	position: absolute;
    	top: 100%;
    	z-index: 1000;
	}
    .TopSubMenu:hover {
    		border: 0 none;
    		color: #428bca;
    	}
    .SubMainHeader {
    color: #00ff21;
    background-color: AppWorkspace;
    font-family: 'Buxton Sketch';
    font-size: small;
}
	.SubMainMenu {
    color: #d91818;
    background-color: currentColor;
    font-family: Cooper;
    font-size: small;
}

.title{background:none; border:1px solid #cdcdcd; border-radius:0; color:#989898;}
.btn-info { background-color: #ffcc33; color: #000 !important; border:none;}