@font-face
{
    font-family:'Glyphicons Halflings';
    src:url(../bootstrap-3.1.1-dist/fonts/glyphicons-halflings-regular.eot);
    src:url(../bootstrap-3.1.1-dist/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../bootstrap-3.1.1-dist/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../bootstrap-3.1.1-dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../bootstrap-3.1.1-dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@supports not (transform: translate3d) {
    body
    {
        transform-style: flat;
    }
}

@supports (transform: translate3d) {
  body {
    transform-style: preserve-3d;
    background: none !important;
  }
}

body
{
	font-family: 'Noto Sans TC', Calibri, Helvetica, Arial, sans-serif !important;
    font-size: 11pt;
    background-color: #efefef;
    background-image: url("../Images/background.jpg");
    background-attachment: fixed !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-clip: content-box;
    color: rgb(81, 81, 81) !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

body.modal-open 
{ 
    overflow-y: hidden !important; 
}

#CoverLayer
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: White;
    opacity: 0.2;
    z-index: 1000000;
}

#MainTitle
{
    background-color: #344A5F;
    /*background-color: #333333;*/
}

#MainTitle nav
{
	margin-bottom: 0px;
	border: none;
	background-color: inherit;
}

#MainTitle nav>.navbar-header
{
    padding: 10px 0px 10px 0px;
}

#MainTitle nav .navbar-brand
{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#MainTitle nav .navbar-brand::before
{
    font-size: 30px !important;
}

#MainTitle nav a.navbar-brand
{
    padding: 10px 0px 10px 0px;
    font-size: 26pt !important;
    text-shadow: 0px 1px 1px #343434;
    position: absolute;
    color: #fff;
    background-position: center left;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-size: 100% 100%;
    margin-top: -10px;
    height: 100% !important;
    min-width: 200px;
    line-height: 1.5;
}

#MainTitle nav a.navbar-brand img.Logo
{
    height: 100% !important;
    width: auto;
}

#MainMenuContainer {
    position: fixed;
    top: 80px;
    bottom: 0px;
    width: 300px;
    left: -300px;
    overflow: hidden;
    transition: .3s;
    background-color: white;
    z-index: 10000;
}

#MainMenuContainer.Expanded {
    left: 0px;
}

#MainMenu {
    list-style-type: none;
    border-radius: 0px;
    padding: 30px;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    overflow-y: auto;
    margin: 0px;
}

#MobileMainMenu
{
	display: none;
}

#MobileMainMenu>div
{
	padding: 0px;
}

#MobileMainMenu #MainMenu
{
	width: 100% !important;
	border-radius: 0px !important;
}




#MainMenu>li:first-child
{
	border-radius: 4px 4px 0px 0px;
}

.hidden-sm.hidden-md.hidden-lg #MainMenu>li:first-child, .hidden-sm.hidden-md.hidden-lg #MainMenu>li:last-child
{
	border-radius: 0px !important;
}

#MainMenu > li {
    display: block;
    padding: 5px 10px 5px 20px !important;
    margin: 1px;
    cursor: pointer;
    background-color: transparent;
    border-radius: 4px;
    transition: .3s;
}

#MainMenu>li:last-child
{
	border-radius:  0px 0px 4px 4px;
}



#MainMenu>li:not(.Category):hover, #MainMenu>li.Selected
{
	background-color: #d3e4fe;
	
}

#MainMenu > li > a {
    background-color: inherit;
    color: #454545;
    display: block;
    text-decoration: none;
    width: 100%;
    font-size: 11pt;

}

#MainMenu>li>a>.badge
{
	background-color: #2174a7;
    margin-left: 20px;
    position: relative;
    top: 1px;
}

#SystemMenu .SystemMenu
{
    padding: 0px;
}

#SystemMenu .dropdown-menu, #MobileSystemMenu ul {
    padding: 0px;
    min-width: 300px;
    border: 1px solid #cdcdcd;
    background-color: #ffffff;
    color: #ffffff;
    font-family: Arial !important;
    -moz-box-shadow: 0px 0px 18px #333333;
    box-shadow: 0px 0px 18px #333333;
    border-radius: 2px;
    margin-top: 0px;
}

#MobileSystemMenu ul {
    display: none;
}

#SystemMenu .dropdown-menu > li {
    padding: 10px;
    margin: 0px;
}

#MobileSystemMenu
{
	display: none;
}

#MobileSystemMenu>div
{
	padding: 0px;
}

#MobileSystemMenu ul
{
	display: block;
	border: none;
	border-radius: 0px;
}

#SystemMenu .dropdown-menu > li.dropdown-header {
    border-radius: 2px 2px 0px 0px;
    font-size: 8pt !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

#SystemMenu .dropdown-menu > li:not(.dropdown-header), #MobileSystemMenu ul > li:not(.dropdown-header) {
    color: #454545;
    transition: 0.3s !important;
    
}

#SystemMenu .dropdown-menu > li.active, #SystemMenu .dropdown-menu > li:not(:first-child):hover, #MobileSystemMenu ul > li:not(:first-child):hover {
    background-color: rgb(234, 245, 251) !important;
}


#SystemMenu .dropdown-menu > li > a {
    padding: 9px;
}

#MobileSystemMenu ul>li[placementID]
{
	padding: 10px 15px 10px 15px !important; 
}


#SystemMenu .dropdown-menu #ChangePassword {
    text-align: left;
    border-radius: 0px 0px 0px 2px;
}

#MobileSystemMenu ul #ChangePassword
{
	text-align: left;
	padding-left: 15px;
}

#SystemMenu .dropdown-menu #Logout {
    text-align: right;
    border-radius: 0px 0px 2px 0px;
}

#MobileSystemMenu ul #Logout
{
	text-align: right;
	padding-right: 15px;
}

#SystemMenu .dropdown-menu > li:last-child > div, #MobileSystemMenu ul > li:last-child > div {
    background-color: #344A5F;
    display: inline-block;
    padding: 9px;
    font-weight: bold;
    font-size: 9pt !important;
    transition: 0.3s !important;
}

#SystemMenu .dropdown-menu>li:last-child>div:hover, #MobileSystemMenu ul>li:last-child>div:hover
{
	background-color: #ffffff;
}


#SystemMenu .dropdown-menu>li:last-child>div>a, #MobileSystemMenu ul>li:last-child>div>a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#SystemMenu .dropdown-menu>li:last-child>div:hover>a, #MobileSystemMenu ul>li:last-child>div:hover>a
{
	color: #454545;
}

#SystemMenu .dropdown-menu>li> .Badge *, #MobileSystemMenu ul>li> .Badge *
{
	font-size: 10px !important;
	line-height: normal;
}



#MainContentTitle
{
	color: #ffffff;
	font-size: 28pt;
	font-weight: bold;
	padding: 0px;
	line-height: 1;
}

#MainContentTitle>*
{
	vertical-align: bottom !important;
	text-shadow: 0px 0px 8px Black, 0px 0px 20px Black;
}

#MainContentTitle .btn
{
	text-shadow: none !important;
}

#MainContentTitle>[class^="col-"]
{
	padding-top: 20px;
	min-height: 75px;
	
}

#MainContainer
{
	-moz-box-shadow: 0px 0px 20px #888888;
	box-shadow: 0px 0px 20px #888888;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 0px 0px 1px Black, 0px 0px 10px Black;
}

#MainContainer form {
}

#PageControlContainer
{
	text-align: right;
	
}

#PageControlContainer .form-group
{
	margin-bottom: 0px;
}

#PageControlContainer .Advanced>div:first-child>.row
{
	/*display: none;*/
}

#PageControlContainer>*
{
	
	line-height: 20px;
}

#MainContent
{
	margin-bottom: 20px;
}

#Footer
{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 12pt;
    color: White;
    text-shadow: 0px 0px 5px Black, 0px 0px 10px Black, 0px 0px 15px Black;
}

#Help
{
    position: fixed;
    padding: 5px 15px 5px 15px;
    bottom: 0px;
    background-color: Gray;
    font-weight: bold;
    color: White;
    opacity: 0.5;
    cursor: pointer;
}

#Help:hover
{
    opacity: 1;
}

#Loading
{
	width: 100%;
	height: 100%;
	border: 0px;
	padding: 0px;
	/*background-repeat: no-repeat;*/
	background-image: url("../Images/loading.gif"), url("../Images/loading-bg.gif");
	background-repeat: repeat-x, repeat-x;
	/*background-size: 100% 30px;
	background-origin: padding-box;
	background-color: Transparent;
	/*background-image: ;*/
	background-position: bottom, bottom;
	vertical-align: bottom;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 100000000;
	display: none;
}

#Loading:before
{
    content: "Now Loading...";
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin: 0px 0px 2px 5px;
    width: 100%;
    font-size: 14pt;
    color: #464646;
    font-weight: bold;
    text-align: center;
}

.dropdown-toggle {
    cursor: pointer;
    text-align: left;
    padding-right: 22px;
}

.dropdown-toggle::after {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-header
{
    text-align: center;
}

.dropdown-menu>li>a
{
    text-decoration: none;
    
}

span.SystemMenu>.Badge
{
	margin: 5px 0px 5px 0px;
}

#MainContentInner>.row
{   
    margin-bottom: 20px;
}



.nav-tabs>li>a
{   
    text-decoration: none;
}

.ListItem
{
    cursor: pointer;
}

.ListItem.Dim
{
    opacity: 0.5;
}

.ListItem.Selected
{
    font-weight: bold;
}

.list-group:not(.CheckboxList)>.list-group-item
{
	border-radius: 0px;	
	padding: 15px;
	border: none !important;
	border-bottom: 1px solid #dfdfdf !important;
	margin: 0px;
}

.badge:not(.Leave).FigureBox {
    display: inline-block !important;
    min-width: 80px !important;
    height: 80px;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 40pt;
    text-align: center;
}
.badge:not(.Leave).FigureBox-primary {
    background-color: #176799;
} .media:not(.Badge) .badge > .glyphicon {
    line-height: 80px;
    margin-left: 5px !important;
    position: static;
} .media.Badge .badge.Leave {
    margin-top: -1px;
    display: inline-block !important;
} .list-group:not(.CheckboxList)>.list-group-item>.media>.media-body {
	font-size: 12pt;
	line-height: 1.2;
} .list-group:not(.CheckboxList)>.list-group-item>.media>.media-body>.media-heading {
	font-weight: bold;
	line-height: inherit;
} .list-group:not(.CheckboxList)>.list-group-item.Footer {
	border-bottom: none !important;
} .nav-tabs {
} .nav-tabs>li {
    color: #bcbcbc;
} .nav-tabs>li.active {
	color: #4EB1CB !important;
} .nav-tabs>li>a {
	font-size: 18pt;
    font-weight: bold;
    text-decoration: none;
    color: inherit !important;
} .nav-tabs>li>a>.caret {
	margin-left: 5px;
} #SystemMessage {
	border-radius: 5px 5px 0px 0px;
	font-size: 14pt;
	position: static;
	z-index: 100000000;
	padding: 0px;
	display: none;
    padding: 15px;
} #SystemMessage.Fixed {
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	margin: 0px;
	width: 100%;
	border-radius: 0px;
} .Badge {
	margin: 0px;
	/* cursor: pointer; */
} .Badge.Left > span.Photo {
    margin-right: 8px;
} .Badge.Right > span.Photo {
    margin-left: 8px;
} .Badge > span.Photo {
    line-height: 0px;
} .Badge.Right > .media-body {
    text-align: right;
} .Badge .Email {
    overflow-wrap: break-word;
} #SystemMenu .Badge {
    margin: 0px;
} #SystemMenu .Badge .media-body {
    padding: 0px;
} .Badge.ShowBlock {
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
} .Badge.ShowBlock {
	background-color: rgba(255, 255, 255, 0.8);
} .Badge>.pull-left.Small {
    margin-right: 4px !important;
    height: 24px;
} .Badge.InheritFontSize {
    margin-left: 0px !important;
} .Badge span.Phone>span {
    white-space: nowrap;
} .Badge span.Phone>span:not(:last-child) {
    margin-right: 10px;
} .Badge span.Skype>a {
    margin-left: 5px;
} :not(.CheckboxList) .list-group-item>.media {
    margin: 0px;
} .media-body>* {
    margin: 0px;  
    color: inherit;
} .media-body [data-nowrapping] [data-full] {
    white-space: nowrap;
} .media-body [data-short] {
    display: none;
} .Avatar>span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 27px; 
    text-align: center;
    font-size: 12pt;
    color: White;
} .Avatar {
    border: 2px solid #7FC9FF;
	border-radius: 30px;
	display: inline-block;
	width: 60px ;
    height: 60px;
    position: relative;
    overflow: hidden;
} .Avatar.Male {
	background-color: #2a94d6;	
} .Avatar.Female {
	background-color: #2a94d6;	
} .Small>.Avatar {
    border-width: 1px;
	border-radius: 12px;
	width: 24px;
    height: 24px;	
} .Large>.Avatar {
    border-width: 5px;
	border-radius: 45px;
	width: 90px;
    height: 90px;	
} .Avatar * {
    font-size: 14pt;
    
} .Avatar>span.Photo {
    width: 100%;
    height: 100%;	
    font-size: 22pt;
    font-weight: bold;
    line-height: 52px;
} .Avatar>img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} .Small>.Avatar>span.Photo {
    font-size: 10pt;
    line-height: 22px;
    font-weight: bold;
} .Large>.Avatar>span.Photo {
    font-size: 32pt;
    line-height: 80px;
    font-weight: bold;
} .media.Badge .media-body {
    line-height: 16px;
    padding-top: 3px;
} .media.Badge:not(.CustomContent) .media-body {
	line-height: 1;
} .media.Badge.ShowBlock .media-body {
	padding: 0px !important;
} .media.Badge .media-body .badge {
	position: relative;
	top: -1px;
} .media.Badge.Small:not(.InheritFontSize) .media-body {
    font-weight: normal !important;
} .media.Badge .media-heading, .media.Badge .media-body {
    line-height: 1.3 !important;
} .media.Badge.Large .media-body {
    line-height: 24px;
} .media.Badge:not(.InheritFontSize) .media-body>span, .media.Badge:not(.InheritFontSize) .media-body>div {
    display: block;
    font-size: 12pt;
    white-space: normal;
} .media.Badge.Small:not(.InheritFontSize) .media-body>span, .media.Badge.Small:not(.InheritFontSize) .media-body>div {
	font-size: 10pt;
} .media.Badge.Large:not(.InheritFontSize) .media-body>span, .media.Badge.Large:not(.InheritFontSize) .media-body>div {
	font-size: 14pt;
} .media.Badge>span[class^='pull-'] {
} .media.Badge>.media-body>div.Content, .media.Badge>.media-body>div.Remark {
    white-space: normal;
} .media.Badge>.media-body>div.Remark {
    color: Gray;
} .Badge .media-heading {
	line-height: 20px;
	font-weight: bold;
} .Badge:not(.InheritFontSize) .media-heading {
	font-size: 14pt !important;
} .Badge.Small .media-heading {
} .Badge.Small:not(.InheritFontSize) .media-heading {
	font-size: 10pt !important;
} .Badge.Large .media-heading {
	line-height: 30px;
} .Badge.Large:not(.InheritFontSize) .media-heading {
	font-size: 18pt !important;
} *:not(.Pager)>input[type='text']:not(.form-control-plaintext), input[type='password'], textarea, select {
    border-radius: 0px !important;
	box-shadow: 0px 2px 0px -1px #E3E3E3 inset !important;
    background-color: #F8F8F8 !important;
    color: #555555 !important;
    border: 1px solid #E3E3E3 !important;
    padding: 5px 8px 4px 8px !important;
    resize: none;
    width: 100%;
    font-size: 18px !important;
    height: 44px !important;
    transition: none !important;
    font-weight: normal;
} .form-control-static{
    color: #555555 !important;
    font-size: 18px !important;
} textarea:not([rows]) {
	height: 75px !important;
} textarea {
	height: auto !important;
} textarea.Tall {
	height: 150px !important;
}
/*input[type='radio']+label, input[type='checkbox']+label
{
    margin-right: 20px;
    font-size: 16pt;
    color: #454545;
    cursor: pointer;
}*/
input[type='radio'], input[type="checkbox"] {
    width: auto !important;
    border: none !important;
    box-shadow: none !important;
} .input-group:not(.Pager) * {
    border-radius: 0px;
} .input-group:not(.Pager) input {
    width: auto !important;
    display: inline-block;
} .input-group:not(.Pager):hover>input, *:not(.Pager)>input[type='text']:not([readonly]):focus, input[type='password']:focus, textarea:focus, *:not(.Pager)>input[type='text']:not([readonly]):hover, input[type='password']:hover, textarea:hover, select:hover {
    outline: 2px solid #A4C6FD !important;
    border-radius: 3px !important;
    box-shadow: none !important;
} .input-group.Error>input, input.Error[type='text'], input.Error[type='password'], textarea.Error, select.Error {
    border-color: #ebccd1 !important;
    box-shadow: 0px 2px 0px -1px #ebccd1 inset !important;
	color: #a94442 !important;
} input.Error[type='text']:focus, input.Error[type='password']:focus, textarea.Error:focus, input.Error[type='text']:hover, input.Error[type='password']:hover, textarea.Error:hover, select.Error:hover {
	outline: 2px !important;
	box-shadow: none !important;
} select>option[disabled] {
    color: #bcbcbc !important;
} select>optgroup {
    font-style: italic;
}
/*.input-group
{
	box-shadow: 0px 2px 0px -1px Red inset !important;
	background-color: #F8F8F8 !important;
	border: 1px solid #E3E3E3 !important;
}

.input-group:hover
{
	border: 2px solid #A4C6FD !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}
*/
.input-group:not(.Pager)>input {
	border-right: none !important;
} .input-group.Pager>input.Date {
	width: 120px;
	text-align: center;
} .input-group.Pager>.input-group-btn {
    width: auto;
} .input-group:not(.Pager):hover>input, .input-group:not(.Pager)>input:focus {
	border-right: none !important;
	border-radius: 3px 0px 0px 3px !important;
} .input-group>.input-group-addon {
	border-radius: 0px !important;
	border: none;
	height: 40px;
	background-color: #E3E3E3;
	text-shadow: none;
} .input-group.Error>.input-group-addon {
	background-color: #ebccd1 !important;
	color: #a94442;
} .input-group:not(.Pager):hover>.input-group-addon, .input-group:not(.Pager)>input:focus+.input-group-addon {
	background-color: #A4C6FD !important;
	border-radius: 0px 3px 3px 0px !important;
} .input-group.Error:hover>.input-group-addon, .input-group.Error>input:focus+.input-group-addon {
	background-color: #ebccd1 !important;
} input.Error::-webkit-input-placeholder {
    color: #a94442 !important;
    
} input.Error:-moz-placeholder {
    color: #a94442 !important;
}​ .PanelTable .panel-heading {
	background-color: #176799;
} .panel-heading {
    background-color: Transparent !important;
    border-bottom: none;
    background-color: #2a94d6 !important;
    color: #fff !important;
	font-size: 24pt !important;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;	
    white-space:nowrap;
} .panel {
    
} .PanelList .panel-heading {
    margin: 0px;
} .PanelList .panel-body, .PanelTable .panel-body {
    padding: 0px;
    font-size: 16pt;
} .PanelList .panel-body>.list-group {
    margin: 0px !important;
} .PanelList .panel-body > .list-group>.list-group-item {
    line-height: 1;
    font-size: inherit;
} .PanelList .panel-body > .list-group>.list-group-item:first-child {
} .PanelList .panel-body > .list-group>.list-group-item:last-child {
} .PanelList.Menu {
	
} .PanelList.Menu .panel-heading {

} .PanelList.Menu .panel-body > .list-group>.list-group-item {
	cursor: pointer !important;
	color: #176799;
	font-family: Impact;
    background-color: transparent;
} .PanelList.Menu .panel-body > .list-group>.list-group-item:hover, .PanelList.Menu .panel-body > .list-group>.list-group-item.active {
	background-color: #f1f1f1;
	color: #176799;
} .PanelList.Menu .panel-body > .list-group>.list-group-item:last-child {
} .PanelList.Menu .panel-body > .list-group>.list-group-item>.badge {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12pt;
	font-family:  Calibri, Helvetica, Arial, sans-serif !important;
	background-color: #176799;
	color: White;
} .PanelTable .table {
	margin: 0px;
} .PanelTable .table>tbody>tr:last-child:not(.NoRecord)>td:first-child {
	border-radius: 0px 0px 0px 4px;
} .PanelTable .table>tbody>tr:last-child:not(.NoRecord)>td:last-child {
	border-radius: 0px 0px 4px 0px;
} .PanelTable .table>tbody>tr.NoRecord>td {
	border-radius: 0px 0px 4px 4px;
	text-align: center;
} .list-group-item>h3:first-child {
	margin-top: 0px;
} .form-group>.list-group:not(.CheckboxList)>.list-group-item {
	padding-top: 4px;
	padding-bottom: 4px;
	border: none !important;
} .jumbotron.NoRecord {
	text-align: center;
	color: Gray;
	font-size: 14pt;
	margin-top: 10px;
} .PanelList .jumbotron.NoRecord, .PanelTable .jumbotron.NoRecord {
    margin: 10px !important;
} button[disabled]:after, input[type='button'][disabled]:after {
} button.Select {
	text-align: left;
	padding-left: 16px;
	padding-right: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
    position: relative;
} a.btn.Icon {
    padding: 2px;
    margin: 0px;
    border: none;
    opacity: 0.7;
    
} a.btn.Icon:hover {
    box-shadow: none;
    opacity: 1;
} h1 {
	color: #176799;
} h1>small {
	line-height: 3.3;
} blockquote {
	border-color: #bde6e7;	
} blockquote small.center-block {
    margin-top: 20px;
} .input-group.Upload > .input-group-append input[type="file"] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 100;
} .input-group.Upload > .input-group-append .input-group-text {
    border-top: none;
    border-right: none;
    border-bottom: none;
} .input-group.Upload {
    border-radius: 0px !important;
    box-shadow: 0px 2px 0px -1px #E3E3E3 inset !important;
    border: 1px solid #E3E3E3 !important;
    resize: none;
    width: 100%;
    height: 44px !important;
    transition: none !important;
    overflow: hidden;
} .input-group.Upload:hover {
    border: 2px solid #A4C6FD !important;
    border-radius: 3px !important;
    box-shadow: none !important;
} .input-group.Upload input[type='text'] {
    border: none !important;
} .input-group.Upload:hover input[type='text']{
    margin-top: -1px;
} .input-group.Upload:hover .input-group-append {
    margin-top: -1px;
    margin-right: -1px;
} .input-group.Upload input[type='file'] {
    width: 100% !important;
}
label {
    font-weight: 700;
}
  .well.BadgeHeader {
    margin: -20px -20px 30px -20px; 
    padding: 15px;
    border: none;
    border-radius: 5px 5px 0px 0px;

} .modal .modal-dialog {
    margin-top: 80px !important;
} .modal .modal-body .BadgeHeader {
    border-radius: 0px !important;
} .well.BadgeHeader.Male {
	background-color: #2a94d6;
} .well.BadgeHeader.Female {
	background-color: #2a94d6;
} .well.BadgeHeader .Avatar {
	background-color: rgba(255, 255, 255, 0.2);	
} .well.BadgeHeader.Male .Avatar>.Photo {
	background-color: #2a94d6;
} .well.BadgeHeader.Female .Avatar>.Photo {
	background-color: #2a94d6;
} .well.BadgeHeader * {
	color: White;

} .well.BadgeHeader a {
	text-decoration: underline;
} .Error.alert[for] {
	display: none;
	margin-top: 1px;
} .ui-datepicker{ z-index: 99999 !important;} .Hidden {
    display: none;
} .Fixed {
	position: fixed;
	width: 100%;
	top: 0px;	
} #mdlConfirmation .modal-body {
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	padding-top: 30px;
	padding-bottom: 30px;
} #mdlConfirmation .modal-footer {
	margin-top: 0px;
} .row.Separator {
    height: 40px !important;   
} .panel {
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25) !important;
    border-color: #ababab;
} .panel-body {
    min-height: 160px;
    font-size: 14pt;
    color: #888888;
    font-weight: bold;
    padding: 10px 20px 20px 20px;
    overflow: hidden;
} .panel-body>img {
        	margin: auto;
        	height: 100%;
        	width: auto;
        } .panel-body>.glyphicon {
        	margin: auto;
        	margin-top: 10px;
        	font-size: 84pt;
        	color: #176799;
        	text-align: center;
        } .Module {
            cursor: pointer;	
        } .popover {
    position:fixed;
} .popover .list-group {
    margin: -9px -14px -9px -14px;  
} .popover .list-group-item {
    padding: 5px 8px 5px 8px;
} .popover .list-group-item:last-child {
    border-bottom: none !important;
} body {
    overflow-x: hidden;
 }
/* Toggle Styles */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
} #wrapper.toggled {
    padding-left: 250px;
} #sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
} #wrapper.toggled #sidebar-wrapper {
    width: 250px;
} #page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
} #wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
} .sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
} .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
} .sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
} .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
} .sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
} .sidebar-nav > .sidebar-brand a {
    color: #999999;
} .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
} @media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
} .CheckboxList .material-switch > input[type="checkbox"] {
    display: none !important;   
} .CheckboxList .material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
} .CheckboxList .material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
} .CheckboxList .material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
} .CheckboxList .material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
} .CheckboxList .material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
} .CheckboxList .material-switch > span {
    font-weight: bold;
    color: Gray;
    margin-right: 10px;
} .badgebox {
    opacity: 0;
} .badgebox + .badge {
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
} .badgebox:focus + .badge {
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
} .badgebox:checked + .badge {
    /* Move the check mark back when checked */
	text-indent: 0;
} .label>a {
    text-decoration: none;
    color: inherit;
} [data-toggle='collapse'] {
    cursor: pointer;
} [data-toggle='collapse']:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 16px;
    position: relative;
    top: 2px;
} [data-toggle='collapse'].collapsed:after{
    content: "\e080";
} .list-group .list-group-item:not(.ListItem){
    display: block !important;
} .SectionHeader {
    font-size: 20pt;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #cdcdcd;
    color: Gray;
} .nav-tabs+.table>thead>tr>th {
    border-top: none;
} .media span + .media-body {
    margin-left: 5px;
} .media .media-body + span {
    margin-right: 5px;
} .not-selectable {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
} .hidden {
    display: none;
}
/* Font Awesome */
.fas.Disabled {
    opacity: 0.3;
}
/* Font Awesome */
.list-group {
    list-style: none;
}

.lds-hourglass,
.lds-hourglass:after {
    box-sizing: border-box;
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-hourglass:after {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 0;
        height: 0;
        margin: 8px;
        box-sizing: border-box;
        border: 32px solid currentColor;
        border-color: currentColor transparent currentColor transparent;
        animation: lds-hourglass 1.2s infinite;
    }

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}


@media screen and (max-width: 768px) {
    body>.container{
        padding: 0px;
    }

    #MainContainer
    {
        box-shadow: none;
    }

    #MainContentTitle
    {
        padding: 20px;
    }

    #MainContentTitle>* {
        text-shadow: none;
        color: darkslategrey;
    }

    #MainMenuContainer.Expanded
    {
        display: none;
    }

    table.Mobile {
        border: 0;
    }

    table.Mobile thead {
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    table.Mobile tr {
        border-bottom: 2px solid #dee2e6;
        display: block;
        margin-bottom: 15px;
    }

    table.Mobile td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
        padding: 5px 12px !important;
    }

    table.Mobile td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    table.Mobile td:last-child {
        border-bottom: 0;
    }

    #Footer {
        text-shadow: none;
        color: dimgray;
    }
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}