@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    /*src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans-Light.ttf') format('truetype');*/
    src: url('../fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/OpenSans-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/OpenSans-Light.ttf') format('truetype'); /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    /*src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Regular.ttf') format('truetype');*/
    src: url('../fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    /*src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/OpenSans-Semibold.ttf') format('truetype');*/
    src: url('../fonts/OpenSans-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/OpenSans-Semibold.ttf') format('truetype'); /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html {
    min-height: 100%;
}

body {
    background: none;
    font-family: 'Open Sans', sans-serif;
}

/*********************
    GLOBALS
*********************/
h3 {
    margin: 20px 0;
}

h6{
    background:#eee;
    padding:5px;
}

textarea {
    min-height: 40px;
}

a, a:hover, a:active, a:focus, input, .btn:focus, :focus {
    outline: 0 !important;
}

a {
    color: #2473b7;
    outline: none; /*Gets rid of firefox link outline*/
}

a:hover{
    text-decoration: underline;
    outline: none; /*Gets rid of firefox link outline*/
}

a.disabled{
    pointer-events:none;
    color:black;
}

.buttons {
    margin: 20px 0 0 0;
}

.asterisk {
    font-size: small;
    color: #333;
    vertical-align: top;
}

.panel-body h5 {
    font-weight: bold;
}

.txt-right{
    text-align: right;
}

/* Call Out*/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ccc;
    border-left-width: 5px;
    border-radius: 3px;
    background: #fff;
}

.bs-callout h3 {
    margin: 0 0 10px 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #2a5179;
}

.bs-callout-default h3 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #2a5179;
}

.bs-callout-primary h3 {
    color: #428bca;
}

/*********************
    TOP NAV
*********************/
#header {
    background: url(../img/header.jpg) center;
    -webkit-box-shadow: 0 6px 6px -6px black; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 6px 6px -6px black;
    box-shadow: 0 5px 5px -5px black;
    height: 65px;
    padding: 5px 0;
}

#header .navbar-brand {
    display: block;
    height: auto;
    padding: 0;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 250%;
    line-height: normal;
}

#header .navbar-brand img.logo {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#header .logo-text {
    float: left;
}

#header em {
    font-style: normal;
    font-size: smaller;
    font-weight: 300;
}

#header .navbar-brand:hover, #header .navbar-brand:active, #header .navbar-brand:focus {
    color: #fff;
}

#header .user-name {
    margin: 0 0 10px 0;
    color: #a0bee4;
    text-align: right;
}

.navbar-inverse {
    background: none;
}

#header .navbar-nav {
    clear: right;
    float: right;
}

#header .nav > li > a {
    margin: 0 0 0 20px;
    padding: 0;
}

/*********************
    MAIN
*********************/
.container-fluid {
    width: 97%;
}

/*Vertical Center*/
#wrapper {
    padding-top: 110px;
}

/*Panels*/
.panel-custom {
    border-radius: 0;
    border: 1px solid #aeafb5;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
}

.panel-custom > .panel-heading {
    background: #aeafb5;
    border: 1px solid #888;
    border-radius: 0;
}

.panel-heading .nav-pills > li {
    float: right;
    margin: 0;
}

.panel-heading .nav > li > a {
    margin: 0 3px;
    padding: 5px;
    background: #bcbec4;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    color: #444;
    text-shadow: 0 1px 0 #ccc;
    border-radius: 3px;
}

.panel-heading .nav > li > a:hover, .panel-heading .nav > li > a:active, .panel-heading .nav > li > a:focus {
    background: #484d54;
    color: #fff;
    text-shadow: 0 1px 0 #333;
}

.panel-custom .panel-title {
    font-weight: 300;
    font-size: 200%;
}

.panel-default .panel-title {
    font-weight: normal;
    font-size: 120%;
}

.panel-body {
    padding: 25px;
}

.panel-title .user-name {
    font-size: 15px;
    font-weight: 700;
    padding: 8px 0 0 0;
}

/*********************
    OKTA LOGIN
*********************/
.okta-login {
    width: 300px;
    height: 224px;
    top: calc(50% - 224px/2); /* height divided by 2*/
    left: calc(50% - 300px/2); /* width divided by 2*/
    margin: 0 auto 0 auto;
    background-color: #3A5C81;
    border: solid 1px #14365B;
    text-align: center;
}

.okta-login a {
    color: #0090cb;
}

.okta-login a:hover {
    color: #0077B2;
}

.okta-login .logo {
    width: 150px;
}

.okta-login .btn-danger {
    background: #7b1212;
    border: 1px solid #620000;
}

.okta-login .btn-danger:hover {
    background: #620000;
}

.okta-login p {
    font-size: 90%;
}

.p-2 {
    padding: .5rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.text-center {
    text-align: center !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.bg-white {
    background-color: #fff !important;
}

/*********************
    REGISTER
*********************/
.col-centered{
    float: none;
    margin: 0 auto;
}

/*********************
    SENT & RECIEVED
*********************/
/*Tabbable (Sent, Received & MTDrive*/
.nav-tabs {
    margin: 0 0 10px 0;
}

.nav-tabs > li > a {
    background-color: #eff1f9;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-bottom: 4px solid #fff;
}

.nav-tabs > li > a:hover {
    border-color: #c3c4cb;
    background-color: #d3d4db;
}

.transfer-btns {
    margin: 20px;
}

/*Transfer Table*/

/*Only apply this to the filename column on the tables. If we apply it everywhere it causes the data to wrap where you wouldn't expect.
  The only place we have a problem is with long file-names.*/
td:nth-child(2) {
    word-break: break-all;
}

.table-transfers tbody tr td:first-child {
    width: 100px;
    margin:0 auto;
    text-align:center;
}

/***********************************
    BOOTSTRAP OVERIDES FOR FOOTABLE
************************************/
.footable .pagination {
    display: block;
    margin: 5px auto !important;
}
.footable label{
     margin-bottom: 0 !important; 
}

/*dGrid errors*/
.footable tbody input.input-invalid, .footable tbody textarea.input-invalid {
    color: #a94442;
    background: #f2dede;
    border: #ebccd1;
}

.footable tbody select:focus, .footable tbody input:focus {
    background: #fff;
    border-color: #29aae2;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background:transparent;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #F0F4F9;
}

/***********************************
    FOOTABLE OVERIDES
************************************/
.footable {
    font-family: 'Open Sans', sans-serif !important;
    color: initial !important;
    border-radius: inherit !important;
}

.footable thead .pagination {
    border-bottom: 1px solid #ccc !important;
}

.footable > thead > tr:first-child > th.footable-first-column, .footable > thead > tr:first-child > td.footable-first-column {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.footable th {
    padding:5px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.5) !important;
    color: #55677a !important;
    text-wrap:none !important;
    border-bottom:none !important;
}

.footable th, .footable td {
    vertical-align: middle !important;
}

.footable > tbody > tr > td{
    padding:8px !important;
    border: none;
}

.footable > tbody > tr:hover {
    /*background: #d9eaf7 !important;*/
}

.footable > tfoot > tr > td{
    padding:5px !important;
}

/*********************
    UPLOAD
*********************/
.validation-message ul {
    list-style: none;
    border: none !important;
    margin: 0;
    padding: 0;
}

/*Droply*/
.droply-filedrag {
    width:100% !important;
    min-height: 180px;
    max-width:100% !important;
    padding:0;
    border:1px solid #ccc;
    background: #f0f4f9 url(../img/dropzone.png) center no-repeat;
    border: 2px dashed #ccc !important;
    font-family:inherit;
}

.droply-filedrag:hover {
    background-color:#e7eef7;
}

/*Upload - Fallback*/
/*.dz-browser-not-supported .dz-message{
    background:none;
    height:auto;
}

input.file-input {
    display: block;
    margin: 20px auto;
    width: 30%;
    min-width: 300px;
    height: 34px;
    border: 1px solid #aaa;
    font-size: 14px;
    line-height: 1.4285;
    color: #555;
    outline: 0;
}

input.file-input:before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.fallback table.table-transfers{
    margin:20px 0 0 0;
}

.fallback table.table-transfers th:first-child, .fallback table.table-transfers td:first-child {
    width:50%;
}

.fallback table.table-transfers td button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #b92c28;
    border-radius: 4px;
    color: #fff;
    background: #d9534f;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    background-repeat: repeat-x;
}

.fallback table.table-transfers td button:before {
    position: relative;
    top: 1px;
    margin: 0 5px 0 0;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e020";
}

.fallback table.table-transfers td button:hover, .fallback table.table-transfers td button:focus {
    background-color: #c12e2a;
    background-position: 0 -15px;
    border-color: #ac2925;
}*/

/*Fallback Placeholders for IE9*/
/*.placeholder{
    color:#aaa;
}*/

/*Recipient Options*/
.recipient-groups input, .recipient-groups button {
	background: none;
	border: 1px solid #c0d6ea;
	color: #2473b7;
	font-weight: 700;
	margin: 10px 20px;
	display: inline;
	text-wrap: normal;
	white-space: normal;
	-webkit-transition: background-color 500ms ease-out;
	-moz-transition: background-color 500ms ease-out;
	-o-transition: background-color 500ms ease-out;
	transition: background-color 500ms ease-out;
}

	.recipient-groups input:hover, .recipient-groups button:hover {
		color: #184d7a;
		text-shadow: none;
		background-color: rgba(36,115,183,0.25);
		border-color: #c0d6ea;
	}

/*Choose Recipients*/
#recipients .btn-group > a:active, #recipients .btn-group > a:focus {
    background: #2a5179;
}

.mt-tok-container {
    width: 80%;
}

#recipients .nav-tabs {
    margin: 40px 0 0 0;
}

#recipients .nav-tabs > li > a {
    border: 1px solid #ccc;
    border-bottom: none;
}

#recipients .nav-tabs > li.active > a, #recipients .nav-tabs > li.active > a:hover, #recipients .nav-tabs > li.active > a:focus {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    border-bottom: 1px solid #dce9f9;
}

#recipients .tab-pane {
    padding: 20px;
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#recipients .panel-body {
    min-height: 317px;
}

#users {
    list-style: none;
    margin: 0;
    padding: 0;
}

#users li {
    display: inline-block;
    margin:0 2px 4px 2px;
}

/*********************
    MT DRIVE
*********************/
.create-folder {
    width: 350px;
}

.folders a {
    display: block;
    width: 100%;
}

.folders a img {
    display: inline-block;
    width: 80px;
    margin: 0 10px 0 0;
}

td a img {
    display: inline-block;
    width: 80px;
    margin: 0 10px 0 0;
}

.chart-space {
    margin: 0 auto;
}

.chart-space #space-gauge {
    width:100%;
    margin: 0 auto;
}

.chart-space h3 {
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/*Invite Users*/
h3.panel-title.validation-message{
    color:inherit;
}

/*Folder Detail*/
.file-menu {
    margin: 0 5px 0 0;
}

.sharing h4 {
    font-size: 90%;
    text-transform: uppercase;
}

.sharing .list-group-item {
    padding: 8px;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.sharing .list-group-item .dropdown-toggle {
    padding: 4px;
    line-height: 1;
}

.sharing .popover {
    min-width: 250px;
}

/*********************
    USER PREFERENCES
*********************/
.preferences {
    list-style: none;
    margin: 0 0 10px 0;
}

.preferences em {
    font-size: small;
    font-weight: normal;
}

/*********************
    MISC PAGES
*********************/
/*Instruction Accordian*/
.panel-heading > a {
    color: inherit;
}

.panel-heading > a:hover, .panel-heading > a:hover, .panel-heading > a:active, .panel-heading > a:focus {
    text-decoration: none;
}

.demo-button{
    width:100%;
    padding:0 0 20px 0;
}
.demo-button a{
    margin:0 0 0 5px;
}

/*Feedback Form*/
#feedback p {
    margin: 0 0 40px 0;
}

#feedback form label {
    margin: 10px 0;
}

/*Demo*/
/*.demo{
    border:1px solid #23313e;
    padding:40px;
    background:#304f6c;
}
#demo .carousel-inner>.item>a>img, #demo .carousel-inner>.item>img, #demo .img-responsive, #demo .thumbnail a>img, #demo .thumbnail>img {
    display: block;
    max-width: 80%;
    height: auto;
    border:1px solid #ccc;
}
#demo .carousel-control.left, #demo .carousel-control.right{
    background:none;

}
#demo .carousel-side-caption {
    position: absolute;
    right: 0;
    top: 0;
    max-width:19%;
    height: 100%;
    overflow-y:auto;
    overflow-x:hidden;
    z-index: 10;
    padding: 20px;
    background:#fff;
    border:1px solid #ccc;
}

#demo h3{
    text-align:center;
    color:#304f6c;
    text-transform:uppercase;
    font-weight:700;
}

#demo .carousel-control {
  width: 3%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}

#demo .carousel-indicators {
  bottom: 0;
}
#demo #video-player{
    width:100%;
}*/


/*.demo {
    position:relative;
    width:300px;
    height:250px;
    overflow:hidden;
    float:left;
    margin-right:20px;
    list-style:none;
    background-color:#3f719e;
    border:1px solid #2a5179;
}
.demo p, .demo h2 {
    color:#fff;
    padding:0;
    margin:0;
    left:-20px;
    top:10px;
    text-align:center;
    position:relative;
}
.demo p{
    top:20px;
}
.demo img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin:0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out;
}
.demo img:hover {
    bottom:-46px;
    padding-top:50px;
}*/

.showcase{
	list-style:none;
    margin:0;
    padding:0;
}

.showcase li{
	float:left;
	width:285px;
	height:226px;
	overflow:hidden;
	margin:10px;
    border:1px solid #3f719e;
}

.showcase a{
	display:block;
	width:285px;
	height:244px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
    cursor:pointer;
}

.showcase a img{
	width:600px;
	height:400px;
	margin:0 auto;
	position:absolute;
	left:-20px;
	top:-55px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.showcase a:hover img{
	width:285px;
	height:190px;
	left:0;
	top:0;
}

.showcase a p {
    background: #2a5179;
    color: #fff;
    font-size: 11px;
    padding:8px 10px;
    height:60px;
    position: absolute;
    bottom: -100px;
    display: block;
    width: 285px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.showcase a:hover p{
	bottom:0px;
}

.showcase a h3{
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	background:#2a5179;
	width:285px;
	padding:8px 10px;
	position:absolute;
	left:0;
	bottom:0;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
    filter: alpha(opacity=90); /* IE 5-7 */
    -moz-opacity: 0.9; /* Netscape */
    -khtml-opacity: 0.9; /* Safari 1.x */
    opacity: 0.9; /* Good browsers */
}

.showcase a:hover h3{
	bottom:50px;
}

.showcase a .play {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    -moz-opacity: 0; /* Netscape */
    -khtml-opacity: 0; /* Safari 1.x */
    opacity: 0; /* Good browsers */
}

.showcase a:hover .play {
    display: block;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.showcase a:hover .play {
    position: relative;
    font-size: 60px;
    text-align: center;
    color: #2a5179;
    margin-top: 60px;
    z-index: 1000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 5-7 */
    -moz-opacity: 1; /* Netscape */
    -khtml-opacity: 1; /* Safari 1.x */
    opacity: 1; /* Good browsers */
    text-shadow: 1px 1px 1px #000;
}

/*********************
    FOOTER
*********************/
.footer {
    /*position: absolute; Sticky Footer Stuff
    bottom: 0;*/
    position:relative;
    margin: 25px 0 0 0;
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #bbb;
}
.footer .logo{
    position:absolute;
    top:10px;
    right:0px;
    display:block;
    height:35px;
}

footer .nav {
    width: 100%;
    text-align: center;
}

footer .nav > li {
    float: none;
    display: inline-block;
}

footer .nav > li a {
    margin: 10px 3px 0 3px;
    padding: 5px;
    font-size: smaller;
}

.footer .nav > li > a:hover, .footer .nav > li > a:active, .footer .nav > li > a:focus {
    background: #eee;
}

.mt-tok-item-pending {
    position: relative;
    float: left;
    max-width: 100%;
    cursor: default;
    border: 1px solid black;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #3c763d;
    background-color: white;
    margin: 3px;
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media print {
    html, body {
        height: auto !important;
        page-break-after: avoid !important;
        overflow: auto;
    }
    /*Fixes IE9 Print Issue*/
    /*#wrapper {
        min-height: inherit; 
    }*/

    .panel-heading, .panel, .panel h3, .panel-title {
        border: none !important;
    }
}

/*IE10+ specific styles*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*#wrapper {
        display: table;
    }
    #wrapper .container-fluid {
        display: table-cell;
        vertical-align: middle;
    }*/
}

@media screen and (max-width: 980px) {
    #header .navbar-brand {
        font-size: 180%;
        line-height: 1.1;
    }

    #header .navbar-brand em {
        display: block;
    }

    .panel-title {
        font-size: 145%;
    }
    .footer .container{
        margin-left:0;
    }
    .footer .nav{
        text-align:left;
    }
    .footer .logo{
        height:25px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-collapse {
        background: #212D39;
        border: 1px solid #000;
    }

    #header .navbar-collapse .navbar-nav {
        width: 100%;
        clear: both;
        float: none;
    }

    #header .navbar-collapse ul.nav li a {
        display: block;
        width: 99%;
        text-align: center;
        margin-bottom: 2px;
        padding: 10px;
        background: #10161c;
    }

    #header .user-name {
        margin: 10px 0;
        text-align: center;
    }

    input[type=checkbox] {
        -webkit-transform: scale(2,2); /*Making Checkboxes bigger for Safari on iPad*/
    }

    .preferences li label input[type=checkbox]{
        margin:0 10px 0 0;
    }
    
    .preferences li{
        padding:5px 0;
    }

    .table-transfers thead tr th {
        font-size: 90%;
    }

    .table-transfers tbody tr td:first-child span {
       margin-right:1em;
    }

    .table-transfers tbody tr td:first-child input {
       margin-right:1em;
    }

    .chart-space {
        text-align:center;
    }

    .chart-space #space-gauge {
        width:50%;
        display:inline;
    }

    .footer .nav{
        text-align:center;
    }

    .footer .logo{
        position:relative;
        margin:0 auto;
    }

    .table-transfers label.select-all span {
        display: none;
    }

    .table-transfers thead tr th:first-child  {
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .nav-tabs {
        width: 99%;
        height: auto;
    }

    .nav-tabs > li {
        width: 25%;
        height: 35px;
    }

    .nav-tabs > li > a {
        height: 100%;
        padding: 4px 2px;
        font-size: 80%;
        text-align: center;
        text-wrap: normal;
        line-height: 1.1;
        vertical-align: bottom;
    }

    ul.nav-tabs > li:last-child > a:last-child {
        margin-right: 0;
    }

    .transfer-btns {
        text-align: center;
        float: none;
        margin: 1em auto;
    }

    footer .nav > li a {
        margin: 3px;
    }

    .table-transfers label.select-all span {
        display: none;
    }

    .table-transfers thead tr th:first-child  {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    #header .navbar-brand img {
        width: 50px;
    }

    #header .logo-text em {
        display: block;
        font-size: 70%;
        margin: 5px 0 0 -45px;
    }

    #wrapper {
        padding-top: 68px;
    }

    .container-fluid {
        width: 100%;
    }

    .col-lg-12, .col-lg-6 {
        padding: 0;
    }

    .panel {
        margin: 10px;
    }

    .panel-heading {
        padding: 10px;
    }

    .panel-body {
        padding: 10px;
    }

    #recipients .nav-tabs > li {
        width: 50%;
    }

    .btn {
        margin: 5px 0;
        padding: 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .table-transfers label.select-all span {
        display: none;
    }

    .table-transfers thead tr th:first-child  {
        text-align: center;
    }

    .table-transfers tbody tr td:first-child {
        min-width: 60px;
    }

    .table-transfers tbody tr td {
        word-break: break-all;
    }
}

@media screen and (max-width: 400px) {
    .panel-custom > .panel-heading {
        padding: 5px;
        font-size: 80%;
    }
    .table-transfers label.select-all span {
        display: none;
    }

    .table-transfers thead tr th:first-child {
        text-align: center;
    }
    .panel-title {
        padding: 5px 0 0 0;
        font-size: 115%;
    }

    .panel-body h3 {
        font-size: 120%;
    }

    .transfer-btns .btn {
        padding: 3px;
        font-size: 80%;
    }

    .chart-space {
        margin: 0 auto;
    }

    .chart-space h3 {
        font-size: 90%;
    }


}