li#BannerLogin,li.BannerLogout {display:none;}

.pwdef{font-size:8pt; color:#000;}
#cypw_msg_err,.pwred{font-size:8pt; color:#ff0606;}
.pwamb{font-size:8pt; color:#e27f00;}
.pwgrn{font-size:8pt; color:#38b311;}

span.navbar-brand{margin-left:40px; !important}

.stdPopBanner{background-color:#526b7d;}
h4.popLabel>span.glyphicon{margin:0; padding:0; padding-top:6px; font-size:18pt; margin-right:20px; color:#b0e23a;}
h4.popLabel{font-size:16pt; color:#fff;margin-left:16px;text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555;}

.rightAlign{text-align:right;}

#browse_table_id_paginate{margin-right:20px; xxborder:3px solid orange;}
#browse_table_id_filter{margin-right:20px; xxborder:3px solid orange;}

label.valueEntry{
	xxxfloat:right; 
	padding-right:10px; 
	margin-bottom:0px;
	margin-top:20px;
	font-weight:normal;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	width:100%;
	color:#afafaf;
	}
	
div.modDlgStatusDisp{
	display:none;
	background-color:#0098b1;
	color:white;
	font-size:8pt;
	font-weight:bold;
	
	padding: 2px;
	padding-left:6px;
    margin-top: -11px;
    margin-left: -15px;
    margin-right: -15px;
}

.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}


.datepickerXXXXXX { width:auto !important }

div.xui-datepickerXXXXXX{
 font-size:11px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
}

table {
	font-size: 1em;
}


.ui-draggable, .ui-droppable {
	background-position: top;
}








div.modTitle {
	padding:6px;
	margin-bottom:14px;
	border:1px solid #eeeeef;
	font-size:12pt;
	font-weight:bold;
	background-color:#eaeaea;
	color:#7676d6;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
 
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);	
}

div.has-error ul.select2-choices {border-color: rgb(185, 74, 72) !important;}
div.has-error ul.select2-input {border-color: rgb(185, 74, 72) !important;}

li.select2-search-choice{
background-color:#D0E4BD !important;
color:#4D4E53 !important;
font-weight:bold;
}

#loginMenuBar{
	background-color: #526b7d;
	position: fixed; 
	right: 0px;
	top:0px;
	padding:0px;
	padding-left:30px;
	padding-right:10px;
	border:2px solid #728b9d;
	opacity: .3;
	
	-moz-border-radius-bottomleft:40px;
	-webkit-border-bottom-left-radius:40px;
	-khtml-border-radius-bottomleft:40px;
	border-bottom-left-radius:40px;
}

a.darkhover{
	padding-top:1px !important;
	padding-bottom:1px !important;
	color:#eee !important;
}

a.darkhover:focus, a.darkhover:hover{
	background-color: #526b7d !important;
}

div#forgotID, div#forgotPW {
	clear:none;
	float:left;
	font-size:7pt;
	font-weight:bold;
	padding-left:4px;
	color:#adade8;
	cursor:pointer;
} 

div#forgotID:hover, div#forgotPW:hover {
	color:#2424f1;
}


.sidebarMenuWrap{height:auto; border:1px dotted yellow; width:10px;}
.sidebarMenu{
	xxxposition:fixed;
	xxxdisplay:block;
	float:left;
	top:40px;
	left:1px;
	padding:20px;
	padding-top:34px;
	padding-bottom:30px;
	padding-left:0px;
	margin-left:0px;
	height:100%;
	min-height: 100%;
	border:1px solid grey;
	width:150px;
	xbackground-color:#fafaff;
}
#pageContentWrap{
	padding-left:160px;
	padding-top:40px;
	border:1px dotted red;
}

#xxxsessionStartWrapper{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999998;
}


.server_connecting{
	width:400px;
	height:150px;
	margin:auto;
	
	padding:0;
	color:grey;
	border:1px solid #d6d2d2;
	background-color:white;
	background-image: url('/img/conn_bg2_500x270.jpg');
	background-size: 100%;
	z-index:99999998;
	margin-top:40px;
		
	-moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
 
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
	position:relative;
}

#positionRemember{
  position:relative;
  display:block;
  clear:both;
  font-size:10px;
  top:-3px;
  right:-255px;
  overflow:hidden;
  color:#5c5c98;
  line-height:12px;
  margin-right:10px;
  vertical-align:baseline;
}
#positionRemember>input{position:relative; display:inline-block; padding:0; xheight:20px; clear:none; top:3px; z-index:99999998;}

input.usermaintCB, input.viewOptCB{
   float:left;
   width:20px; 
   height:20px; 
   padding:0; 
   margin-right:6px;
}


#xxxserver_connecting_data{position:relative; height:150px; margin-top:-50px;}
#xxxserver_connecting_data>div>div>label{font-size:10pt; font-weight:normal; color:black; text-align:right;}
#xxxserver_connecting_data>div>div>input{font-size:10pt; font-weight:bold; color:#333;}
#xxxserver_connecting_data>h1{font-size:22pt; color:red;}
.xxxserver_connecting>div>div>img{margin-top:4px;}
.xxxserver_connecting>div>div>h1{font-size:22pt; margin-top:26px;}
.xxxserver_connecting>div>h1:first-child{font-size:20pt;font-weight:normal; margin-top:0; margin-bottom:20px;}
#xxxlogin_resp{color:black;}
#xxxxheartbeatWrapper,#xxxwrap{display:none;}
#xxxlogin_resp {
  margin-top:0px; 
  margin-left:186px; 
  margin-right:20px;
  color:red;
  font-weight:bold;
  text-align:left;
}
.xxxloginDiv{margin-left:20px; text-align:center; color:red;}

#login_resp {
	position: relative;
    top: -11px;
    left: -15px;
    right: +21px;
    width: 599px;
    padding-left:10px;
	padding-right:10px;
}

.login_resp_err{
	background-color: rgb(233, 30, 105);
	font-weight:bold;
	color:#eee;
}

#xxxsconn_position{
	position:absolute;
	height:1px;
	font-size:7pt;
    font-weight:normal;
    color:#33f;
}


#xxxpositionBStrapStyle{
  position:absolute;
  width:144px;
  display:block;
  font-size:8pt;
  top:230px;
  left:352px;
  overflow:hidden;
  color:#6f6fde;
  line-height:12px;
  margin-right:10px;
  vertical-align:baseline;
}
#xxxpositionBStrapStyle>input{position:relative; display:inline-block; padding:0; xheight:20px; clear:none; top:3px; z-index:99999998;}


#xxxpositionHash{
  position:relative;
  top:254px;
  left:20px;
  overflow:hidden;
  color:grey;
}

#xxxpositionTime{
  position:absolute;
  width:200px;
  text-align:right;
  top:254px;
  left:280px;
  overflow:hidden;
  color:grey;
}

.realGrowl{
   top:-76px;
   pointer-events: auto;
}

.bootstrap-AltGrowl{
	float:left;
	display:none;
	position:relative;
	margin:0px;
	margin-top: - 250px;
	width:200px;
	height: 64px;
	overflow:hidden;
	padding:8px;
	margin-right:5px;
	margin-left:5px;
	
	font-size:9pt;
	font-weight:bold;
	line-height:10pt;
	
	background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */


	
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
	
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);	
	
	opacity: .8;
	
    z-index:99999999;
}

.bootstrap-AltGrowl:hover{
	opacity: .9;
}

.bootstrap-AltGrowl > span{
margin-top:-10px !important;
margin-right:-4px;
float:right;
color:red;
}

.bootstrap-AltGrowl > span:hover{
font-weight:bold !important;
color:red;
}


.growlText{
   position: relative;
   width:180px;
   height:46px;
   overflow: hidden;
   top: -10px;
}

#MTfooterWrapper{
   position:fixed;
   height:20px;
   width:100%;
   left:0;
   bottom:0;
   z-index:9999999;
}
   

#MTfooterSlideIn{
   position:fixed;
   bottom:20px;
   height:0px;
   width:10000px;
   overflow-x:visible;
   xoverflow-y:hidden;
   z-index:9999999;
   pointer-events: none;
   
   xxwidth:auto;
   xxwhite-space: nowrap;
   xxdisplay: inline-block;
   xoverflow-x: auto;
}

#MTfooterContainer{
   position:fixed;
   background-color:#101010;
   color:white;
   height:20px;
   width:100%;
   left:0;
   bottom:0;
   border: #202020;
   font-size:8pt;
   border:1px solid #202020;
   padding-left:10px;
   z-index: 99999999;
   text-align:right;
}


@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
	font-size: 40px;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}

table.dataTable th, td{
	border-bottom:1px solid #ececec !important;
	border-right:1px solid #ececec !important;
	padding:6px !important;
	padding-right:10px !important;
	padding-left:10px !important;
}
table.dataTable th{
	border-top:1px solid #015a85 !important;
	background-color:#002345 !important;
	margin-top:10px;
}
table.dataTable td{
	color: #878686;
}

span.titleSection{
	color: #7d92b6 !important;
}

table.dataTable th:first-child, td:first-child{
	border-left:1px solid #ececec !important;
}
table.dataTable th{
	border-bottom:2px solid #47475d !important;
	color:#7676d6 !important;
}
.dataTables_length {
	font-size:8pt !important;
}
.dataTables_info{
	font-size:7pt !important;
}

span.uploadTextDetails{
	font-size:9pt !important;
	font-weight:normal;
}

span.deleteUploadIcon {color:#ff3d00; font-size:12pt; vertical-align:middle; !important;}
span.uploadedCloudIcon {color:#acebff; font-size:12pt; vertical-align:middle; !important}
span.uploadedUndoIcon {font-size:6pt; vertical-align:baseline;}
span.uploadedUndoIconWrap {border:1px solid #3a6769; background-color:#00aceb; color:#131211; font-size:7pt; padding:1px; !important}
div.xxxDZNewpreviewsContainer {display:none; !important}
div.dz-success-mark {display:none;}
div.dz-error-mark {display:none;}

ul.ui-autocomplete {
    z-index: 1100;
}

.ui-autocomplete {
  position: fixed;
}

div#modInfo{
	position:absolute;
	padding:0;
	margin:0;
	margin-top:-14px;
	height:16px;
	width:16px;
	font-size:9pt;
	font-weight:normal;
	opacity:.8;
}

span.hbDismiss{
	xxont-size:small;
	background-color:#ccce4c;
	color:#000;
	border:1px solid rgba(249, 1, 1, 0.42);
	xxxpadding:1px;
	padding-left:2px;
	padding-right:2px;
	
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

div.popupTableWrap{xborder:1px solid #6b8ca5; margin:auto; width:800px; padding:30px;}
.popupTable > h4 {margin-left:14px; font-weight:bold; color:#526b7d;}
.popupTable table { border-collapse: collapse; text-align: left; width:100%;} 
.popupTable {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #526b7d; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.popupTable table td { padding: 2px 10px; }
.popupTable table th { padding: 2px 13px; }
.popupTable table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #526b7d), color-stop(1, #7b9db3) );background:-moz-linear-gradient( center top, #526b7d 5%, #7b9db3 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#526b7d', endColorstr='#7b9db3');background-color:#526b7d; color:#FFFFFF; font-size: 14px; font-weight: bold; border-left: 1px solid #0070A8; } 
.popupTable table thead th:first-child { border: none; }
.popupTable table tbody td { color: #3c464c; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; xxbackground-color:#fff;}
.popupTable table tbody .alt td { background: #E1EEf4; color: #3c464c; }
.popupTable table tbody td:first-child { border-left: none; }
.popupTable table tbody tr:last-child td { border-bottom: none; }
.popupTable table tfoot td div { border-top: 1px solid #526b7d;background: #E1EEf4;} 
.popupTable table tfoot td { padding: 0; font-size: 12px } .popupTable table tfoot td div{ padding: 2px; }
.popupTable table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.popupTable table tfoot  li { display: inline; }
.popupTable table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #526b7d;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #526b7d), color-stop(1, #7b9db3) );background:-moz-linear-gradient( center top, #526b7d 5%, #7b9db3 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#526b7d', endColorstr='#7b9db3');background-color:#526b7d; }
.popupTable table tfoot ul.active, .popupTable table tfoot ul a:hover { text-decoration: none;border-color: #7b9db3; color: #FFFFFF; background: none; background-color:#526b7d;}



div.srvwrap, div.alowrap {
	padding:6px;
	margin-bottom:14px;
	border:1px solid #ded9d9;
	font-size:12pt;
	font-weight:bold;
	background-color:#f9f9f9;
	color:#7b7b90;
	
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
 
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);	
}

div.srvsleep{
	opacity: .7;
}

div.srvlogo, div.alologo {
	xborder:1px dotted #d7e3e4;
	float:left;
	text-align:center;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	height:80px;
	width:70px;
	font-size:30pt;
}

div.srvmins_wrap {
	border:1px solid #f7a1a1;
	float:right;
	text-align:center;
	padding:2px;
	height:60px;
	width:50px;
	background-color: #e9eef3;
	
	-moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;
 
	xbox-shadow: 0px 5px 7px rgba(206, 209, 212, 0.1);		
}

div.srvData, div.aloData {
	display:block;
	float:left;
	xxxmargin-top:-10px;
	xxborder:1px dotted green;
	clear:none;
	padding:2px;
	xmargin-left:10px;
	padding-left:10px;
}

div.srvSwitches{
	border:1px dotted blue;
	clear:both;
	float:left;
}

.srv_inact{
	background-color:#f9fff9;
}

.srv_act{
	background-color:#fff9f9;
}

span.srvUpdateText{
	font-size:10pt;
	color:#6083e6;
	font-weight:bold;
}
	
span.refreshLink{
	color:#12d812;
	font-size:10pt;
	margin-left:2px;
}

#srvStatusMessage{
	font-size:8pt;
}

span.active_timer{
	color:#fff;
	background-color: #5ca2e8;
	border-color:1px solid grey;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	font-size:7pt;
	font-weight:bold;
	float:right;
	margin-top:2px;
	margin-right:2px;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

span.srvRemUser{
	xborder:1px solid #847777;
	background-color: #e69405;
	font-size:88%;
	font-weight:bold;
	color:#fff;
	padding:1px;
	padding-left:2px;
	padding-right:2px;
	margin:0px;
	margin-right:3px;
	margin-left:0px;
	text-transform:uppercase;
}

span.ServerInfo, span.AllowInfo{
	font-size:13pt; color:#6fb7f5; margin:0px; padding:0px; padding-right:3px; padding-left:3px; line-height:12pt;
}
span.ServerExtend{
	font-size:13pt; color:#6fb7f5; margin:0px; padding:0px; line-height:12pt;
}

div.AllowMSGBanner{
	margin-right:20px;
	margin-left:20px;
	margin-bottom:20px;
	padding:10px;
	font-size:12pt;
	
	color:white;
	background-color: #3f6c98;
	border-color:1px solid grey;
	
	-moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;
	
	box-shadow: 0px 5px 7px rgba(206, 209, 212, 0.1);
}

span.infoExpand{
	color:#7196ea;
	font-weight:normal;
	font-size:120%;
}

span.pill_warn {
	background-color:#f0ad4e; 
	font-size:76%;
	margin-left:14px;
	margin-bottom:6px;
	box-shadow: 0px 5px 7px rgba(206, 209, 212, 0.1);
}
span.pill_error {
	background-color:#ec4444;
	font-size:76%;
	margin-left:14px;
	margin-bottom:6px;
	box-shadow: 0px 5px 7px rgba(206, 209, 212, 0.1);
}

span.pill_ondisk, span.pill_import{
	cursor: pointer;
}

span.MODMED_SubTitle{font-size:60%;color:#c2d694;position:relative;top:-7px;}

td.xxxtrkimpgrp1{background-color:#f2f2ff;}
td.xxxtrkimpgrpA{background-color:#ebf1eb;}
td.trkimpgrpB{background-color:#f9eeee;}
td.trkimpgrpC{background-color:#ebf1eb;}
th.hedsel{color:#8bff8b !important; white-space: nowrap;padding-top:14px !important;padding-bottom:14px !important;}
th.hedunsel{color:#ffa78b !important; white-space: nowrap;padding-top:14px !important;padding-bottom:14px !important;}
li.lisel{background-color:blue !important; color:#ddd  !important; cursor:pointer; padding:2px;}
li.liunsel{background-color:initial; color:initial; cursor: pointer; padding:2px;}

div.mb_secWrap{float:left; border:1px solid #496d32; color:#9a6b11; padding:1px;padding-top:1px;padding-bottom:1px;margin:2px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	}
div.mb_secContainer {position:relative; font-size:8pt; top:-16px; background-color:#f6ffd8 !important;}
span.mb_secTitle {font-size:84%; color:#ef1212; padding-left:2px; padding-right:2px;}

xxMODMEDMUS_FileInfoWrap {position:relative;}
#MODMEDMUS_FileStatus {
	position:relative; 
	top: 24px;
    left: -24px;}
	
#MODMEDMUS_FileInfo {
	font-size: 8pt;
    font-weight: bold;
    float: right;
    color: #ab6c0a;
}

#MODMEDMUS_MBRefreshSp {
	font-size: 22pt;
    font-weight: bold;
    float: right;
    color: #2a7fda;
	padding:4px;
}

div#MODMEDMUS_FileStatus>span.glyphicon-ok {color:green;font-size:22pt;}
div#MODMEDMUS_FileStatus>span.glyphicon-remove {color:red;font-size:22pt;}
div#MODMEDMUS_MBRefreshSp>span.glyphicon-refresh {color:blue;font-size:22pt;float:right;}

div.TabFilter {
	position:absolute;
	border:1px solid #cbcbf9;
	left:180px; 
	background-color:#f3faff; 
	padding-left:10px; 
	padding-right:10px;
	padding-top:4px;
	
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	z-index:100;
}

div.popupTableWrap table{
	table-layout: fixed;
	height: 800px;
}

div.popupTableWrap td, div.popupTableWrap th{
	max-width: 12%;
	white-space: normal;
	word-wrap: break-word;
}