/**************************************************
New MT layout.
http://mission-tracker.com/resident/fonts/rockwell.ttf
/************************************************************
Global styles */

/* TC 2026-01-26 this TTF doesn't exist anywhere
@font-face{
	font-family: Rockwell;
	src: url('../fonts/rockwell.eot');  
	src: local('XXX'), url('../fonts/rockwell.ttf') format('opentype');
}
*/
@font-face{
	font-family: metropolisregular;
	src: url('../fonts/metropolis-regular.eot'); /* For IE */
	src: local('XXX'), url('../fonts/metropolis-regular.ttf') format('opentype');
}
@font-face{
	font-family: metropolismedium;
	src: url('../fonts/metropolis-medium.eot'); /* For IE */
	src: local('XXX'), url('../fonts/metropolis-medium.ttf') format('opentype');
}
@font-face{
	font-family: metropolislight;
	src: url('../fonts/metropolis-light.eot'); /* For IE */
	src: local('XXX'), url('../fonts/metropolis-light.ttf') format('opentype');
}
@font-face{
	font-family: metropolisbold;
	src: url('../fonts/metropolis-bold.eot'); /* For IE */
	src: local('XXX'), url('../fonts/metropolis-bold.ttf') format('opentype');
}
@font-face{
	font-family: klinicslabbold;
	src: url('../fonts/klinicslabbold.eot'); /* For IE */
	src: local('XXX'), url('../fonts/klinicslabbold.ttf') format('opentype');
}


html {
	background:#313131;
}
body {
	margin:0;
	padding:0;
	background-color: #071626;
	font:10pt/1.2 Arial,Helvetica,sans-serif;
}

/**************************************************/
/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#006699;
	text-decoration:none;

}
a:hover {
	text-decoration:underline;
	/*border-radius:0 1em 1em 0;*/
	/*color:#e0e0e0;*/
}

a img {
	border:none;
}

/**************************************************/
/* Pseudo Links */
.pseudoLink,
.pseudoLink:hover {
	color:#006699;
	text-decoration:none;

}
.pseudoLink:hover {
	text-decoration:underline;
	/*border-radius:0 1em 1em 0;*/
	/*color:#e0e0e0;*/
}

a img {
	border:none;
}


/**************************************************/
/* Block-level */
p {
	margin:0.5em 0;
	page-break-inside:avoid;
	page-break-after:auto;
}

h1,h2,h3,h4,h5,h6 {
	margin:1em 0 0.1em 0;
}
h1 {
	font-size:18pt;
}
h2 {
	font-size:15pt;
}
h3 {
	font-size:13pt;
}
h4 {
	font-size:10pt;
}

ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
.underline {text-decoration: underline;}

/**************************************************/
/* Lists (in content only) */

.contentPane ul,
.contentPane ol {
	margin:0.3em 0;
	padding:0 0 0 2em;
}
.contentPane ul {
	list-style-type:square;
}
.contentPane li {
	margin:0.1em 0; /* Space them apart slightly */
}



/**************************************************/
/* Layout */

/* Updated Header Navigation */
/* Generic Styles */
.flex-middle {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.flex-middle-support {
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
  }

#login-menu ul,
#login-menu li {
	list-style: none;
	padding: 0;
	
}
#login-menu .top-menu-dropdown ul li > a:hover {
	background-color: #f1f1f1;
	
}

/* New top-nav */
#login-menu { 
	position: absolute;
	top: 0;
	right: 87px;
	height: 100%;
	width: auto;
	margin: auto;
}
#login-menu .top-nav {
	list-style: none;
	margin: 0;
	font-size: 0;
	height: 100%;
}
#login-menu .top-nav > li {
	display: inline-block;
	position: relative;
	height: 100%;
	vertical-align: top;
	
}
#login-menu .top-nav > li > a {
	color: #006699;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 20px;
	font-size: 18px;
	position: relative;
	height: 100%;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	color: #006699;
}
#login-menu .top-nav > li:hover > a {
	background: #efefef;
	color: #006699;
}
#login-menu .top-nav-item.main-profile-nav a {
	flex-direction: row;
	padding: 0 5px;
}

#login-menu .badge-num {
	font-size: 12px !important;
	height: 13px;
	line-height: 15px;
	border-radius: 12px !important;
	text-shadow: none !important;
	text-align: center;
	font-family: "Open Sans",sans-serif;
	position: absolute;
	top: 30px;
	right: 15px;
	font-weight: 300;
	padding: 3px 6px;
	background-color: #2299d0;
	color: #fff;
}
#login-menu .main-profile-img {
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	margin: auto 7px auto 0;
	display: inline-block;
	height: 2em;
	width: 2em;
}

#login-menu .top-menu-dropdown {
	box-shadow: 5px 5px rgba(102,102,102,.1);
	border-top: solid 9px transparent;
	height: auto;
	font-size: 12px;
	position: absolute;
	right: 0;
	width: 275px;
	z-index: 9999;
	
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
}
#login-menu .top-menu-dropdown.notifications{
	width: 350px;
	max-height: 500px;
	overflow-y: scroll;
}
/* For the new updated navigation there are items 
Notifications, Messages, and Tasks.
added ".user-drop-menu" out because we aren't going live with those 
items' functionality right away but we still want to log out
*/
#login-menu .top-nav-item:hover .top-menu-dropdown.user-drop-menu {
	opacity: 1;
	visibility: visible;
} 

#login-menu .top-nav-item:hover .top-menu-dropdown.user-drop-menu-support {
	opacity: 1;
	visibility: visible;
} 

#login-menu .top-nav-item:hover .top-menu-dropdown.notifications {
	opacity: 1;
	visibility: visible;
} 

#login-menu .top-menu-dropdown:before {
	content: '';
	display: inline-block !important;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #eaedf2;
	border-left: 7px solid transparent;
	position: absolute;
	top: -7px;
	right: 20px;
}
#login-menu .top-menu-dropdown > li:first-child {
	background: #eaedf2;
	font-size: 13px;
	padding: 15px;
}
#login-menu .top-menu-dropdown > li:first-child a {
	color: #006699;
	float: right;
}
#login-menu .top-menu-dropdown ul {
	background-color: #fff;
	max-height: 240px;
	overflow: auto;
}
#login-menu .top-menu-dropdown ul li > a {
	border-bottom: 1px solid #EFF2F6 !important;
	display: block;
	color: #006699;
	font-size: 14px;
	text-decoration: none;
}

#login-menu .top-menu-dropdown ul li > i {
	margin-right: 10px;
}



/* Notifications */
#login-menu .notifications ul li > a {
	position: relative;
	padding: 16px 15px 18px 45px;
	line-height: 20px;
}
#login-menu .notifications ul li > a:before {
	font-family: 'Font Awesome 6 Pro';
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	font-size: 11px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	width: 25px;
}
#login-menu .notifications ul li > a.plus:before{
	content: '\f067';
	background-color: #36c6d3;
}
#login-menu .notifications ul li > a.bolt:before{
	content: '\f0e7';
	background-color: #ed6b75;
}
#login-menu .notifications ul li > a.mega:before{
	content: '\f0a1';
	background-color: #659be0;
}
#login-menu .notifications ul li > a.doc:before{
	content: '\f574';
	background-color: #F1C40F;
}
#login-menu .notifications .times {
	background: #f1f1f1;
	font-size: 11px;
	opacity: .7;
	padding: 1px 5px;
	float: right;
}
#login-menu .notifications .clearAlert {
	font-size: 13px;
	padding: 0 5px;
	margin: 0 2px;
	float: right;
}
#login-menu .notifications .clearAlert:hover {
	text-decoration: underline;
}

/* Messages */
#login-menu .messages ul li > a {
	position: relative;
	padding: 16px 15px 18px 65px;
}
#login-menu .messages figure {
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	margin: auto 7px auto 0;
	display: inline-block;
	height: 40px;
	width: 40px;
	
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
}
#login-menu .messages a p {
	color: #5b9bd1;
	font-weight: bold;
}
#login-menu .messages a p span {
	color: #888;
	font-weight: normal;
	float: right;
}

/* new release ribbon stuff */
.new-release-ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.new-release-ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 15px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* feedback styling */
#feedbackOverlay {
	position: fixed;
	display: block;
	
	width: 30%;
	height: 100vh;
	top: 0;
	left: 100%;
	
	z-index: 1000;
}

#feedbackOverlay iframe{
	width: 100% !important;
	height: 100% !important;
}

#feedbackSurveyButtonText {
	
	position: absolute;
	display: inline-block;
	width: 200px;
	height: 18px;
	
	left: -83px;
	top: 90px;
	
	transform: rotate(-90deg);
	
	text-align: center;
	
	margin: auto;
	color: white;
	font-size: 18px;
}

#feedbackSurveyButton {
	transition-property: transform, box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	position: fixed;
	display: block;
	
	width: 35px;
	height: 200px;
	top: calc(50vh - 100px);
	right: 0;
	
	z-index: 1000;
	background-color: #3498db;
	cursor: pointer;
}

#feedbackBackgroundOverlay {
	position: fixed;
	display: block;
	
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	
	display: none;
	z-index: 999;
	
	background-color: rgba(0,0,0,.5);
}


/* top left*/
.new-release-ribbon-top-left {
  top: 0;
  left: 0;
}
.new-release-ribbon-top-left span {
  right: -15px;
  top: 30px;
  transform: rotate(-45deg);
  z-index: 10;
}

/* Tasks */
#login-menu .tasks ul li > a {
	padding: 15px;
}
#login-menu .tasks ul li > a .percents {
	float: right;
	font-weight: bold;
}

#login-menu .tasks .progress {
	background-color: #dfe2e9;
	display: block;
	height: 8px;
	margin: 8px 0 2px;
}
#login-menu .tasks .progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
}
#login-menu .tasks .progress-bar-success {
	background-color: #36c6d3;
}
#login-menu .tasks .progress-bar-danger {
	background-color: #ed6b75;
}
#login-menu .tasks .progress-bar-warning {
	background-color: #F1C40F;
}

/* User menu */
#login-menu .user-drop-menu {
	width: 200px;
}
#login-menu .user-drop-menu ul li > a {
	padding: 10px 16px 10px 35px !important;
	position: relative;
}
#login-menu .user-drop-menu ul li > a i {
	position: absolute;
	left: 15px;
}

#login-menu .user-drop-menu ul li > i {
	margin-right: 20px;
}

/*Support menu icon*/
#login-menu .user-drop-menu-support {
	width: 300px;
}
#login-menu .user-drop-menu-support ul li > a {
	padding: 5px 16px 12px 35px !important;
	position: relative;
}
#login-menu .user-drop-menu-support ul li > a i {
	position: absolute;
	left: 15px;
}

#login-menu .user-drop-menu-support ul li > i {
	margin-right: 20px;
}

/* Layout: Override header */
#override-header {
	text-align:center;
	background:#fca2a2;
	color:#666;
	border-bottom:1px solid #333;
	font-size:9.5pt;
	padding:0.3em;
	font:10pt/1.2 Rockwell,Arial,Helvetica,sans-serif;

}


/* Layout: Main div */

#footerDiv {
  background-color:#313131;
	margin-top:-5px;
	box-shadow:0 -5px 5px rgba(0,0,0,0.1); /* FF4+, IE9+, Chrome, Opera */
	text-align:center;
	font-size:11pt;
	color:#313131;
	padding-bottom:6px;
}
#footerDiv>div	{
	background-color: #FBFBFB;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
  padding: 3px 0px 3px 0px;
  position: relative;
}

#footerDiv>div:before {
  content: "";
  border-bottom: dashed 1px #E9E9E9;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 3px;
  left: 0px;
}

#footerDiv>div:after {
  content: "";
  border-bottom: dashed 1px #E9E9E9;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: 0px;
}

#footerDiv>div>ul.modules {
  margin:0 auto;
	padding-top:6px;
	text-align:center;
	max-width:1200px;
	min-width:750px;
}

#footerDiv ul.modules li {
	display:inline-block;
	width:auto;
	padding:0.5em 1.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}

#footerDiv>ul.modules>li.active{
	display:none;
}
#footerDiv p{
	margin: 0 auto;
	padding: 2em 0;
	font:90%/1 'Century Gothic',Arial,Helvetica,sans-serif;
	color:#fff;
}
#footerDiv p:before {
	/*content:url(../images/logos/jbsys-logo.png);*/
	content:' ';
	display:block;
	margin:0 auto;
	background:transparent url(https://d1p7jztoc1019b.cloudfront.net/images/logos/MT_LOGO.png) no-repeat center top;
	background-size: contain;
	width:200px;
	height:64px;
}
#footerDiv .mod-1>a{
	color:#FD941C !important;
}
#footerDiv .mod-2>a{
	color:#D01619 !important;
}
#footerDiv .mod-3>a{
	color:#73256F !important;
}
#footerDiv .mod-48>a{
	color:#96B83D !important;
}
#footerDiv .mod-184>a{
	color:#000 !important;
}
#footerDiv .mod-212>a{
	color:#18B593 !important;
}
#footerDiv .mod-229>a{
	color:#82222d !important;
}
#footerDiv .mod-500>a{
	color:#006699 !important;
}
#footerDiv .mod-1000>a{
	color:#006699 !important;
}
#footerDiv .mod-600>a {
  color: #b65b29 !important;
}
#main{
	position: relative;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 750px;
    width: 95%;
	/*border-top:none;*/
	overflow:hidden;
	background-color:#fff;
/* 	margin-top:22px; */
	margin-top: 15px;
	/*border-top-left-radius:1.2em; /* IE9+, FF4+, Chrome, Safari 5+, Opera */
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em; /* IE9+, FF4+, Chrome, Safari 5+, Opera */
}

#main .global-help-icon {
	/*position: absolute;
	top: 33px;
	right: 50px;
	z-index: 10;
	*/
	position: relative;
	float: right;
	right: 10px;
	top: 30px;
	z-index: 10px;
	cursor: pointer;
}

#main .global-support-icon {
	position: relative;
	float: right;
	right: 5%;
	top: 30px;
	z-index: 10px;
	cursor: pointer;
}



/* Layout: Header */
#headerDiv {
/* 	font:10pt/1.2 Rockwell,Arial,Helvetica,sans-serif; */
	background:#fff;
	/*overflow:hidden;
	padding:1em 2.5em 1em 3em;*/
	padding:0.5em 0;
	box-shadow:0 0 5px #434141; /* FF4+, IE9+, Chrome, Opera */
	min-height:90px;
}
#headerDiv>div {
	position:relative;
	margin:0 auto;
	max-width:1200px;
/* 	min-width:750px; */
	height: 103px;
}
#siteLogo {
	padding-left:3em;
}
#siteLogo img {
	max-height:90px;
}
#loginInfo {
	position:absolute;
	right:1em;
	top:0;
	background: transparent url('/common/images/feet.png') no-repeat center center scroll;
	background-size: contain;
	height: 150px;
	width: 70px;
	z-index: 5;
}
#loginInfo h1 {
	display:none;
}
#loginInfo strong {
	color:#006699;
}
#loginInfo .help.icon{
	position:relative;
	right:-53px;
	bottom:-42px;
	z-index:1;
}

/* Layout: Page header */
/* #pageHeader {
	position: relative;
	width:78%;
	min-width:250px;
	max-width:271px;
	margin:5px auto 0;
	background: #fff url(https://d1p7jztoc1019b.cloudfront.net/images/logos/new-mission-tracker-small.png) no-repeat center;
	background-size: 100% !important;
	height:80px;
	padding:1em 0 0;
	border-bottom:1px dashed #e0e0e0;
}
*/

.base #pageHeader {
	height: 100px;
	margin: 26px auto 0;
}

.base #pageHeader a.header-link {
	display: block;
	width: 100%;
	height: 100%;
}

body:not(.base) #pageHeader {
	/* height: 60px;
	background:#fff !important; */
	display: none;
}

/* Layout: Content */
#contentDiv {
	background:#fff;
	padding:17px;

}
.contentPane { /* Content section when side navigation is present */
	margin-left:210px;

}
.contentPane h2 { /*BreadCrumbs for navigation in each tracker not in portal*/
	font:12pt/1.6 Rockwell,Arial,Helvetica,sans-serif;
	color:#666;
	margin-top:-10px;
}



/**************************************************/
/* Navigation */
.newmessages{
    height: 20px;
	background: #CA0006;

	box-shadow:0 0 8px -1px #000 inset;

    border-radius: 10px;
    min-width: 16px;
    color: whitesmoke;
    text-align: center !important;
    vertical-align: middle;
    display: inline-block;
    font-size: 12pt;
    position: relative;
    padding:2px 6px 0 !important;
    text-indent:0 !important;
    font-weight:normal !important;
}
/* Module icons (main navigation) */
ul.modules {
	list-style-type:none;
	margin:3em 0;
	padding:0;
	/*text-align:center;*/
}
.base ul.modules {
	margin: 0;
}

ul.modules li {
	display:inline-block;
	width:40%;
	margin:1em 4%;
	text-align:center;
}
#navPane>ul img {
	height:30px;
	width:30px;
	/*vertical-align:top;*/
	position:absolute;
	left:-30px;
	top:0;
}
ul.modules img {
	max-width:100px;
	display:block;
	margin: auto auto 10px;
	vertical-align:middle;
}
ul.modules a {
	color:#000;
	display:inline-block;
	font:12pt/1.2 Arial,Helvetica,sans-serif;
}


/***Back img**/
li.back img {
	display:none;
}
li.back a {
	display:none;
}

td img.resFlag {
	vertical-align: middle;
	margin-right: 3px;
}

/* Module list (side navigation) */
#navPane {
	float:left;
	width:180px;
	margin:1em 0.5em 2.5em 0;
	background-color:#fff;
	font:10pt/1.2 Rockwell,Arial,Helvetica,sans-serif;

}
#navPane ul {
	list-style:none;
	margin:0;
	padding:0 0 0 1em;
}
#navPane>ul {
	text-indent:-2em;
}

#navPane li {
	margin:0;
	padding:0;
}
#navPane li a {
	display:block;
	padding:0.5em 0.6em 0.4em 0.8em;
	text-indent:-0.4em;
	position:relative;
}
#navPane li.icn>a { /* With an icon */
	border-left:30px solid transparent;
	background-clip:padding-box;
}
#navPane li.active {
	background:#f1f1f1;
	font-weight:bold;
	position:relative;
	padding-left:1.5em;
	margin-left:-1.5em;
}
#navPane>ul>li {
	padding:3px 0;
}

#navPane li a:hover {
	background-color:#eee;
}
#navPane li>ul {
	margin:0.5em 0 0.5em 1em;
	padding:0.5em 0.7em;
	background:#f1f1f1;
	border-radius:0.8em;
	text-indent:0;
}
#navPane>ul>li>ul>li>ul {
	padding:0 0 0.4em 1em;
	margin:0;
}

/* List has icons - need to indent differently */
#navPane>ul>li>ul>li.icn {
	margin-left:-0.3em;
}
#navPane>ul>li>ul>li.icn>ul {
	padding-left:2em;
}

/* Active item */
#navPane li>ul>li.active {
	background:#f1f1f1;
	font-weight:bold;
	position:relative;
	padding-left:0;
	margin-left:0;
}

/* Active (selected) arrow */
#navPane ul li.active:after {
	content:' ';
	position:absolute;
	left:100%;
	height:0;
	width:0;
	top:0;
	border-top:17px solid transparent;
	border-bottom:17px solid transparent;
	border-left:20px solid #f1f1f1;
}
#navPane li>ul li.active:after {
	margin-left:7px;
	top:-2px;
}
/*
#navPane>ul>li.active:after {
	top:1px;
}
#navPane li>ul>li>ul>li.active:after {
	top:1px;
}*/

/* Older style
#navPane ul.modules li {
	display:block;
	width:auto;
	margin:10px 0;
	padding:0;
}
#navPane ul.modules li a {
	display:block;
	width:180px;
	height:30px;
	background-image:url('../images/aqua-button_ltBlue.jpg');
	background-repeat:no-repeat;
	padding:10px 0 0 0;
}
#navPane ul.modules li.active a,
#navPane ul.modules li a:hover {
	background-image:url('../images/aqua-button_blue.jpg');
}
#navPane ul.modules li.back a,
#navPane ul.modules li.back a:hover {
	background-image:url('../images/aqua-button_red.jpg');
}*/


/**************************************************/
/* Tables */

table {
	border:1px solid black;
	border-top:none;
	border-spacing:1px;
	margin-bottom:1em;
	width:100%;
	empty-cells:show;
}
table caption {
	font-weight:bold;
	font-size:12pt;
	padding:0.3em 0;
	background:#f1f1f1;
	color:#000;
	border:1px solid black;
	border-bottom-color:#999;
}
table th {
	text-align:left;
	color:#555;
}
table td,
table th {
	border:1px outset #eee;
	padding:5px;
	vertical-align:top;
}

table th[onclick]{
	cursor:pointer;
}
table th[onclick]:hover{
	text-decoration:underline;
}
table th.order_asc:after{
	content:' ';
	width: 0;
	height: 0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:8px solid red;
	position:relative;
	top:10px;
	left:8px;
}
table th.order_desc:after{
	content:' ';
	width: 0;
	height: 0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-bottom:8px solid red;
	position:relative;
	top:-10px;
	left:8px;
}

/* Table summary row */
tr.summary td,
tr.summary th {
	border-top:3px solid #ccc;
}

/* Cell divider (puts extra border on left side */
table th.divider,
table td.divider {
	border-left:3px solid #ccc;
}

/* Suppress margins of paragraphs in table cells */
table td p:first-child {
	margin-top:0;
}
table td p:last-child {
	margin-bottom:0;
}


/**************************************************/
/* Forms */

/** Labels **/
form table td label,
.label {
	display:block;
	font-size:11pt;
	margin-bottom:0.2em;
	width: auto;

}
label,
.label {
	color:#555; /* In case no other is specified */
}
caption label { /* Do not color labels in captions */
	color:#000;
}

/* Help icon */
label[title] {
	cursor:help;
}
label[title]:after {
	content:url('/common/images/icons/help.png');
	vertical-align:middle;
	margin-left:2px;
}
label[title]:hover:after {
	opacity:0.9;
}

/** Inputs **/
form td.required {
	outline: 2px solid #bf0d1e;
}

form td input[type="text"] {
	width:97%;
}
form td textarea {
	width:99.5%;
}
input.datePicker,
form td input.datePicker {
	width:8.5em;
}

form td select {
	max-width:200px;
}

form input[type="text"]:focus,
form textarea:focus {
	border-color:#ccc;
}

/* Checkboxes, radio buttons, and their labels */
form input[type="checkbox"],
form input[type="radio"] {
	margin:0;
}

form input[type="checkbox"]+label, /* Inline labels next to checkboxes and radio buttons */
form input[type="radio"]+label {
	display:inline;
	color:#000;
	font-size:10pt;
	margin:0;
	padding:0 0.5em 0 0.3em;
}

/* Reset label styles */
label.auto,
.label.auto {
	display:inline;
	font-size:inherit;
}

/* Reset input width */
input.auto,
select.auto,
textarea.auto {
	width:auto !important;
}

input.numeric {
	width:5em !important;
	text-align:right;
}

/* Tableless form layout */
.tableless p {
	clear:left;
	padding-left:8em;
}
.tableless label {
	width:7.8em;
	margin-left:-8em;
	float:left;
}

/**************************************************/
/* Global Profile */

.profileImg {
	text-align:center;
}

.profileImg img {
	max-width:130px;
}

/**************************************************/
/* Global Search */
.leftCol .res-main-info > a:hover {
	text-decoration: none;
}
.leftCol .res-main-info > a:nth-child(2) {
	margin-left: 10px;
}

.imgCol {
	position: absolute;
	left: 20px;
	top: 10px;
	bottom: 0;
	height: 100px;
	width: 100px;
}
.imgCol > img {
	height: 85px;
	width: 85px;
}
.imgCol.no-img {
	height: 50px;
}
.imgCol .img-link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
}
.imgCol > div {
	display: block;
}
.imgCol > div > figure.yellow-case {
border-color: #e3be44 !important;
}
.imgCol > div > figure.red-case {
border-color: #d23d3d !important;
}
.imgCol > div > figure {
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	background-color: #c7c7c7;
	border-radius: 50%;
	border: 2px solid #96b83d;
	margin: 0 auto;
	height: 96px;
	width: 96px;
}

.search_results_client_id_block
{
	font-size: 90%;
	margin-top: 10px;
	display: block;
}

.status-badge {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}

.knob-container > div {
	position: relative;
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
	z-index: 1;
}
.resSearch > div:hover .knob-container > div {
  opacity: 1;
  visibility: visible;
}
.knob-container > div > canvas {
	height: 75%;
	width: 75%;
	top: 11px;
	left: 12px;
	position: relative;
}
.knob-container > div > input{
	margin: auto !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	font-size: 34px !important;
	width: 100% !important;
}

.right-controls {
	position: absolute;
	right: 18px;
	top: 18px;
	text-align: center;
}
.right-controls a {
	display: block;
}
.right-controls a + a {
	margin-top: 15px;
}
.right-controls i {
	color: #000;
	font-size: 18px;
}

.action-list > a {
	position: relative;
	z-index: 1;
}
.action-list.show-actions > a {
	z-index: 3;
}
.action-list > div {
	background-color: #fff;
	box-shadow: 5px 5px rgba(102,102,102,.1);
	position: absolute;
	left: -190px;
	top: 7px;
	width: 200px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}
.action-list.show-actions > div {
	opacity: 1;
	visibility: visible;
}
.action-list.show-actions i:before {
	content: '\f057';
}
.action-list > div > ul {
	border: solid 1px #d5d5d5;
	padding: 0;
	margin: auto;
	text-align: left;
}
.action-list > div > ul > li {
	list-style: none;
	margin: auto;
}
.action-list > div > ul > li > a {
	border-bottom: 1px solid #EFF2F6 !important;
	color: #888 !important;
	padding: 10px 16px !important;
}
.action-list > div > ul > li > a:hover {
	background-color: #f1f1f1;
	text-decoration: none;
}

.all-flags,
.all-relationships {
	position: relative;
}
.all-flags .flag-num,
.all-relationships .relationship-num {
	font-size: 11px !important;
	border-radius: 12px !important;
	text-align: center;
	font-family: "Open Sans",sans-serif;
	position: relative;
	top: -10px;
	right: 10px;
	padding: 0 4px;
	background-color: #96b83d;
	color: #fff;
}

.show-relationships h2 {
	border-bottom: solid 1px #000;
	padding: 30px 0 3px;
	margin-bottom: 7px;
	font-size: 15px !important;
	line-height: 20px !important;
	width: 30%;
}


/**************************************************/
/* Side Calendar - Side Reports */
.side-calendar,
.side-reports {
	transition: all 0.5s ease 0s;
	width: 0;
}
.side-calendar .side-cal-btn,
.side-reports .side-reports-btn {
	background-color: #071626;
	cursor: pointer;
	position: fixed;
	right: 0;
	top: 60px;
	bottom: 0;
	height: 50px;
	width: 35px;
	margin: auto;
	z-index: 998;
	opacity: 1;
	visibility: visible;
	transition: all 0.5s ease 0s;
}
.side-reports .side-reports-btn {
	top: -60px;
}
.side-calendar .side-cal-btn > i,
.side-reports .side-reports-btn > i {
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
	height: 18px;
	width: 18px;
}
.side-cal-container,
.side-reports-container {
	background: url(../images/modal-pattern.png) no-repeat scroll right bottom #f1f3f5;
	position: fixed;
	top: 0;
	right: -410px;
	display: block;
	width: 410px;
	height: 100%;
	transition: all 0.5s ease 0s;
	z-index: 999;
}
.show-cal .side-cal-btn,
.show-reports .side-reports-btn {
	right: 410px;
}
.show-cal .side-cal-container,
.show-reports .side-reports-container {
	right: 0;
}
.side-calendar .cld-inner {
	padding-bottom: 94px;
}
.btm-calendar-options {
	position: absolute;
	left: 0;
	bottom: 15px;
	right: 0;
	margin: auto;
	text-align: center;	
}
.btm-calendar-options .pagination {
	margin-bottom: 15px !important;
}
.cld-inner {
	display: flex;
	overflow: hidden;
	padding-bottom: 60px;
	flex-direction: column;
	height: 100%;
}
.side-reports-container .cld-inner {
	padding-bottom: 45px;
}
.cld-top{	
	text-align: center;
	padding: 0 20px;
/* 	height: 78px; */
}
.cld-top:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: url(../images/color-bar.jpg) no-repeat scroll left top transparent;
	background-size: 100% 100%;
	z-index: 1;
}
.cld-top .more{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #000;
}
.cld-top p{
	font-size: 18px;
	text-transform: uppercase;
	max-width: 274px;
	width: 100%;
	padding: 15px;
	margin: 10px auto 0;
}
.cld-content {
	border-bottom: 1px solid #CCC;
	padding: 0px 20px 26px;
	flex-grow: 1;
	height: calc(100% - 78px);
	overflow-y: auto;
}
.cld-content h3 {
	color: #10283a;
	margin-bottom: 10px;
}
.cld-content .btn {
	display: block;
	width: 100%;
	max-width: 160px;
	margin: 0 auto;
}
.cld-content table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	height: 100%;
	margin: 0;
	width: 100%;
}
.cld-content th {
	text-transform: uppercase;
}
.cld-content th, .cld-content td {
	padding: 12px 10px 12px 0;
	border: none;
	border-bottom: 1px solid #CCC !important;
}
.case-load-cal-table th:first-child {
  width: 105px;
}

.case-load-cal-table th:nth-child(2) {
	width: 144px;
}

.hide-wrap {
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cld-content  tr:last-child td {
	border-bottom: none;
}

.cld-content #mt-paging {
	position: relative;
	top: -10px;
	padding: 0 10%;
}

.cld-content #mt-paging > .pagination {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.cld-content #mt-paging .pagination {
	width: 100%;
	max-width: 278px;
	margin: 0 auto;
}
.cld-content #mt-paging > .pg-arrow {
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}

.cld-content #mt-paging > .prev {
	left: 5%;
}

.cld-content #mt-paging > .next {
	right: 5%;
}

.cld-content #mt-paging > .prev a,
.cld-content #mt-paging > .next a {
  font-size: 35px;
  padding:0;
  background: transparent;
  color:#000;
  transition: all 0.3s ease 0s;
}
.cld-content #mt-paging > .prev a:hover,
.cld-content #mt-paging > .next a:hover {
	color: #96b83d !important;
}

.pagination .slick-slide span {
	display: block;
	padding: 16px 11px 14px;
	background-color: #fff;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	width: 44px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none !important;
}

.pagination .slick-slide span::-moz-focus-inner,
.pagination .slick-slide::-moz-focus-inner {
  border: 0;
}

.pagination .slick-slide span:focus,
.pagination .slick-slide:focus {
	outline:none;
}

.pagination .selected span,
.pagination .slick-slide span:hover {
	background-color: #96b83d;
}

.pagination .slick-slide + .slick-slide {
	margin-left: 14px;
}

.case-load-time {
	font-size: 10px;
	display: block;
}

.cld-content tr:last-child td {
	border-bottom: none !important;
}

.side-cal-container .spinner {
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}

.simple-modal .spinner {
	display: block;
	margin-top: 12px;
}

.spinner i {
	font-size: 50px;
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px !important;
	display: block !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.simple-modal .spinner i {
	font-size: 20px;
	position: static;
	height: 20px;
	width: 20px;
	line-height: 20px !important;
}

.simple-modal .spinner + br {
	display: none;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/**************************************************/
/* Miscellaneous */

/* For Res Search Form */
.dateSetting {
	padding: 5px;
	display: inline-block;
}

/* Text alignment */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

/* Vertical alignment */
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

/* Text size */
.smallest { font-size:9pt; }
.smaller { font-size:10pt; }
.larger { font-size:12pt; }

/* Floating */
.lfloat { float:left; }
.rfloat { float:right; }

.tab-buttons {
	padding-top: 6px;
}

table caption span.rfloat{
	margin-right: 5px;
}

.padding {
	padding-left: 5px;
	padding-right: 5px
}
/* Generic columns */
.leftCol {
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin-right:1%;
}
.rightCol {
	display:inline-block;
	vertical-align:top;
	width:49%;
}

/* Padding (or lack of) */
.nopad { padding-top:0; padding-bottom:0; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.nopaddingmargin {
	padding: 0;
	margin: 0;
}

/* Misc */
.nowrap { white-space:nowrap; }


/*Sign Out Button*/
.logOut {
	background-color: #2299d0;
	padding:5px;
	margin-left:6em;
	text-align:center;
    border: medium none white;
    border-radius: 0.45em 0.45em 0.45em 0.45em;
	-moz-border-radius:0.3em; /* FF 3.5 and below */
	-webkit-border-radius:0.3em; /* Safari 3,4 */
}
.logOut>a:link{
	color:#fff !important;
	text-decoration:none;
}
.logOut a:visited {
	color:#fff !important;
}

/************************************************************
Icons */
.icon{
	display:inline-block;
	height:16px;
	width:16px;
	cursor:pointer;
}
.icon:hover{
	opacity:0.8;
}
.icon.accept{background-image:url('../images/icons/accept.png');}
.icon.add{background-image:url('../images/icons/add.png');}
.icon.delete{background-image:url('../images/icons/delete.png');}
.icon.schedule{background-image:url('../images/icons/calendar_view_week.png');}
.icon.edit{background-image:url('../images/icons/pencil.png');}
.icon.group{background-image:url('../images/icons/group.png');}
.icon.help{background-image:url('../images/icons/help.png');cursor:help; background-size: 110%;z-index:auto;}
.icon.info{background-image:url('../images/icons/information.png');cursor:help;}
.icon.movehandles{background-image:url('../images/icons/movehandles.png');cursor:move;}
.icon.user{background-image:url('../images/icons/user.png');}
.icon.pdf{background-image:url('../images/icons/icon-pdf.png');}

/* Icons */
.icon {
	display:inline-block;
	vertical-align:middle;
	height:18px;
	width:18px;
	color:transparent;
	text-align:left !important; /* Needed for text-indent to work */
	text-indent:-9999px;
	background-position:center center;
	background-repeat:no-repeat;
	outline:none;
}
.icon.addendum { background-image:url('../images/icons/addendum.png'); }
.icon.activate { background-image:url('../images/icons/system-green.png'); }
.icon.deactivate { background-image:url('../images/icons/system-red.png'); }
.icon.move { background-image:url('../images/icons/right3green.png');}
.icon.trash{background-image:url('../images/icons/trash.png');}
.icon.calendar { background-image:url('../images/icons/calendar.png'); }
.icon.calendar.add { background-image:url('../images/icons/calendar_add.png'); }
.icon.calendar.delete { background-image:url('../images/icons/calendar_delete.png'); }
.icon.calendar.edit { background-image:url('../images/icons/calendar_edit.png'); }
.icon.calendar.look { background-image:url('../images/icons/date_magnify.png'); }
.icon.greencheck { background-image:url('../images/icons/accept.png'); }
.icon.profile { background-image:url('../images/icons/profile.png'); }
.icon.email.read { background-image:url('../images/icons/page_white_magnify.png'); }
.icon.sticky-note { background-image:url('../images/icons/note.png'); } /* Can't just use "note" or it'll inherit other unwanted styling */
.icon.email { background-image:url('../images/icons/email.png'); }
.icon.email.open { background-image: url('../images/icons/email_open_image.png'); }
.icon.email.important { background-image:url('../images/icons/mail.png'); }
.icon.email.attach { background-image:url('../images/icons/email_attach.png'); }
.icon.email.reply{ background-image:url('../images/icons/email_go.png'); }
.icon.email.error{ background-image:url('../images/icons/email_error.png'); }
.icon.paperclip { background-image:url('../images/icons/attach.png'); }
.icon.exclamation{ background-image:url('../images/icons/exclamation.png'); }
.icon.exclamation.big{background-image:url('../images/icons/alert.png');}
.icon.folder{ background-image:url('../images/icons/folder.png'); }
.icon.archive{ background-image:url('../images/icons/folder_page.png'); }
.icon.unarchive{ background-image:url('../images/icons/email_go.png'); }
.icon.folder.add{ background-image:url('../images/icons/folder_add.png'); }
.icon.folder.delete{ background-image:url('../images/icons/folder_delete.png'); }
.icon.folder.edit{ background-image:url('../images/icons/folder_edit.png'); }
.icon.folder.open{ background-image:url('../images/icons/folder_explore.png'); }
.icon.folder.move{ background-image:url('../images/icons/folder_go.png'); }
.icon.folder.important{ background-image:url('../images/icons/folder_star.png'); }
.icon.folder.user{ background-image:url('../images/icons/folder_user.png'); }
.icon.user.go{ background-image:url('../images/icons/user_go.png'); }
.icon.up{background-image:url('../images/icons/arrow-up.png');}
.icon.down{background-image:url('../images/icons/arrow-down.png');}
.icon.warning{
	background-size: contain;
	background-image:url('../images/icons/warning-blue.png');
	}
.unread { font-weight: bold; }
tr.important { background-color: mistyrose !important; }

/**********************************************************
Buttons */
.button{
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#555;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
	margin:2px;
}
.button:hover{
	background-color:#dfdfdf;
}
.button:active{
	position:relative;
	top:1px;
}
.red.button{
	background-color:#fcc;
}
.green.button{
	background-color:#cfc;
}
.disabled.button {
    color: #AFAFAF;
    cursor: not-allowed;
}
.disabled.button:hover {
	background-color: #EDEDED;
	text-decoration: none;
}
.disabled.button:active {
	top: 0;
}
.missed {
		background-color:#fcc;
	}
.inline.button{
	font-size:10px;
	font-weight:normal;
	padding:2px 8px;
	vertical-align:bottom;
}
.delete.button{
	padding-left:22px;
	background-image:url('../images/icons/delete.png');
	background-repeat:no-repeat;
	background-position:3px center;
}

/* simplemodal: */
#simplemodal-container{
	display:inline-block;
	min-width:600px;
	background-color:white;
	padding:1em;
	border-radius:1em;
	/* overflow-y:auto; */
	width: auto !important;
	max-width: 1000px;
/* 	height: auto !important; */
/* 	max-height:700px; */
	top:50% !important;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%);
}
#simplemodal-container .tabbed-intake-modal {
	min-width: auto;
}
.simplemodal-wrap {
	overflow: auto !important;
}

#simplemodal-container a.modalCloseImg {
	background:url('../images/icons/dialog-x.png') no-repeat #FFF;
	width:29px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:6px;
	right:6px;
	cursor:pointer;
}
#simplemodal-container a.modalCloseImg:hover{
	background-image:url('../images/icons/dialog-x-hover.png');
}
#simplemodal-overlay{
	background-color:black;
}
.simplemodal-data>h2{
	margin-top:0;
	padding-top:.5em;
}


/* tinymodal */
/************************************************************
Modal */

.tinymodal {
	position:fixed;
	background-color:white;
	padding:2em 1.5em 1em;
	top:15%;
	left:15%;
	width:70%;
	max-height:70%;
	height: auto;
	z-index:9999;
	border-radius:1em;
}
.tinymodal > div {
  overflow-y: auto;
}
.tinymodal-content {
	max-height:100%;
	overflow-y:auto;
	position:relative;
}
.tinymodal-content>h2:first-child{
	margin:0;
	padding:4px 0px;
	border-bottom:1px solid #ddd;
}
.tinymodal-close{
	position:absolute;
	right:-0.5em;
	top:-0.5em;
	color:#000 !important;
	background:#fff;
	width:1.3em;
	height:1.3em;
	text-align:center;
	border:3px solid #000;
	border-radius:100%;
	cursor:pointer;
}
.tinymodal-close:hover{
	background-color:#ddf;
}
.tinymodal-overlay {
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	z-index:9998;
	width:100%;
	height:100%;
	left:0;
	top:0;
}


.swatches{
	margin:1em 0em;
	border:1px solid #888;
	padding:2px;
}
.swatches>span{
	border:1px solid black;
	padding:4px 12px;
	display:inline-block;
}

.onlyprint{
	display:none;
}

@media all {
	.page-break	{ display: none; }
}
@media print {
	.page-break	{ display: block; page-break-before: always; }
}


.notification{
	position:fixed;
	display:inline-block;
	min-width:200px;
	background-color:white;
	padding:1em;
	border-radius:1em;
	border:1px solid #888;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
	top:1em;
	right:1em;
}
.warning.notification{
	padding:1em 1em 1em 3.2em;
	background-color:#ffd;
	background-image:url('../images/icons/warning.png');
	background-position:1em center;
	background-repeat:no-repeat;
}
.hide,
.table.hide {
	display: none;
}
table.invisible{
	border:none;
	margin-bottom: 0;
}
table.invisible td, table.invisible th{
	border:none;
}
/************************************************************
Slide hide table */
.goal-header{
	background-color:#f1f1f1;
	border:1px solid black;
	padding:4px;
	text-align:center;
	cursor:pointer;
	margin:0;
}
.goal-list{
	margin-bottom:1em;
	margin-top:1em;
}
.goal-header:hover{
	background-color:#f8f8f8;
}
.goal-expand{
	display:none;
}

/*************************
   Generic Site Styles
*************************/
.table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  /*float: none !important;*/
}
.table.page {
  max-width: 1024px;
  margin: 0 auto;
}
.table.auto-height {
  height: auto;
}
.table.auto-width {
  width: auto;
}
.table.auto-all {
  height: auto;
  width: auto;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none !important;
}

.table.borders,
.table.borders > .row > .cell,
.table.borders > .cell {
	border: 1px solid #5d5959;
}
.padding {
  padding: 0px 20px;
}
.padding-left {
  padding-left: 20px;
}
.padding-right {
  padding-right: 20px;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
.table-header-group {
  display: table-header-group;
}
.table-footer-group {
  display: table-footer-group;
}

/* Text alignment */
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }

.relative {
  position: relative;
}

.no-scroll {
	overflow: hidden;
}

/* ----- Responsive for base layout ----- */

@media screen and (max-width:1270px) {
	#headerDiv > div {
		width:95%;
	}
}

/********************************
  Solution for overflow tables
********************************/

.mt-report-table-wrapper {
	display: block;
	width: 100%;
	overflow: auto;
	height: auto;
}

.mt-report-table-wrapper > table {
	
}

/**************************************************/
/* New Custom table styles */
.tbl-actions {
	width:100%;
}
.tbl-caption {
	text-align: left !important	;
	padding-left:0 !important;
	padding-right:0 !important;
	display: table-caption !important;
}
.tbl-caption .tbl-title {
	display: inline-block;
	font-size: 1.25rem;
	padding-top: 5px;
	padding-left: 10px;
	font-family: Arial,Helvetica,sans-serif;
}
.tbl-title-button {
	float: right;
	text-shadow: none;
	font-weight: normal;
	margin-right: 10px;
	font-weight: bolder;
	color: #555 !important;
}

/* Export buttons */
#tbl-actions .action-collection {
	display:none;
	position: relative;
}
#tbl-actions .action-collection > div {
	display: flex !important;
	flex-direction: column !important;
	z-index: 9999 !important;
	width: fit-content !important;
	position: absolute !important;
	right: 0 !important;
	width: 120% !important;
	border: 1px solid rgba(0,0,0,.15) !important;
	background-color: #fff !important;
}
#tbl-actions .action-collection button {
	padding: 5px 0;
	margin: 2px 0;
	border: 0;
	background-color: #fff;
}
#tbl-actions .action-collection button:hover {
	background-color: rgb(239, 239, 239);
	cursor: pointer;
}
#tbl-actions {
	width:fit-content;
	height: -webkit-fill-available;
	height: -moz-availible;
    height: fit-content;
	margin-top: 1px;
}
#tbl-actions #tbl-first-action {
	width: 100%;
	padding: 4px 5px;
	text-align: left;
}
#tbl-actions #action-btns #tbl-first-action i,
#tbl-actions #action-btns button i {
	color: green;
}

#tbl-actions #tbl-first-action a,
#tbl-actions #tbl-first-action button {
	color: black !important;
	padding: 0 !important;
	text-align:left !important;
}
#tbl-actions .dt-buttons .buttons-collection,
#tbl-actions .dt-buttons .dt-button {
	width: 100% !important;
	padding: 4px 5px !important;
	text-align:left !important;
}
#tbl-actions .dt-button-collection {
	margin-top: 0 !important;
	font-weight: normal;
}
#tbl-actions .dt-button-collection div {
	position: relative !important;
	width: 90% !important;
	margin: 4px auto !important;
	/* For right side */
	/* width: 40%;
	right: 10px;
	top: 30px; */
}
#tbl-actions .dt-button-collection div button {
	padding: 4px 5px !important;
	text-align: left !important;
}
#tbl-actions #tbl-legend-action {
	text-align: left;
	padding: 4px 5px;
}
#tbl-actions #action-btns button {
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 4px 5px;
}
#tbl-actions .button {
	margin: 1px;
}
.tbl-caption #tbl-legend span {
	font-weight: normal;
}
/* End Export buttons */
.mt_d-none {
	visibility: hidden;
	padding: 0 !important;
	/* display:none; */
}
.mt_select-action {
	background: #fcfcfc;
    color: #111;
    font-size: 14px;
    padding: 3px 7px;
    margin: 0;
    border: 1px solid #999;
    line-height: 1.1;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em !important;
    width: 100%;
}

/* Custom datatable styles */
.mt_new-datatable {
	margin: 20px auto;
	padding: 0;
}
.mt_new-datatable:before
.mt_new-datatable:after {
	content: '';
	clear: both;
}
.mt_new-datatable .dataTables_filter {
	position: relative;
	z-index: 1;
	right: 200px;
	/* top: 4px; */
	/* transform: translateY(20%); */
	margin: auto 0;
	float: right !important;
}

.mt_new-datatable .dataTables_filter label {
	font-size: 15px;
	margin-bottom: 0.1em;
}
.mt_new-datatable table.dataTable tbody th {
	font-size: 11pt;
}
.mt_new-datatable table.dataTable tbody th, 
.mt_new-datatable table.dataTable tbody td {
	padding: 8px 20px;
}
.mt_new-datatable .dataTable {
	position: relative;
	top: -40px;
}
.mt_new-datatable .dataTables_length {
	margin-top: 10px;
}
.mt_new-datatable .dt_button_wrap div {
	padding-right: 10px; 
}
.mt_new-datatable .dataTables_wrapper .dataTables_info {
	padding-top: .8rem;
}
.mt_new-datatable .dataTables_filter input {
	padding: 6px;
	font-size: 15px;
}
.mt_new-datatable .dt-button-collection div {
	display: flex;
	flex-direction: column;
	width: fit-content;
	position: absolute;
	right: 0;
	width: 120%;
	border: 1px solid rgba(0,0,0,.15);
	background-color: #fff;
}
.mt_new-datatable .dt-button-collection button {
	padding: 5px 0;
	margin: 3px 0;
	border: 0;
	background-color: #fff;
}
.mt_new-datatable .dt-button-collection button:hover {
	background-color: rgb(239, 239, 239);
	cursor: pointer;
}
.mt_new-datatable .fa-sort-down:before {
	vertical-align: bottom;
}
.mt_new-datatable .dt_button_wrap,
.mt_new-datatable .dataTables_paginate {
	display: inline-flex;
	position: relative;
	top: -40.5px;
	float: left;
}

/* Only when inside of table footer */
.mt_new-datatable .dataTables_wrapper tfoot .dt_button_wrap {
	float: left;
}
.mt_new-datatable .dataTables_wrapper tfoot .dt_button_wrap .dataTables_length label {
	margin-bottom: 0;
}
.mt_new-datatable .dataTables_wrapper tfoot .dt_button_wrap .dataTables_length label > select {
	width: auto !important;
}
.mt_new-datatable .dataTables_wrapper tfoot .dataTables_paginate {
	float: right;
}
.mt_new-datatable .dataTables_wrapper tfoot .dataTables_info {
	padding-top: 0.2rem !important;
}
.mt_new-datatable .dataTables_wrapper tfoot .dt_button_wrap,
.mt_new-datatable .dataTables_wrapper tfoot .dataTables_paginate {
	display: inline-flex;
	align-items: baseline;
	position: relative;
	top: 0;
	padding: 0;
}
.mt_new-datatable .dataTables_wrapper tfoot .dt_button_wrap div,
.mt_new-datatable .dataTables_wrapper tfoot .dataTables_paginate div {
	/* margin: auto 0; */
	margin: 0;
}
.mt_new-datatable .dataTables_wrapper tfoot .dataTables_paginate .paginate_button {
	margin-top: 0 !important;
}
/* end footer hotfix */

.mt_new-datatable .paginate_button,
.mt_new-datatable .paginate_button .current {
	padding: 1px !important;
	margin-top: 5px !important;
}
.mt_new-datatable .dt_button_wrap div {
	padding-right: 10px; 
}
.mt_new-datatable .dataTables_wrapper .dataTables_info {
	padding-top: .8rem;
}
.mt_new-datatable .dt-button-collection div {
	display: flex;
	flex-direction: column;
	width: fit-content;
	position: absolute;
	right: 0;
	width: 120%;
	border: 1px solid rgba(0,0,0,.15);
	background-color: #fff;
}
.mt_new-datatable .dt-button-collection button {
	padding: 5px 0;
	margin: 2px 0;
	border: 0;
	background-color: #fff;
}
.mt_new-datatable .dt-button-collection button:hover {
	background-color: rgb(239, 239, 239);
	cursor: pointer;
}
.mt_new-datatable .fa-sort-down:before {
	vertical-align: bottom;
}

.mt_no-scroll {
	height: 100%;
	overflow: hidden;
}
/* firefox override */
@-moz-document url-prefix() {
    #tbl-actions {
		margin-top: 0px;
	}
	#tbl-actions .button {
		margin: 3px;
	}
}
/* remove second dt sort button */
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
	background-image: none !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	word-wrap: break-word !important;
	text-overflow: inherit !important;
	white-space: normal !important;
}

@media screen and (max-width:670px) { /* Phone View */

	.mt_new-datatable .tbl-caption {
		text-align: center !important;
	}
	.mt_new-datatable .tbl-caption .tbl-title {
		text-align: center;
		padding-left: 0;
		padding-bottom: 10px;
	}
	.mt_new-datatable #tbl-actions,
	.mt_new-datatable .dataTables_filter {
		float: none !important;
		margin: auto;
		text-align: center !important;
	}
	.mt_new-datatable .dataTables_wrapper tfoot .dataTables_paginate,
	.mt_new-datatable .dataTables_wrapper tfoot .dt_button_wrap {
		display: block;
		margin: auto;
		text-align: center;
		float: none;
	}
	.mt_new-datatable .dataTables_wrapper tfoot .dataTables_paginate {
		margin-top: 20px;
	}

	/* .mt_new-datatable {
		overflow-y: none;
		overflow-x: scroll;
	}

	.mt_new-datatable table tr td,
	.mt_new-datatable table tr th {
		display: table-cell !important;
	} */

	/* .mt_new-datatable #tbl-actions {
		float: none;
		margin: auto;
	} */

}