/* Minification failed. Returning unminified contents.
(3536,1): run-time error CSS1036: Expected expression, found '}'
 */
.footable .btn,.footable .caret{display:inline-block;vertical-align:middle}.footable-details.table,.footable-details.table *,.footable.table,.footable.table *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.footable-details.table th,.footable.table th{text-align:left}.footable-details.table,.footable.table{width:100%;max-width:100%;margin-bottom:20px}.footable-details.table>caption+thead>tr:first-child>td,.footable-details.table>caption+thead>tr:first-child>th,.footable-details.table>colgroup+thead>tr:first-child>td,.footable-details.table>colgroup+thead>tr:first-child>th,.footable-details.table>thead:first-child>tr:first-child>td,.footable-details.table>thead:first-child>tr:first-child>th,.footable.table>caption+thead>tr:first-child>td,.footable.table>caption+thead>tr:first-child>th,.footable.table>colgroup+thead>tr:first-child>td,.footable.table>colgroup+thead>tr:first-child>th,.footable.table>thead:first-child>tr:first-child>td,.footable.table>thead:first-child>tr:first-child>th{border-top:0}.footable-details.table>tbody>tr>td,.footable-details.table>tbody>tr>th,.footable-details.table>tfoot>tr>td,.footable-details.table>tfoot>tr>th,.footable-details.table>thead>tr>td,.footable-details.table>thead>tr>th,.footable.table>tbody>tr>td,.footable.table>tbody>tr>th,.footable.table>tfoot>tr>td,.footable.table>tfoot>tr>th,.footable.table>thead>tr>td,.footable.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.footable-details.table>thead>tr>td,.footable-details.table>thead>tr>th,.footable.table>thead>tr>td,.footable.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.footable-details.table-condensed>tbody>tr>td,.footable-details.table-condensed>tbody>tr>th,.footable-details.table-condensed>tfoot>tr>td,.footable-details.table-condensed>tfoot>tr>th,.footable-details.table-condensed>thead>tr>td,.footable-details.table-condensed>thead>tr>th,.footable.table-condensed>tbody>tr>td,.footable.table-condensed>tbody>tr>th,.footable.table-condensed>tfoot>tr>td,.footable.table-condensed>tfoot>tr>th,.footable.table-condensed>thead>tr>td,.footable.table-condensed>thead>tr>th{padding:5px}.footable-details.table-bordered,.footable-details.table-bordered>tbody>tr>td,.footable-details.table-bordered>tbody>tr>th,.footable-details.table-bordered>tfoot>tr>td,.footable-details.table-bordered>tfoot>tr>th,.footable-details.table-bordered>thead>tr>td,.footable-details.table-bordered>thead>tr>th,.footable.table-bordered,.footable.table-bordered>tbody>tr>td,.footable.table-bordered>tbody>tr>th,.footable.table-bordered>tfoot>tr>td,.footable.table-bordered>tfoot>tr>th,.footable.table-bordered>thead>tr>td,.footable.table-bordered>thead>tr>th{border:1px solid #ddd}.footable-details.table-bordered>thead>tr>td,.footable-details.table-bordered>thead>tr>th,.footable.table-bordered>thead>tr>td,.footable.table-bordered>thead>tr>th{border-bottom-width:2px}.footable-details.table-striped>tbody>tr:nth-child(odd),.footable.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.footable-details.table-hover>tbody>tr:hover,.footable.table-hover>tbody>tr:hover{background-color:#f5f5f5}.footable .btn{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;overflow:visible;text-transform:none}.footable .btn.focus,.footable .btn:focus,.footable .btn:hover{color:#333;text-decoration:none}.footable .btn-default{color:#333;background-color:#fff;border-color:#ccc}.footable .btn-default.active,.footable .btn-default.focus,.footable .btn-default:active,.footable .btn-default:focus,.footable .btn-default:hover,.footable .open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.footable .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.footable .btn-primary.active,.footable .btn-primary.focus,.footable .btn-primary:active,.footable .btn-primary:focus,.footable .btn-primary:hover,.footable .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.footable .btn-group,.footable .btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.footable .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.footable .btn-group>.btn:first-child{margin-left:0}.footable .btn-group-vertical>.btn,.footable .btn-group>.btn{position:relative;float:left}.footable .btn-group-xs>.btn,.footable .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.footable .btn-group-sm>.btn,.footable .btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.footable .btn-group-lg>.btn,.footable .btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.footable .caret{width:0;height:0;margin-left:2px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.footable .btn .caret{margin-left:0}.form-group{margin-bottom:15px}.footable .form-control{display:block;width:100%;height:34px;padding:6px 12px;margin:0;font-family:inherit;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(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}.footable .input-group{position:relative;display:table;border-collapse:separate}.footable .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.footable .input-group-btn{position:relative;font-size:0}.footable .input-group-addon,.footable .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.footable .input-group .form-control,.footable .input-group-addon,.footable .input-group-btn{display:table-cell}.footable .input-group-btn:last-child>.btn,.footable .input-group-btn:last-child>.btn-group,.footable .input-group-btn>.btn+.btn{margin-left:-1px}.footable .input-group-btn>.btn{position:relative}.footable .input-group-btn>.btn:active,.footable .input-group-btn>.btn:focus,.footable .input-group-btn>.btn:hover{z-index:2}.footable .input-group .form-control:first-child,.footable .input-group-addon:first-child,.footable .input-group-btn:first-child>.btn,.footable .input-group-btn:first-child>.btn-group>.btn,.footable .input-group-btn:first-child>.dropdown-toggle,.footable .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.footable .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.footable .input-group .form-control:last-child,.footable .input-group-addon:last-child,.footable .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.footable .input-group-btn:first-child>.btn:not(:first-child),.footable .input-group-btn:last-child>.btn,.footable .input-group-btn:last-child>.btn-group>.btn,.footable .input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.footable .checkbox,.footable .radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.footable .checkbox label,.footable .radio label{max-width:100%;min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.footable .checkbox input[type=checkbox],.footable .checkbox-inline input[type=checkbox],.footable .radio input[type=radio],.footable .radio-inline input[type=radio]{position:absolute;margin:4px 0 0 -20px;line-height:normal}.footable .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.footable .open>.dropdown-menu{display:block}.footable .dropdown-menu-right{right:0;left:auto}.footable .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.footable .dropdown-menu>li>a:focus,.footable .dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.footable .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.footable .pagination>li{display:inline}.footable .pagination>li:first-child>a,.footable .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.footable .pagination>li>a,.footable .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.footable .pagination>li>a:focus,.footable .pagination>li>a:hover,.footable .pagination>li>span:focus,.footable .pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.footable .pagination>.active>a,.footable .pagination>.active>a:focus,.footable .pagination>.active>a:hover,.footable .pagination>.active>span,.footable .pagination>.active>span:focus,.footable .pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.footable .pagination>.disabled>a,.footable .pagination>.disabled>a:focus,.footable .pagination>.disabled>a:hover,.footable .pagination>.disabled>span,.footable .pagination>.disabled>span:focus,.footable .pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.footable .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.footable .label-default{background-color:#777}.footable-loader.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.footable .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width:768px){.footable .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.footable .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.footable .form-inline .input-group{display:inline-table;vertical-align:middle}.footable .form-inline .input-group .form-control,.footable .form-inline .input-group .input-group-addon,.footable .form-inline .input-group .input-group-btn{width:auto}.footable .form-inline .input-group>.form-control{width:100%}}table.footable,table.footable-details{position:relative;width:100%;border-spacing:0;border-collapse:collapse}table.footable-details{margin-bottom:0}table.footable-hide-fouc{display:none}table>tbody>tr>td>span.footable-toggle{margin-right:8px;opacity:.3}table>tbody>tr>td>span.footable-toggle.last-column{margin-left:8px;float:right}table.table-condensed>tbody>tr>td>span.footable-toggle{margin-right:5px}table.footable-details>tbody>tr>th:nth-child(1){min-width:40px;width:120px}table.footable-details>tbody>tr>td:nth-child(2){word-break:break-all}table.footable-details>tbody>tr:first-child>td,table.footable-details>tbody>tr:first-child>th,table.footable-details>tfoot>tr:first-child>td,table.footable-details>tfoot>tr:first-child>th,table.footable-details>thead>tr:first-child>td,table.footable-details>thead>tr:first-child>th{border-top-width:0}table.footable-details.table-bordered>tbody>tr:first-child>td,table.footable-details.table-bordered>tbody>tr:first-child>th,table.footable-details.table-bordered>tfoot>tr:first-child>td,table.footable-details.table-bordered>tfoot>tr:first-child>th,table.footable-details.table-bordered>thead>tr:first-child>td,table.footable-details.table-bordered>thead>tr:first-child>th{border-top-width:1px}div.footable-loader{vertical-align:middle;text-align:center;height:300px;position:relative}div.footable-loader>span.fooicon{display:inline-block;opacity:.3;font-size:30px;line-height:32px;width:32px;height:32px;margin-top:-16px;margin-left:-16px;position:absolute;top:50%;left:50%;-webkit-animation:fooicon-spin-r 2s infinite linear;animation:fooicon-spin-r 2s infinite linear}table.footable>tbody>tr.footable-empty>td{vertical-align:middle;text-align:center;font-size:30px}table.footable>tbody>tr>td,table.footable>tbody>tr>th{display:none}table.footable>tbody>tr.footable-detail-row>td,table.footable>tbody>tr.footable-detail-row>th,table.footable>tbody>tr.footable-empty>td,table.footable>tbody>tr.footable-empty>th{display:table-cell}@-webkit-keyframes fooicon-spin-r{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fooicon-spin-r{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fooicon{display:inline-block;font-size:inherit;font-family:FontAwesome!important;font-style:normal;font-weight:400;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.fooicon:after,.fooicon:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fooicon-loader:before{content:"\f01e"}.fooicon-plus:before{content:"\f067"}.fooicon-minus:before{content:"\f068"}.fooicon-search:before{content:"\f002"}.fooicon-remove:before{content:"\f00d"}.fooicon-sort:before{content:"\f0dc"}.fooicon-sort-asc:before{content:"\f160"}.fooicon-sort-desc:before{content:"\f161"}.fooicon-pencil:before{content:"\f040"}.fooicon-trash:before{content:"\f1f8"}.fooicon-eye-close:before{content:"\f070"}.fooicon-flash:before{content:"\f0e7"}.fooicon-cog:before{content:"\f013"}.fooicon-stats:before{content:"\f080"}
table.footable>tbody>tr>td.footable-sortable,table.footable>tbody>tr>th.footable-sortable,table.footable>tfoot>tr>td.footable-sortable,table.footable>tfoot>tr>th.footable-sortable,table.footable>thead>tr>td.footable-sortable,table.footable>thead>tr>th.footable-sortable{position:relative;padding-right:30px;cursor:pointer}td.footable-sortable>span.fooicon,th.footable-sortable>span.fooicon{position:absolute;right:6px;top:50%;margin-top:-7px;opacity:0;transition:opacity .3s ease-in}td.footable-sortable.footable-asc>span.fooicon,td.footable-sortable.footable-desc>span.fooicon,td.footable-sortable:hover>span.fooicon,th.footable-sortable.footable-asc>span.fooicon,th.footable-sortable.footable-desc>span.fooicon,th.footable-sortable:hover>span.fooicon{opacity:1}table.footable-sorting-disabled td.footable-sortable.footable-asc>span.fooicon,table.footable-sorting-disabled td.footable-sortable.footable-desc>span.fooicon,table.footable-sorting-disabled td.footable-sortable:hover>span.fooicon,table.footable-sorting-disabled th.footable-sortable.footable-asc>span.fooicon,table.footable-sorting-disabled th.footable-sortable.footable-desc>span.fooicon,table.footable-sorting-disabled th.footable-sortable:hover>span.fooicon{opacity:0;visibility:hidden}
/* Glyphicons Icons - We're not actually using Glyphicons classes but instead provide a simple mapping from Glyphicons to FooTable class names. */
.fooicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings' !important;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fooicon:before,
.fooicon:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fooicon-loader:before {
	content: "\e030";
}
.fooicon-plus:before {
	content: "\2b";
}
.fooicon-minus:before {
	content: "\2212";
}
.fooicon-search:before {
	content: "\e003";
}
.fooicon-remove:before {
	content: "\e014";
}
.fooicon-sort:before {
	content: "\e150";
}
.fooicon-sort-asc:before {
	content: "\e155";
}
.fooicon-sort-desc:before {
	content: "\e156";
}
.fooicon-pencil:before {
	content: "\270f";
}
.fooicon-trash:before {
	content: "\e020";
}
.fooicon-eye-close:before {
	content: "\e106";
}
.fooicon-flash:before {
	content: "\e162";
}
.fooicon-cog:before {
	content: "\e019";
}
.fooicon-stats:before {
	content: "\e185";
}

.footable {
  border-collapse: separate;
  border-spacing: 0;
 
  font-family: 'Open Sans', sans-serif;
  font-size:1.4em;
  color: white;
  background: #333333;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 10em;
}

table.footable, table.footable-details {
    position: static;
}

.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eeeeee;  
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {
  /*background: #fff;*/ /* breakpoint background color */
  background-color:currentColor;
  color:#3c3c3c;
}

.footable-row-detail-row {
    color:whitesmoke;
}
.footable > tbody img {
  vertical-align: middle;
}
.footable > tbody > tr:hover:not(.footable-row-detail) {
  background: #888888;  /* hover background color */
}
.footable > tbody > tr:hover:not(.footable-row-detail) > td {
  color: white;   /* hover text color */
}
.footable > tbody > tr:last-child > td {
  border-bottom: none;
}
/*must*/
.footable > tbody > tr > td {
  border-top:none; /* table row border */
  padding:0.3em 1em;
  text-align: left;
  border-left: none;
}
.footable > tbody > tr > td.footable-row-detail-cell,
.footable > tbody > tr > td.footable-first-column {
  border-left: none;
}
/*.footable > thead > tr > th {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  text-align: left;
}*/
.footable > thead > tr > th,
.footable > thead > tr > td {
  background-color: #52b9e9;
  
  color: #ffffff;
  border-top: none;
  border-left: none;
  font-weight: normal;
}
.footable > thead > tr > th.footable-first-column,
.footable > thead > tr > td.footable-first-column {
  border-left: none;
}
.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: #52b9e9;
  border: 1px solid #52b9e9;
  color: #ffffff;
  border-top: none;
  border-left: none;
  padding: 1px;

}
.footable > tfoot .pagination {
  text-align: center;
}
.footable > tfoot .pagination ul {
  display: inline-block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.footable > tfoot .pagination ul > li {
  display: inline;
}

.footable-page > tfoot .pagination ul > li > a,
.footable-page > tfoot .pagination ul > li > span {
  float: left !important;
  border: 2px solid transparent!important;
  margin: 0 1px!important;
  color: #ffffff!important;
  background: transparent!important;
  padding: 1px 5px!important;
  text-decoration: none!important;
}


.footable > tfoot .pagination ul > li.disabled > a {
  color: #888;
}
.footable > tfoot .pagination ul > li.active > a {
  border-color: #ffffff;
}
.footable > tfoot .pagination ul > li:first-child > a,
.footable > tfoot .pagination ul > li:last-child > a,
.footable > tfoot .pagination ul > li:first-child > span,
.footable > tfoot .pagination ul > li:last-child > span {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.footable.metro-red {
  border-color: #fa3031;
}
.footable.metro-red > tfoot > tr > th,
.footable.metro-red > thead > tr > th,
.footable.metro-red > tfoot > tr > td,
.footable.metro-red > thead > tr > td {
  background-color: #fa3031;
  border-color: #fa3031;
}
.footable.metro-purple {
  border-color: #932ab6;
}
.footable.metro-purple > tfoot > tr > th,
.footable.metro-purple > thead > tr > th,
.footable.metro-purple > tfoot > tr > td,
.footable.metro-purple > thead > tr > td {
  background-color: #932ab6;
  border-color: #932ab6;
}
.footable.metro-green {
  border-color: #43c83c;
}
.footable.metro-green > tfoot > tr > th,
.footable.metro-green > thead > tr > th,
.footable.metro-green > tfoot > tr > td,
.footable.metro-green > thead > tr > td {
  background-color: #43c83c;
  border-color: #43c83c;
}
.footable.metro-blue {
  border-color: #3c3c3c;
}
.footable.metro-blue > tfoot > tr > th,
.footable.metro-blue > thead > tr > th,
.footable.metro-blue > tfoot > tr > td,
.footable.metro-blue > thead > tr > td {
  background-color: #585858; /* table header background color */
  border-color: #585858; /* table border background color */
  font-family: 'Josefin Sans', sans-serif;
  font-size:0.9em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding:0.8em;
}
.footable-odd {
  background-color: #f7f7f7;
}

thead {
    -webkit-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
}

tr:nth-of-type(2n) {
    background-color: #454545;
    -webkit-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
}
table.footable > tbody > tr.footable-empty > td {
    text-align: left;
    height:10vh;
}

table.footable > tfoot > tr.footable-paging > td > ul.pagination {
    float:left;
}

table.footable > tbody > tr.footable-empty > td:hover {
    background-color:#282828;
    cursor:default;
}
table.footable > tbody > tr.footable-empty > td {
    background-color:#282828;
}

/*@media only screen and (min-device-width: 1290px) {
    table.footable.adjustForFixedTable {
        margin-left: 17px;
    }
}*/

table.footable > tbody > tr.series > td {
	display: table-cell;
}

@media only screen and (min-width: 769px) {
   .footable {
     margin-bottom: 0em;
   }
}

@media only screen and (min-width: 1400px){
    .footable > tbody > tr > td {
        padding: 0.7em 1em;
    }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*----- CSS RESET -----*/


/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	min-width: 400px;
	margin: 0 auto;
    -webkit-overflow-scrolling: touch;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
}*/

/*----- END CSS RESET-----*/

/*@font-face
{
    font-family: 'myFont';
    src:url('../../../content/my/WebFonts/segoeuil-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuil-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuil-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuil-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'myFontReg';
    src:url('../../../content/my/WebFonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeui-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeui-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeui-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'myFontBold';
    src:url('../../../content/my/WebFonts/segoeuib-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuib-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuib-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuib-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'myFontSemiBold';
    src:url('../../../content/my/WebFonts/segoeuisb-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuisb-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuisb-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuisb-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'myFontSemiLight';
    src:url('../../../content/my/WebFonts/segoeuisl-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuisl-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuisl-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuisl-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'myFontLightItalic';
    src:url('../../../content/my/WebFonts/seguili-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/seguili-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/seguili-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/seguili-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

#imageLoading
{
    width: 150px;
    height: 150px;
}

.validation-summary-errors {
  background: #222;
  border: 0px;
  margin: 0 auto;
}
.validation-summary-errors ul {
  margin: auto auto;
}

.validation-summary-errors ul li {
  color: #FFFFFF;
  list-style: none;
  font-size: 10pt;
}

#show-manual-search {
  text-align:center;
  cursor:pointer;
}


/*body {background:#111111 url(../../../Content/My/Images/Metro/PicomWebBackground2.jpg) no-repeat 0 0; background-size: cover; font-size:11pt;}*/
img {border:0;}
.container { width: 100%;}
.largeFont {font-size: 80px;}
.mediumFont {font-size: 30px;}
::-ms-clear {display: none;}

.small {font-size: 8px;}
.left {float:left;}
.right {float: right;}
.clearBtn {cursor:pointer;margin:3px 0 0px 5px;width:17px;}
.clearBtn:hover {cursor:pointer;}
.loginWidth {width: 195px;}


/*-------------------STUDIES------------------------*/

/*-------------------SEARCH------------------------*/


    

/*-------------------EXPANDER------------------------*/



/*-------------------SHORTCUT BAR-------------------*/


/*-------------------CONTEXT MENU-------------------*/


/* End of Context Menu */




/* Scrollable */

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accommodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/

/*
  a single item. must be floated in horizontal scrolling.
  typically, this element is the one that *you* will style
  the most.
*/

/* this makes it possible to add next button beside scrollable */

/* End of Scrollable */
.footable > tbody > tr :hover {
     cursor:pointer;
}
.series_object img {
  margin:0px;
  padding-right:10px;
}
.series_object {
  padding:3px 22px;
  display:inline-block;
  float:left;
  cursor:pointer;
  color:#fff;
  border:0px solid #999;
  margin-right:6px;
}
.series_object a {
  text-decoration:none;
  color:#fff;
  padding:2px;
}
.series_object:hover {
  background:#666;
}
.series {
  margin: 10px;
  zposition:relative;
  height: 60px;
  /*background:#111111;*/
}
.ipadmenu {
  position:absolute;
  bottom:-60px;
  right:0;
  color:#333;
  padding:2px 6px;
  border:1px solid #ccc;
  cursor:pointer;
}

.inputWrapper
{
    background: #FFF;
    height: 22px;
    padding: 2px 6px;
    margin: 4px 0;
}
 input[type="text"] , input[type="password"] { 
      border:0px;
      margin: 0px;
      padding:0px;
      background: transparent; 
    
      outline: none;
      font-size:11pt; 

    }




/*---------------------------STATUS CLASSES-----------------------*/


.Cleared
{
    background-color: rgb(37,37,37);
    color:White;
    width:120px;
}

/*.TobeConfirmed
{
    background-color: black;
    font-size1: 12px !important;
    width:120px;
}*/

.grayed{background: rgb(122,122,122); /* Old browsers */
}

.listElem{
    padding-top: 15px;
    padding-bottom: 15px;
}

input
{
    color: Black;
}


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:black;}

/* Container */
#simplemodal-container {height:60px; width:150px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(~/Content/Footable/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}


.pagination-centered{text-align:center;}


.CareStreamFont
{
    font-family:FrutigerFont !Important;
}


.pagingMessage {
     background-color: #9a8665; 
     padding: 10px;
}


@font-face
{
    font-family: 'FrutigerFont';
    src:url('../../../content/my/Fonts/frutiger_lt_std_roman.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/Fonts/FrutigerLTStd-Roman.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

/* CSS for mobile phones with width 480px;  */
 @media screen and (min-width:480px) and (max-width: 640px) and (orientation: landscape)  {

    #topLeft {
        height:30px !Important;
    }

    .navTitle {
        font-size:15px !Important;
        padding-top:10px !Important;
        margin-left:5px !Important;
    }

    #searchMagIcon {
        height:22px !Important;
        width:22px !Important;
        margin-top:0px !Important;
        padding-top:5px !Important;
    }

    #yellow {
        height:10px !Important;
        padding:2px !Important;
    }

    #yellowTxt {
        font-size:10px !Important;
        padding-top:0px !Important;
        margin-left:5px !Important;
    }

    #loginInfo {
        font-size:10px !Important;
        padding:3px !Important;
        line-height:1px !Important;
    }

    .navDesc {
        height:10px !Important;
    }

    .topBarIcons {
        height:30px !Important;
        width:30px !Important;
    }

    #topIcons {
        height:30px !Important;
    }

    #navLogout  {
        height:30px !Important;
        padding:0px !Important;
        padding-left:3px !Important;
        padding-right:3px !Important;
        width:11% !Important;
    }

    #logoutIcon {
        height:30px !Important;
        width:30px !Important;
    }

    #logoutDesc {
        display:none;
    }

    #searchFields {
        margin-top:2px !Important;
    }

    .iconName {
        display:block !Important;
        font-size:15px !Important;
        margin:-12px !Important;
    }

    #dashboardBar {
        height:78px !Important;
    }

    .footable > thead > tr > th, .footable > thead > tr > td {
        padding:2px !Important;
    }

    #expander {
        width:15px;
    }

    .expand img {
        height:20px !Important;
        width:20px !Important;
    }

    .breakpoint.footable > tbody > tr > td > span.footable-toggle {
        font-size:12px !Important;
        padding:2px !Important;
    }

    .study {
        height:20px !Important;
    }

    .pagingMessage {
        padding: 5px !Important;
        font-size:11px !Important;
    }

    .paging {
        height:20px !Important;
    }
    .pagination a {
        line-height:20px !Important;
        font-size:11px !Important;
    }
          
    #searchTitle {
        margin-top:2px !Important;
        font-size:11px !Important;
        padding-top:2px !Important;
    }

    input[type=file] {
        font-size:11px !Important;
        height:15px !Important;
        padding:0px !Important;
    }

    #arrowIMG {
        height:55px !Important;
        width:55px !Important;
    }

    #mods {
        margin-left:0px !Important;
    }

    .modality_input {
        margin-top:0px !Important;
    }
 }

 
 @media screen and (min-width:250px) and (max-width: 400px) and (orientation: portrait)  {
	
	.study {
        height:20px !Important;
    }
	
	.navDesc {
        height:30px !Important;
		padding-top:20px !Important;
    }
	
	#logoutDesc {
        display:none;
    }
	
	#navLogout  {
        height:50px !Important;
        padding:0px !Important;
        padding-left:3px !Important;
        padding-right:3px !Important;
		margin-bottom:-20px !Important;
    }

    #logoutIcon {
        height:65px !Important;
        width:65px !Important;
    }
	
	.topBarIcons{
		margin-bottom:-25px !Important;
	}
	
  
    .fooicon-sort-asc:before {
	    content: "\e252";
    }
    .fooicon-sort-desc:before {
	    content: "\e253";
    }

 }
body {
    /*overflow-x: hidden;*/
    /*background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3) ), url(../Content/My/Images/Metro/PicomWebBackground2.jpg) no-repeat center center fixed;
    background-size: cover;*/
    background-color: #282828;
    height: 100vh;
    font-family: 'Open Sans', sans-serif;
    -webkit-overflow-scrolling: touch;
}

input:focus, button:focus, div:focus {
    outline: none;
}


html {
    overflow-x: hidden;
}



.modal-backdrop {
    bottom: 0
}

.modal {
    padding: 3em;
}

.modal-open .modal {
    overflow-y: hidden;
    background-color: rgba(0,0,0,0.5);
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
::-webkit-input-placeholder { /* Edge */
    opacity: 0.5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0.5;
}

::placeholder {
    opacity: 0.5;
}

#disText {
    color: grey !important;
}

.backgroundImg {
    /*background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9) ), url(../Content/My/Images/Metro/PicomWebBackground2.jpg) no-repeat center center fixed;*/
    background-size: cover;
    height: 100vh;
    margin-bottom: 0px;
    background-color: #1e1e1e;
}

.fullPage {
    height: 100vh;
    padding: 3em;
}

.navbar-inverse .navbar-brand {
    background-color: #151515;
}

.hideThis {
    display: none;
}

#disText {
    color: grey !important;
}

.centeredInput {
    position: relative;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -45%);
    max-width: 40em;
    max-height: 40em;
}

.centeredInput.wide {
    max-width: 45em;
}

.centeredContainer {
    /*width: 80%;
    margin: auto;
    text-align: center;
    top:20vh;
    position:relative;
    height:100vh;*/
    position: relative;
    font-size: 1.3em;
    /*left: 100%;
    top: 100%;*/
    padding: 1em;
    /*transform: translate(-50%, -50%);*/
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #282828;
    /*padding:9em 2.5em;*/
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.centeredContainer.darker {
    background-color: #232323;
}

#imgLogo {
    height: 3.5em;
    width: auto;
    opacity: 0.8;
}

.row input[type="text"]::-moz-placeholder {
    color: #eee;
}

.row input[type="text"]:-moz-placeholder {
    color: #eee;
}

input:placeholder-shown {
    color: #eee;
    /*padding: 0.7em;*/
}

@-moz-document url-prefix() {
    input:placeholder-shown {
        color: #eee;
        padding: 0em;
    }
}

.form-control::-webkit-input-placeholder {
    color: white;
}

.form-control:-moz-placeholder {
    color: white;
}

.form-control::-moz-placeholder {
    color: white;
}

.form-control:-ms-input-placeholder {
    color: white;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
}

.login {
    margin: 0.3em;
    color: white;
}

.lightText {
    color: #eee;
}

.yellowText {
    /*color: #f4ad15;*/
    color: #b32e2e;
}

.dimText {
    color: #797979;
    font-style: italic;
    margin: 2px;
}

.grayText {
    color:gray;
}

.redText {
    color: #b32e2e;
}

.link {
    cursor: pointer;
}

.login .goButton {
    background-color: #601414;
    height: 3.4em;
    /*border-radius: 2em;*/
    text-transform: uppercase;
    border-bottom: none;
    color: white;
    font-size: 0.8em;
    background: -webkit-linear-gradient(left, #601414, #972020);
    background: -o-linear-gradient(right, #601414, #972020);
    background: -moz-linear-gradient(right, #601414, #972020);
    background: linear-gradient(to right, #601414, #972020);
    opacity: 0.8;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    /*background: -webkit-linear-gradient(left, #906403 , #d39000); /* For Safari 5.1 to 6.0 
    background: -o-linear-gradient(right, #906403, #d39000);  For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(right, #906403, #d39000);  For Firefox 3.6 to 15 
    background: linear-gradient(to right, #906403 , #d39000);  Standard syntax (must be last)*/
}

    .login .goButton:hover, .goButton:focus {
        background: -webkit-linear-gradient(left, #601414, #972020);
        background: -o-linear-gradient(right, #601414, #972020);
        background: -moz-linear-gradient(right, #601414, #972020);
        background: linear-gradient(to right, #601414, #972020);
        opacity: 1;
    }

.caution {
    background: url(../Content/My/Images/Metro/Icons/WarningMetro.png);
    height: 80px;
    width: 80px;
    border-width: 0px;
    background-size: cover;
    cursor: pointer;
}

.form-group.login {
    float: left;
}

.padMarg {
    padding: 1em;
    margin: 1em;
}

.padMargLg {
    padding: 3em;
    margin: 2em;
}

.bottomPadding {
    padding-bottom: 10em;
}

.bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}

.success-msg {
    color: #75f894;
    margin-left: 0.5em;
    display: block;
    clear: both;
    padding: 1em;
    /*position:absolute;*/
}

.login input {
    height: 3vh;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid grey;
    /*min-width: 40%;*/
    min-width: 80%;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    /*padding-top:1em;
    padding-bottom:1em;*/
    color: white;
    padding-left: 0.7em;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    line-height: 1em;
    overflow: visible;
    height: 100%;
    /*text-transform: uppercase;*/
    /*letter-spacing: 0.2em;*/
    -webkit-appearance: none;
    padding-bottom: 0.3em;
}

    .login input::-ms-clear, .login input::-ms-reveal {
        display: none;
    }

.login-inputs {
    padding-bottom: 0.5em;
}

.login {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.6em;
    overflow: visible;
}

#loginErrors ul li {
    list-style: none;
    color: #b32e2e;
}

.modalOverlay.darken {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    display: block;
    z-index: 1005;
}

.errorMsg {
    color: #ff6161 !important;
    font-size: 1.5em !important;
    font-weight: 600;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.loader.glyphicon-repeat {
    animation: spin 1s linear infinite;
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
    padding: 0px !important;
    right: 1em;
    color: grey !important;
    font-size: 3em !important;
    line-height: 4em !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: white !important;
    padding: 0.5em;
}



.header1 {
    letter-spacing: 0.2em;
    font-size: 3.5em;
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 0.2em;
    word-break: break-word;
}

.header3 {
    font-size: 1.5em;
}

.modal-backdrop {
    position: relative;
}

.modal-content.invert {
    color: #eee;
    background-color: #333;
    font-size: 1.3em;
}

/*MODAL STYLING*/
/*.paper.modal.fade.in {
    z-index:1500;
}*/
.modal-open .modal.paper {
    background-color: rgba(40,40,40,0.8);
}


.paper.modal .modal-content {
    border-radius: 0px;
    border: none;
    background-color: #3d3d3d;
    -webkit-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    -moz-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
}

.paper .modal-header-group {
    background-color: #5e5e5e;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.paper .modal-header {
    padding: 0.9em;
    background-color: #191919;
    border: none;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.paper .modal-title {
    letter-spacing: 0.2em;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size: 2em;
    padding: 0.2em 1em;
    color: white;
}

.paper button.close {
    color: white;
    background-color: #601414;
    opacity: 1;
    font-size: 1.8em;
    padding: 0.2em 0.5em 0.3em 0.5em;
    margin: -0.5em -0.5em;
    -webkit-box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
}

.paper .modal-footer {
    border: none;
    text-align: center;
    padding: 1em 0em 3em 0em;
    display: flex;
}

.paper .btn {
    width: 40%;
    margin: auto;
    border: none;
    border-radius: 0;
    padding: 1em;
    letter-spacing: 0.2em;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    color: white;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
}

.paper .btn-primary {
    background-color: #601414;
}

.paper .btn-default {
    background-color: #3b0000;
    color: #da6666;
    font-weight: 700;
}

.paper.modal .label {
    width: 33%;
    padding-right: 1em;
    font-size: 1em;
}

.paper .modal-body {
    padding: 3em;
    color: white;
    font-size: 1.5em;
    text-align: left;
}

.paper .modal-dialog label {
    font-size: 1em;
}

/*END MODAL STYLING*/

/*.input-sm {
    height: 1em;
    padding: 0px;
    line-height:0.9em;
    height:100%;
    padding-left: 0.5em;
}

.label {
    float:left;
    padding: 0px;
    font-weight:200;
    font-size: 1.2em;
    margin: 1.5em 0px 0em 0px;
    width: 43%;
    line-height: 0.8em;
    color: #c4c4c4;
    font-style: italic; 
    text-align: right;
}*/

/*OVERRIDING BROWSER DEFAULTS*/
.form-control {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    /*END OF OVERRIDING BROWSER DEFAULTS*/


    .form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-addon {
        background-color: transparent;
        color: white;
        /*color:#ff9488;*/
        border: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

.login span#Password-error, .login span#Username-error {
    display: none;
}

.login .glyphicon {
    margin-left: -2em;
    padding-right: 0.7em;
    color: grey;
    -webkit-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -moz-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -ms-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -o-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
}

#Status {
    top: 0;
    position: absolute;
}

#studiesPartial {
    /*height: 90vh;*/
    overflow-y: auto;
    width: 100vw;
    /*overflow-x: auto;*/
    bottom: 0;
    position: static;
    display: none;
    /*left:8vw;*/
    /*-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;*/
}

#no-search-access-mode + div #studiesPartial {
    /*margin-top:4vh;*/
    /*position:fixed;*/
    /*height: 94vh;*/
}

#no-search-access-mode + div #chooseColumns {
    display: none;
}

#studiesPartial.long {
    /*height:91vh;*/
}


.trans {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wholePage .no-transition, #wholePage.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#searchFields {
    margin: 1em;
    /*padding-top:1em;*/
    /*height:76vh;*/
    display: none;
}

    /*#searchFields.collapse {
    display:block;
}*/

    #searchFields .glyphicon-remove {
        color: #d74545;
    }

    #searchFields .tooltip-inner {
        color: #ff7b7b;
    }

.col-sm-1 {
    padding-right: 0px;
    padding-left: 0px;
}

#wholePage {
    position: relative;
    top: 0;
    /*-webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 1s ease;*/
    margin: auto;
}

    #wholePage.slideUp {
        position: relative;
        /*top: -50vh;*/
    }

/*TBD -Matina, temporal styling*/

.footable .pagination > li > a, .footable .pagination > li > span {
    background-color: #808080 !important;
    color: #ffffff !important;
}

.footable .pagination > .active > a {
    background: #555 !important;
    border-color: #fff;
}

.progress-bar-gray {
    background-color: gray !important;
}

@media only screen and (min-width: 769px) {
    #verticalNav ~ #studiesPartial {
        width: 92vw;
        /*left:inherit;*/
    }

    #no-search-access-mode + #wholePage #studiesPartial {
        width: 100vw;
    }
    /*.centeredContainer {
      width:60%;
      height:60%;
      max-width:40em;
      max-height:60em;
    }*/
    .fullPage {
        padding: 5em;
    }

    #imgLogo {
        margin-bottom: 0em;
    }
}

@media only screen and (min-width: 1624px) {
    /*.login input {
        min-width: 20%;
    }*/
    .loader {
        top: 40%;
        left: 40%;
    }

    #loader-message {
        bottom: 37%;
    }
}



@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    body {
        font-size: 12px;
    }

    #studiesPartial {
        /*height: 42vh;*/
    }

        #studiesPartial.long {
            /*height:90vh;*/
        }

    #wholePage.slideUp {
        /*top: -50vh;*/
    }

    #studiesPartial.short {
        height: 45vh;
    }
}
/*@media only screen and (min-device-width: 0px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {*/
@media only screen and (min-device-width: 0px) and (max-device-width: 480px) {
    body {
        font-size: 8px;
    }

    #studiesPartial {
        position: static;
        height: 100vh;
        /*padding-top:6em;*/
        /*padding-top: 20px;*/
    }

    #searchFields {
        width: 85%;
        margin: auto;
        margin-top: 3.5vh;
        /*margin-top: 7vh;*/
        /*padding-bottom:15vh;*/
        /*margin-top: 11%;*/
    }

    .label.col-sm-1 {
        display: none;
    }

    /*.col-sm-1 {
        margin: 0.5em;
    }*/

    #wholePage.slideUp {
        top: 0vh;
    }

    #searchFields.collapse.slideUp {
        display: none;
    }
    /*#searchFields {
        margin-bottom: 10em;
        margin-top: 5em;
    }*/
    #studiesPartial.short {
        height: 45vh;
    }

    #back + .navbar a.navbar-brand {
        text-align: center;
        width: 90%;
    }

    .navbar-toggle {
        margin-right: 0px;
    }

    .navbar.navbar-fixed-top, .nav.navbar-nav > li, .navbar-default .navbar-nav > .active > a {
        /*background-color:rgb(15,15,15);*/
    }
}



.expandImage {
    width: 25px;
    height: 25px;
}

body {
    font-size: 0.8em;
    /*overflow-y: scroll;*/
    /*display:none;*/
}

.paper-bg {
    background-color: #3d3d3d;
    margin: 2% 2% 4% 2%;
    overflow: visible;
    padding: 2%;
    box-sizing: border-box;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

/*.search-inputs > .paper-bg {
    overflow:visible;
}*/

.input-calendar {
    position: absolute;
}

    .input-calendar .input-group-addon + input.input-sm {
        width: 80%;
    }

.input-group.date .input-group-addon {
    width: 10%;
}

.whole {
    width: 100%;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:active {
    background-color: transparent;
    color: white;
    border-bottom: 3px solid grey;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
}

.navbar.navbar-fixed-top {
    padding: 0.5em 1em 0em 1em;
    background-color: #282828;
}

.navbar-header {
    left: 0px;
    position: relative;
    text-align: left;
}

    .navbar-header a.navbar-brand, .navbar-header a.navbar-brand:visited, .navbar-header a.navbar-brand:hover {
        text-align: left;
        color: white;
        background-color: transparent;
        font-size: 1.1em;
        line-height: 1.5em;
    }

    .navbar-header a.navbar-brand {
        color: transparent;
    }

    .navbar-header .glyphicon {
        top: 0px;
    }

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default {
    background-color: transparent;
    border-color: transparent;
    overflow: hidden;
}

.navbar-toggle {
    position: fixed;
    top: 3px;
    right: 9px;
}

.nav.navbar-right {
    /*background-color:#282828;*/
    position: fixed;
    right: 1vw;
    margin-right: 15px;
}

.collapse.in ul.nav.navbar-right, .collapsing ul.nav.navbar-right {
    position: static;
}

.nav > li > a {
    padding: 14px 0.6em;
}

.navbar-nav .glyphicon {
    display: none;
}

.navbar-default .navbar-nav > li > a {
    color: #bbb;
}

.collapse.navbar-collapse, .navbar.navbar-fixed-top, nav.navbar.navbar-default {
    overflow: visible;
}

.title-m, .navbar-fixed-top {
    color: white;
    font-size: 1.2em;
    font-weight: 200;
    margin: 0px;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #282828;
    color: #eee;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #bbb;
    font-size: 0.7em;
}

a#navLogout1:hover, a#navLogout1:active {
    background-color: transparent;
    color: white;
}

.no-search .navbar-nav li {
    background-color: transparent;
}

.navbar.navbar-fixed-top.no-search {
    left: 0;
    margin: 0;
    /*min-height:62px;*/
    height: 5vh;
}

.navbar-default .navbar-toggle {
    background-color: inherit;
    border-color: transparent;
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }



.nav-vertical {
    min-width: 100vw;
    height: 8em;
    position: fixed;
    z-index: 1045;
    bottom: 0;
    background-color: rgb(15,15,15);
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

    .nav-vertical ul:first-of-type {
        display: inline-block;
        width: 30vw;
    }

    .nav-vertical li.wrapper {
        word-wrap: break-word;
        height: 8em;
        width: 15em;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding: 1em;
    }

    .nav-vertical ul.scroll-x {
        display: inline-block;
        overflow-x: auto;
        width: 60vw;
        margin-left: 25px;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .nav-vertical span.table-cell {
        display: table-cell;
    }

    .nav-vertical li .inner {
        position: relative;
        font-family: 'Josefin Sans', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: white;
        max-width: 10vw;
    }

.wrapper.active {
    border-top: 4px solid #601414;
    /*background-color: #3d3d3d;
    border-top:1em solid rgb(15,15,15);
    border-bottom: 1em solid rgb(15,15,15);*/
    /*border:1px solid grey;*/
    /*border-radius:5em;*/
    /*padding:1em;*/
    /*color:#da6666;
    text-decoration:underline;*/
}

    .wrapper.active a {
        color: #d74545;
        font-weight: 600;
    }

.nav-vertical li.wrapper {
    list-style-type: none;
}

.nav-vertical #shortcutsNav a.inner {
    word-break: break-word;
}

.nav-vertical li.emphasis {
    background-color: #601414;
    min-width: 15vw;
    min-height: 100%;
}

    .nav-vertical li.emphasis:hover {
        filter: brightness(115%);
    }

.nav-vertical .emphasis .glyphicon {
    transform: rotate(90deg);
    color: #d74545;
}

.nav-vertical .table-cell li span.glyphicon {
    font-size: 1.5em;
    color: #741212;
    display: none;
}

.emphasis + .wrapper {
    border-right: 1px solid #282828;
}

.nav-vertical .glyphicon {
    -webkit-filter: drop-shadow(3px 1px 1px rgba(0,0,0,.2));
    -moz-filter: drop-shadow(3px 1px 1px rgba(0,0,0,.2));
    -ms-filter: drop-shadow(3px 1px 1px rgba(0,0,0,.2));
    -o-filter: drop-shadow(3px 1px 1px rgba(0,0,0,.2));
    filter: drop-shadow(3px 1px 1px rgba(0,0,0,.2));
    font-size: 2em;
    color: #8f8e8e;
    position: static;
    display: block;
    padding-bottom: 0.2em;
}

.pad-bottom {
    padding-bottom: 2.5%;
}

.dropdown {
    /*min-width:15em;*/
    background-color: #282828;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

    .dropdown .dropdown-menu {
        background-color: #282828;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }


#navSettings + .dropdown-menu {
    position: relative;
}

.dropdown-menu li a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #bbb;
    padding: 0.5em 1em 0.5em 1em;
}

#shortcutsBtn + .dropdown-menu {
    background-color: #1b1a1a;
}

/*OVERRIDING OLD CSS*/

.navbar-header a, .nav.navbar-nav a {
    color: #bbb;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.input-sm {
    height: 1em;
    padding: 0px;
    line-height: 0.9em;
    height: 100%;
    padding-left: 0.5em;
}

.label {
    float: left;
    padding: 0px;
    font-weight: 200;
    font-size: 1.2em;
    margin: 1.5em 0px 0em 0px;
    width: 43%;
    line-height: 0.8em;
    color: #c4c4c4;
    font-style: italic;
    text-align: right;
}

.paper-bg input, .paper-bg input.form-control, .paper-bg select.form-control, .paper-bg span.input-calendar {
    width: 52%;
    float: right;
}

#mods.paper-bg {
    overflow: auto;
}

.usetwentyfour.bottom {
    position: fixed;
    /*transform: scale(0.8);*/
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
}

.form-control:hover {
    border-bottom: 1px solid #eee;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #bbb;
}


.usetwentyfour.bottom {
    position: absolute;
}

.input-calendar .input-group-addon {
    width: 10%;
    padding: 0px;
    font-size: 1.1em;
    line-height: 2.7em;
    color: #c4c4c4;
    float: right;
    border-radius: 0px;
    padding-right: 1em;
    margin-right: -1em;
    margin-top:-1.1em;
}

.search-inputs {
    padding-top: 3em;
    padding-bottom: 1em;
}

/*.paper-bg .input-dropdown.stat.five-columns:last-of-type {
    width: 80%;
}*/

.glyphicon-remove-circle {
    color: #bbb;
}

.form-control {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    font-size: 1.3em;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}


#searchFields .paper-bg .btn-default:hover {
    filter: brightness(115%);
    font-weight: 500;
}

.paper-bg .btn-default {
    /*text-decoration:line-through;*/
    filter: brightness(90%);
    color: #ccc;
    background-color: #5f5f5f;
    border: none;
    -webkit-box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
}

    .paper-bg .btn-default:active, .paper-bg .btn-default.active {
        color: white;
        text-decoration: none;
        background-color: #8f8e8e;
        border-color: #8f8e8e;
        filter: brightness(100%);
        -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
        box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
    }

.paper-bg .btn {
    border-radius: 0px;
}

.btn-default:active {
    filter: brightness(90%);
    -webkit-box-shadow: -1px 2px 3px 0px rgba(255,255,255,0.1);
    -moz-box-shadow: -1px 2px 3px 0px rgba(255,255,255,0.1);
    box-shadow: -1px 2px 3px 0px rgba(255,255,255,0.1);
    color: white;
}

#modsSearch .btn-default:focus, .btn-default.focus {
    color: white;
}

#Status {
    top: 35px;
}
/*#searchFields {
    padding-top:5em;
}*/

/*END OF OVERRIDING OLD CSS*/

/*OVERRIDING BROWSER DEFAULTS*/

#wholePage button {
    outline-color: rgba(255,255,255,0);
    z-index: 0;
}

#wholePage .whole button:hover {
    background-color: #6d1515;
    color: white;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
}

/*#wholePage #mods button {
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1)
}

#wholePage #mods button:hover {
    -webkit-box-shadow: -1px 2px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 2px 3px 3px rgba(0,0,0,0.1);
    box-shadow: -1px 2px 3px 3px rgba(0,0,0,0.1);
}*/

#wholePage .form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(98, 196, 98, 0);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(98, 196, 98, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(98, 196, 98, 0);
}

#wholePage select:focus::-ms-value {
    background-color: white;
    color: #000;
}
/*#studiesPartial::-webkit-scrollbar   {  
    position: fixed;
    background-color:blue;
    bottom:0;
}*/

/*::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #3d3d3d;
}

::-webkit-scrollbar
{
	width: 18px;
    min-height:18px;
	background-color: #c4c4c4;
    margin-top:200px;
}

::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #bbb;
}*/

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding: 0;
}

/*END OF OVERRIDING BROWSER DEFAULTS*/

/*CUSTOM MODAL STYLING*/

#ColumnConfigModal .modal-body {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 1.5em;
}

#ColumnConfigModal label {
    width: 40%;
    float: left;
    white-space: nowrap;
    margin: 0.3% 4%;
    font-weight: 100;
}

#ColumnConfigModal .checkbox {
    float: left;
    margin-right: 0.3em;
}

#shortcutModalNew.modal, #shortcutModalDeleteConfirmation.modal {
    z-index: 2000;
}

@media only screen and (min-width: 769px) and (min-device-width: 769px) {
    #ColumnConfigModal .modal-body {
        padding: 3em;
    }

    #ColumnConfigModal label {
        width: 25%;
    }
}

/*END CUSTOM MODAL STYLING*/

#wholePage table.footable > tfoot > tr.footable-paging > td > span.label {
    display: none;
}

table tbody tr {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.whole .btn-group button {
    color: white;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 1.5em;
    white-space: normal;
}

.paper-bg .clear-this {
    clear: both;
}

.input-group + .five-columns {
    clear: both;
}


.input-group {
    position: relative;
}

    .input-group .form-control {
        padding-left: 0px;
    }

option {
    background-color: grey;
}

.paper-bg .five-columns {
    width: 80%;
    margin: 0% 10%;
    float: left;
}

.paper-bg .input-dropdown {
    width: 100%;
}

.search-buttons .btn-group {
    width: 28%;
    margin: 1% 2%;
}

.paper-bg .input-group.addon {
    width: 18%;
}

.paper-bg select {
    width: 100%;
    height: 1.5em;
    font-size: 1em;
    padding-bottom: 0px;
}

.search-buttons button {
    width: 100%;
    height: 4em;
}

.stat .dropdown-menu input {
    width: 20%;
    /* margin: 5px 0px; */
    float: left;
}

.stat .dropdown-menu label {
    float: none;
    color: white;
    font-size: 1em;
    padding: 3px 28px 3px 15px;
}

.stat .dropdown-menu {
    background-color: #5d5a5a;
    overflow-x: hidden;
    padding: 15px 0px;
    width: 210px;
}

.dropdown-menu {
    width: 100%;
    -webkit-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    border: none;
}

.modal-dialog label {
    font-size: 1.5em;
}

tr.series td {
    width: 100%;
    background-color: #333333;
    /*display: inline;*/
}

    tr.series td:hover {
        background-color: #333333;
    }

    tr.series td div {
        display: inline;
        float: left;
    }

.fixed-width-col {
    max-width: 18vw;
    text-overflow: ellipsis;
}

    .fixed-width-col:hover {
        max-width: none;
    }

#mods button {
    width: 12%;
    margin: 1%;
    float: left;
    padding: 0.55em;
}

#searchBtn {
    background-color: #601414;
}

#clearBtn {
    background-color: #3b0000;
    color: #da6666;
    font-weight: 700;
}

#shortcutsBtn {
    background-color: black;
    color: #b44949;
    font-weight: 700;
}

#advancedSearch {
    cursor: pointer;
}

    #advancedSearch:focus {
        filter: brightness(150%);
    }

    #advancedSearch:active {
        filter: brightness(80%);
    }

#noSavedSearchesToEditMsg {
    display: none;
}

#editSavedSearches .glyphicon:hover {
    cursor: pointer;
    color: white;
}



/* STATUS BAR COLORS */
.Confirmed {
    background-color: #357896;
}

.Edited {
    background-color: #9e5911;
}

.RptSigned {
    background-color: #146300;
}

.RptCreated {
    background-color: #818d0d;
}

.RptDelivered {
    background-color: #2a3c86;
}

.Reading {
    background-color: #9a413a;
}

.Read {
    background-color: #0b5c79;
}

.STAT {
    background-color: #741f19;
}

.Pending {
    background-color: #777777;
}

.Untouched {
    background-color: #532b5f;
}

.Retrieving {
    background-color: #67231e;
}

.InProgress {
    background-color: #949494;
}

.Unread {
    background-color: #a4710a;
}

.TobeConfirmed {
    background-color: #2a8685;
}

.no-status {
    background-color: #3b3b3b;
    /*background-color:transparent;
    border: 1px solid grey;*/
}
/* END STATUS BAR COLORS*/

/*SPECIAL EFFECTS*/
.transition-block {
    right: 0;
    background-color: grey;
    height: 1px;
    width: 80vw;
    display: inline-block;
}

.growToFullscreen {
    /*position:absolute;*/
    /*width:100vw;*/
    /*left:0;*/
    opacity: 0;
    height: 100vh;
    cursor: wait;
}

/*.footable > tbody > tr.growToFullScreen:not(.footable-row-detail):hover {
    background-color:transparent;
}*/

/*END SPECIAL EFFECTS*/

@media only screen and (min-width: 480px ) and (max-width: 768px) {
    body {
        font-size: 1.1em;
        overflow-y: scroll;
    }

    .paper-bg .five-columns {
        width: 45%;
        margin: 0%;
    }

    .paper-bg {
        padding: 3%;
    }

    .input-sm {
        margin-top: 1.5em;
    }

    .paper-bg select {
        margin-top: 1.5em;
    }

    .input-group + .five-columns {
        clear: inherit;
    }

    #dpTo + .five-columns {
        clear: both;
    }

    .paper-bg .clear-this {
        clear: inherit;
    }

    .pad-bottom {
        padding-bottom: 6%;
    }

    .input-calendar .input-group-addon {
        margin-top:0;
    }

    .title-m {
        font-size: 1.4em;
    }
    /*.input-calendar .input-group-addon {
        font-size: 1em;
        line-height: 2.1em;
    }*/
}

@media only screen and (min-width: 769px) {
    .paper-bg .five-columns {
        width: 19%;
        min-height: 1px;
    }

    body {
        font-size: 1.1em;
        /*overflow-y: auto;*/
        /*overflow-y: hidden;*/
    }

    .search-inputs {
        padding-top: 1em;
    }
    /*.paper-bg .input-dropdown.stat.five-columns:last-of-type {
    width: initial;
  }*/
    #verticalNav ~ #searchFields {
        /*width:91vw;*/
        /*float:right;*/
        margin-left: 10.5vw;
    }

    #verticalNav ~ #studiesPartial {
        margin-left: 8vw;
    }
    /*#searchFields .adjustForFixedTable, #studiesPartial .adjustForFixedTable {
      margin-left: 17px;
   }*/
    #searchFields.search-container, .search-container {
        width: 87%;
        margin: 2% auto 0% auto;
    }

    .paper-bg.two-thirds {
        width: 100%;
        margin: 2% 0%;
        float: left;
    }

    .paper-bg.one-third {
        width: 100%;
        margin: 0% 0% 1% 0%;
        float: left;
    }

    .three-button-group button {
        width: 30.8%;
    }

    .input-calendar .input-group-addon {
        line-height: 1.9em
    }

    .label {
        line-height: 0.7em;
        font-size: 1.3em;
        padding-top: 0;
        margin: 0.5em 0 0 0;
    }

    .paper-bg {
        padding: 1.5% 2%;
    }

    .pad-bottom {
        padding-bottom: 2.5%;
    }

    .navbar.navbar-fixed-top {
        left: 8vw;
    }

    .title-m, .navbar-fixed-top {
        font-size: 1.2em;
    }

    .search-buttons .whole {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .paper-bg .five-columns {
        margin: 0.7% 0.5%;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        font-size: 1em;
    }

    .nav-vertical + #wholePage .navbar-header {
        width: 88vw;
        float: right;
    }

    .nav-vertical {
        min-width: 8vw;
        height: 100vh;
    }

        .nav-vertical li {
            float: none;
        }

        .nav-vertical ul.scroll-x {
            padding-top: 2em;
            border-top: 1px solid #282828;
            display: block;
            width: 8vw;
            margin: 0;
            overflow-wrap: break-word;
            overflow-x: visible;
            cursor: pointer;
        }

        .nav-vertical li.emphasis {
            min-height: 10vh;
            display: block;
            min-width: 8vw;
        }

        .nav-vertical li.wrapper {
            display: list-item;
            min-width: 8vw;
            width: 8vw;
            height: auto;
            padding: 2em 0.2em;
        }

        .nav-vertical .table-cell li.wrapper {
            padding: 1.2em 0.2em;
        }

        .nav-vertical ul:first-of-type {
            width: 8vw;
        }

    .table-cell li.wrapper a {
        text-align: left;
    }

    .table-cell li.wrapper:last-of-type {
        border-bottom: 1px solid #282828;
        padding-bottom: 3em;
    }

    .nav-vertical .glyphicon {
        font-size: 2.5em;
    }

    .table-cell li:hover {
        text-decoration: underline;
        color: #eee;
    }

    .wrapper.active {
        border-right: 4px solid #601414;
        border-top: none;
    }

    .removeSavedSearch li.customSavedSearch:hover {
        background-color: #3b0000;
        text-decoration: none;
    }

    .removeSavedSearch li.customSavedSearch a:hover {
        text-decoration: none;
    }

    .emphasis + .wrapper {
        border-right: none;
        min-height: 10vh;
    }

    .search-buttons .btn-group {
        width: 80%;
        margin: 1% 1.1%;
    }

    #studiesPartial {
        position: fixed;
    }

    #mods button {
        width: 5.2%;
        margin: 0.5%;
    }
    /*#searchFields {
      padding-top: 3em;
  }*/
    #studiesPartial {
        /*height: 70vh;*/
    }
    .input-calendar .input-group-addon {
        font-size: 0.9em;
        margin-top:0;
    }
}

@media only screen and (min-width: 769px) and (min-device-width: 769px) {
    #verticalNav #wholePage {
        width: 92vw;
    }
    /*#wholePage {
    width:90%; 
  }*/
}

@media only screen and (min-width: 769px) and (min-device-width: 769px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    body {
        /*overflow-y: scroll;*/
    }

    #studiesPartial {
        width: 91vw;
    }
}


@media only screen and (min-width: 1024px) {
    .navbar-nav .glyphicon {
        display: inline-block;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }
}

@media only screen and (min-width: 1600px) {
    body {
        font-size: 1.1em;
    }

    .paper-bg.two-thirds {
        width: 64%;
        margin: 2%;
        float: left;
    }

    .paper-bg select {
        height: 2.2em;
    }

    .paper-bg.one-third {
        width: 28%;
        margin: 2%;
        float: left;
    }

    .input-sm {
        margin-top: 0.8em;
    }

    .three-button-group button {
        width: 30.8%;
    }

    .label {
        margin: 1em 0em 0em 0em;
    }

    .input-calendar .input-group-addon {
        font-size: 1em;
        line-height: 2.5em;
    }

    .paper-bg select {
        padding-top: 1em;
        height: inherit;
    }

    .search-buttons button {
        height: 4em;
    }

    .navbar.navbar-fixed-top {
        margin-right: 17px;
    }

    #mods button {
        width: 21.6%;
        margin: 1.7%;
    }

    .whole {
        width: 96%;
        margin: 0% 2%;
    }

    .title-m {
        font-size: 2em;
        padding-bottom: 0.5em;
    }

    #studiesPartial {
        /*height:45vh;*/
    }

    .paper-bg .five-columns {
        margin: 0.5%;
    }

    .paper-bg {
        padding: 2%;
    }

    .pad-bottom {
        padding-bottom: 3.2%;
    }

    .search-buttons .btn-group {
        width: 95%;
        margin: 1% 2%;
    }

    .search-inputs {
        padding-bottom: 3em;
    }
}

.nav_menu {
    position: relative
}

    .nav_menu > ul.nav_list {
        display: none;
        position: absolute;
        left: 30px;
        z-index: 999;
        width: 425px;
        margin: 0;
        padding: 10px;
        list-style: none;
        background: #282828;
        color: #333;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 5px #999;
        -webkit-box-shadow: 0 0 5px #999;
        box-shadow: 0 0 5px #999
    }

#downloads_list {
    width: 200px !important;
}

.nav_menu > ul.nav_list li {
    padding: 10px;
}

    .nav_menu > ul.nav_list li:hover {
        background: #333;
        color: #fff;
    }

    .nav_menu > ul.nav_list li:last-child {
        border: none
    }

.navbar-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
}

video {
    width: 100%;
    height: auto;
}

#vid-modal-dialog {
    width: auto;
    max-width: 1200px;
}

#vid-modal-header {
    background-color: #333333;
    border-bottom: none;
}

#video-modal {
    background-color: #282828
}

#modal-delete-text {
    margin-left: 5em;
    margin-top: 1em;
    margin-bottom: 1em;
}
/*----------------------------------------------- TEXT STYLING-----------------------------------------------*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../Content/fonts/Open-Sans-Light.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url("../Content/fonts/Josefin-Sans.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h3 {
   color:white;
   font-family: 'Josefin Sans', sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   color:white;
   margin:0px;
   font-size:1.5em
}
/*----------------------------------------------- END TEXT STYLING-----------------------------------------------*/

/*------------------------------------------------CURSOR STYLING--------------------------------------------------*/
#cursorWait {
    cursor:wait !important;
}
/*------------------------------------------------END CURSOR STYLING--------------------------------------------------*/

/*----------------------------------------------- LONG LOADERS STYLING-----------------------------------------------*/
.paper-loader-background {
  z-index: 1020;
  background-color:#333;
  width:100vw;
  height:100vh;
  margin: 0;
  padding:0;
  position:absolute;
  left:0vw;
  /*transition: 1s ease;*/
      -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    top:-100vh;
}

.paper-loader:hover {
    filter: brightness(150%);
}

.paper-loader-container {
      top: 45%;
    left: 50%;
    width:10vw;
    height:10vw;
    position:absolute;
  -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#paper-loader-message{
  position:absolute;
  width:100%;
  bottom:20%;
  text-align:center;
}


.paper-loader {
  width: 25%;
  height: 25%;
  float:left;
    transition: 0.2s ease;
  -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -ms-transform:rotate(0deg);
    transform: rotate(0deg);
    transform-style: preserve-3d;
    -ms-transform-style: none;
}

.animate-rotate {
    animation: spinGrow 4s ease infinite;
	-moz-animation:spinGrow 4s ease infinite;
	-o-animation:spinGrow 4s ease infinite;
    -ms-animation:spinGrow 4s ease infinite;
}


#follower2 {
    background-color:#aaa; /* Safari 4.0 - 8.0 */
    animation-delay: 0.05s;
}
#follower {
  background-color:dimgrey; /* Safari 4.0 - 8.0 */
  animation-delay: 0.12s;
}

#follower3 {
  background-color:#3d3d3d; /* Safari 4.0 - 8.0 */
  animation-delay: 0.2s;
}

#main {
      background-color:darkred; /* Safari 4.0 - 8.0 */
      animation-delay: 0s;
}

@keyframes spinGrow {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(260deg);
        transform: rotate(260deg);
        width: 10%;
        margin-left: 10%;
        height: 50%;
    }

    50% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -o-transform:rotateX(360deg);
        -ms-transform: rotateX(360deg);
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform:rotateX(0deg);
        -ms-transform: rotateX(0deg);
    }
}
.paper-loader2{
    width:15%;
    height:50%;
    margin-left:15%;
    background-color:white;
    float:left;
    transition: 0.2s ease;
    opacity:1;
    -webkit-animation: growBars 2s ease infinite;
    animation: growBars 2s ease infinite; 
}

.paper-loader2:nth-of-type(2) {
    animation-delay:0.7s;
}

.paper-loader2:nth-of-type(3) {
    animation-delay: 0.8s;
}

.thumbnails-container .paper-loader-container2 {
    /*top: 3.5em;
    left: 5.5em;*/
    width: 2em;
    height: 2em;
}

.paper-loader-container2 {
    top:50%;
    left:50%;
    width: 4em;
    height: 4em;
    position:absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@keyframes growBars {
    0% {
    }
    50% {
        transform: rotateX(150deg);
        /*background-color:darkred;*/
    }
    100% {
        height:50%;
    }
}

#spinner {
  border-radius: 50%;
  background-color:transparent;
  border: 3px solid grey;
  border-left: 3px solid #00c7ff;
  min-height: 2em;
  min-width:2em;
  display:inline-block;
  line-height:4em;
  animation:spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
/*-----------------------------------------------END LONG LOADERS STYLING-----------------------------------------------*/

/*----------------------------------------- CIRCLE GRADIENT LOADER STYLES---------------------------------------*/

#loader-circle-bg {
    -webkit-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
    opacity:1;
}

#loader-circle-bg.active {
    opacity:0.3;
}

#loader-circle {
    transition:0.5s ease;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index:50;
    display:none;
}

#loader-circle.active {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spinner {
  animation: rotate 1.4s linear infinite;
  -webkit-animation: rotate 1.4s linear infinite;
  -moz-animation: rotate 1.4s linear infinite;
  position: relative;
  width: 30%;
  height: 30%;
}


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

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.path {
  stroke-dasharray: 170;
  stroke-dashoffset: 20;
}


/*----------------------------------------- END SQUARE LOADER STYLES---------------------------------------*/

/*----------------------------------------------- MODAL STYLING-----------------------------------------------*/
/*.paper.modal.fade.in {
    z-index:1500;
}*/
.modal-open .modal.paper {
    background-color: rgba(40,40,40,0.8);
}


.paper.modal .modal-content {
    border-radius: 0px;
    border: none;
    background-color: #3d3d3d;
    -webkit-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    -moz-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
}

.paper .modal-header-group {
    background-color: #5e5e5e;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.paper .modal-header {
    padding: 0.9em;
    background-color: #191919;
    border: none;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.paper .modal-title {
    letter-spacing: 0.2em;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size:2em;
    padding: 0.2em 1em;
    color:white;
}

.paper button.close {
    color: white;
    background-color: #601414;
    opacity: 1;
    font-size: 1.8em;
    padding: 0.2em 0.5em 0.3em 0.5em;
    margin: -0.5em -0.5em;
    -webkit-box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
}

.paper .modal-footer {
    border: none;
    text-align: center;
    padding: 1em 0em 3em 0em;
    display:flex;
    margin-top: -2em;
}

.paper .btn {
    width:40%;
    margin: auto;
    border:none;
    border-radius: 0;
    padding: 0.8em;
    letter-spacing: 0.2em;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size:1.5em;
    color:white;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
}

.paper .btn.full {
    width:100%;
}

.paper .btn:active{
    filter: brightness(70%);
}

.paper .btn-primary {
    background-color: #601414;
}

.paper .btn-default {
    background-color: #3b0000;
    color: #da6666;
    font-weight: 700;
}

.paper.modal .label {
    width: 33%;
    padding-right: 1em;
    font-size: 1em;
}

.paper .modal-body {
    padding: 1.5em;
    color: white;
    font-size: 1.5em;
    text-align: left;
    display:inline-block;
}

.paper .modal-dialog label {
    font-size:1em;
}

.paper .modal-body span label {
    width: 100%;
}

/*.paper.modal.large {
    width: 60em;
}*/

.paper.large .modal-dialog {
    width:90%;
    margin:auto;
}

.paper .btn {
    font-size: 1.3em;
}

@media only screen and (min-width: 769px) and (min-device-width: 769px) {
    .paper.large .modal-dialog {
        width:60em;
    }
    .paper .modal-body {
        /*padding: 0em;*/
    }
    .paper.large .modal-body {
        padding: 3em 3em 1em 3em;
    }
}

/*-----------------------------------------------END MODAL STYLING-----------------------------------------------*/
/*------------------------------------------------INPUT STYLING------------------------------------------------------*/
    /*--------------------1. Checkboxes-------------------*/

.styled-checkbox {
  position: absolute;
  opacity: 0;
  visibility:hidden;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin:0;
  display:initial;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: #ccc;
}
.orange.styled-checkbox:hover + label:before {
  background: #c77e3f;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.orange.styled-checkbox:checked + label:before {
  background: #9f591d;
}
.styled-checkbox:disabled + label {
  /*color: #b8b8b8;*/
  cursor: not-allowed;
  background:none;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.black-check.styled-checkbox:checked + label:after {
    background:black;
      box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.font-selection select, .font-selection input {
    height: 2em;
    float: left;
    margin: 0.5em 0.5em 0.5em 0em;
    color: black;
    font-weight: bold;
}


/*------------------------------------------- LABEL-VALUE-PAIR STYLING-----------------------------------------------*/
.paper .modal-body .paper-label-val-pair {
    font-size:15px;
    display:inline-block;
    float:left;
}

.paper-label-val-pair.width-6 {
    width:100%;
    /*margin-bottom:2em;*/
}

.paper-label-val-pair {
    width: 100%;
}

.paper-label-val-pair span{
    float:left;
}

.paper-label-val-pair span:first-of-type {
    width: 14%;
}

.paper-label-val-pair.width-6 span:first-of-type {
    width:23%;
}

.paper-label-val-pair.width-6 span:nth-of-type(2) {
    width: 70%;
}

.paper-label-val-pair span:nth-of-type(2) {
    width: 84%;
}

.paper-label-val-pair label{
    display:block;
    text-align:right;
    padding-right: 0.7em;
    font-weight: 200;
    color: #c4c4c4;
    font-style:italic;
    font-family: 'Open Sans', sans-serif;
}
.paper-label-val-pair div label, div.paper-label-val-pair label {
    width:25%;
    float:left;
}

.paper-label-val-pair p, .paper-label-val-pair textarea, .paper-label-val-pair input, .paper-label-val-pair select {
    font-size:16px;
    margin-top:0.2em;
    margin-bottom: 0.4em;
    padding-left: 0.2em;
    padding-right: 1em;
    background-color:transparent;
    border:none;
    box-shadow:none;
    border-radius:0;
    border-bottom: 1px solid dimgrey;
}
.paper-label-val-pair div p, .paper-label-val-pair textarea, .paper-label-val-pair input, .paper-label-val-pair select {
    width: 75%;
    display:inline-block;
}

.paper-label-val-pair option, .paper-label-val-pair option:focus, .paper-label-val-pair option:active, .paper-label-val-pair select:focus, .paper-label-val-pair select:active {
    background-color:#3d3d3d;
    /*border:none;
    outline:0;*/
}

.paper-label-val-pair textarea {
    background-color:rgba(0,0,0,0.2);
    -webkit-box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    border:none;
}

.paper-label-val-pair.checkbox {
    padding:0;
    margin:0;
}
.paper-label-val-pair.checkbox input {
    width:25%;
    margin-left: 3em;
}
.paper-label-val-pair.checkbox label {
    width: 75%;
    text-align: left;
    float: right;
    padding: 0;
}
/*.paper-label-val-pair.radio {
    padding: 0;
    margin: 0;
}

.paper-label-val-pair.radio input {
    width: 25%;
    margin-left: 3em;
}

.paper-label-val-pair.radio label:first-child {
    width: 75%;
    text-align: left;
    float: right;
    padding: 0;
}
*/

.paper-radio-list {
    width: 75%;
    float: right;
}
.paper-label-val-pair.radio {
    margin-bottom: 0;
    max-height:
}

.paper-label-val-pair.radio label {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0;
}
.paper-label-val-pair.radio label.txt-light-red {
    color: #f16363;
}

.paper-radio-list-item {
    width: 50%;
    float: right;
    font-size: 0.7em;
    font-weight: normal;
    color: #c7c7c7;
}
.paper-radio-list-item label{
    cursor: pointer;
}
.input-scrollable {
    max-height: 5em;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

    div.paper-label-val-pair {
        padding: 0.5em 0em;
    }

@media only screen and (min-width: 769px) and (min-device-width: 769px) {
    .paper-label-val-pair.width-6 {
        width: 49%;
    }
    .paper-label-val-pair.width-6 span:first-of-type {
        width:29%;
    }
    .large .paper-label-val-pair div label {
        width: 12%;
    }
    .paper .modal-body .paper-label-val-pair {
        font-size:0.8em;
    }
    .paper-label-val-pair p, .paper-label-val-pair textarea, .paper-label-val-pair input, .paper-label-val-pair select {
        font-size: 0.9em;
    }
}
/*-------------------------------------END LABEL-VALUE-PAIR STYLING-----------------------------------------------*/

/*------------------------------------- CARDB STYLING-----------------------------------------------*/
.cardB {
    background-color:rgba(255, 255, 255, 0.05);
    padding:0em 0em 2.5em 0em;
    margin: 0.5em;
    display: inline-block;
    line-height: 4vh;
}
.cardB-title {
    text-transform:uppercase;
    letter-spacing:0.3em;
    padding:1em;
    margin:0em 0em 1em 0em;
    font-weight: bold;
}
.cardB.pad-0 {
    padding: 0em;
}
/*-------------------------------------END CARDB STYLING-----------------------------------------------*/
/*----------------------------------------B. LAYOUT STYLES----------------------------------------
    /*--------------------1. Columns-------------------*/
    .container-row-height {
        height:100vh;
        overflow-y: auto;
    }
    .row-2-of-24 {
        height: 8.33%;
        max-height: 8.33%;
    }
    .row-1 {
        height: 4.16%;
        max-height: 4.26%;
    }
    .row-2 {
        height: 16.66%;
        max-height:16.66%;
    }
    .row-3 {
        max-height: 25%;
        height: 25%;
    }
    .row-4 {
        max-height: 33.333%;
        min-height:33.333%;
    }
    .row-6 {
        max-height: 50%;
        min-height: 50%;
    }
    .row-8 {
        max-height:66.66%;
        min-height:66.66%;
    }
    .row-10 {
        max-height:83.333%;
        height: 83.333%;
    }
    .row-11 {
        max-height:91.66%;
        height: 91.66%;
    }
    .row-12 {
        max-height:100%;
        height:100%;
    }
    .row-1-offset-top {
        margin-top: 4.16%;
    }
    .row-1-offset-bottom {
        margin-bottom: 4.16%;
    }
    @media only screen and (min-width:768px) and (max-width: 1200px) {
        .hide-md {
            display:none;
        }
        .col-md-6-forced {
            width:50%;
            float:left;
            height:100%;
        }
        .height-md-54 {
            height:54rem;
        }
    }

    @media only screen and (min-width: 768px) {
        .show-md {
            visibility:visible;
        }
        .row-md-1 {
            height: 4.16%;
            max-height: 4.16%;
        }
        .row-md-3-of-24 {
            height:12.5%;
            max-height:12.5%;
        }
        .row-md-21-of-24 {
            height:87.5%;
            max-height:87.5%;
        }
        .row-md-2 {
            height:16.66%;
            max-height:16.66%;
        }
        .row-md-3 {
            height:25%;
            max-height:25%;
        }
        .row-md-4 {
            max-height:33.3%;
            height:33.3%;
            min-height:33.3%;
        }
        .row-md-5 {
            max-height:41.6%;
            height:41.6%;
            min-height:41.6%;
        }
        .row-md-6 {
            max-height: 50%;
            height: 50%;
        }
        .row-md-8 {
            max-height:66.66%;
            height:66.66%;
        }
        .row-md-10 {
            max-height:83.333%;
            height: 83.333%;
        }
        .row-md-11 {
            max-height:91.66%;
            height: 91.66%;
        }
        .row-md-12 {
            max-height:100%;
            height:100%;
        }
        .row-md-0-offset-top {
            margin-top: 0%;
        }
    }

    @media only screen and (min-width:968px) {
        .row-lg-1{
            height: 4.16%;
            max-height: 4.16%;
        }
        .row-lg-2{
            height:8.33%;
            max-height:8.33%;
        }
        .row-lg-3 {
            height:12.5%;
            max-height:12.5%
        }
        .row-lg-9 {
            height:37.5%;
            min-height:37.5%;
        }
        .row-lg-10{
            height:41.66%;
            min-height:41.66%;
            max-height:41.66%;
        }
        .row-lg-12 {
            height:50%;
            max-height:50%;
        }
        .row-lg-14{
            height:58.33%;
            max-height:58.33%;
        }
        .row-lg-21 {
            max-height:87.5%;
            height: 87.5%;
        }
        .row-lg-22 {
            max-height:91.66%;
            height: 91.66%;
        }
        .row-lg-11 {
            max-height:95.83%;
            height: 95.83%;
        }
       .row-lg-24 {
            max-height:100%;
            height: 100%;
        }
    }

    @media only screen and (min-width: 1200px) {
        .row-xl-1 {
            height: 4.16%;
            max-height: 4.16%;
        }
        .row-xl-2 {
            height: 8.333%;
            max-height: 8.333%;
        }
        .row-xl-4 {
            max-height: 16.667%;
            height: 16.667%;
        }
        .row-xl-5 {
            max-height: 20.83%;
            height: 20.83%;
            min-height: 20.83%;
        }
        .row-xl-6 {
            max-height: 25%;
            min-height: 25%;
        }
        .row-xl-7 {
            max-height: 29.16%;
            height: 29.16%;
            min-height: 29.16%;
        }
        .row-xl-9 {
            max-height: 37.5%;
            height: 37.5%;
            min-height: 37.5%;
        }
        .row-xl-10 {
            max-height:41.6%;
            height:41.6%;
            min-height:41.6%;
        }
        .row-xl-11 {
            max-height:45.83%;
            height:45.83%;
            min-height:45.83%;
        }
        .row-xl-12 {
            max-height: 50%;
            min-height: 50%;
        }
        .row-xl-20 {
            max-height:83.333%;
            height: 83.333%;
        }
        .row-xl-22 {
            max-height:91.66%;
            height: 91.66%;
        }
        .row-xl-23 {
            max-height:95.83%;
            height: 95.83%;
        }
        .row-xl-24 {
            max-height:100%;
            height:100%;
        }
        .row-xl-0-offset {
            margin-bottom: initial;
        }
        .col-xl-none {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: auto;
        }
    }
    @media only screen and (min-width: 1600px) {
        .row-xxl-12 {
            min-height: 50%;
            height:50%;
        }
    }


    /*---------------------------------FLEXBOX-----------------------------*/
        .block-xs {
            display:block;
        }
        .flex-btn {
            text-transform: uppercase;
            letter-spacing:0.2em;
            text-align:center;
            /*line-height:9em;*/
            padding: 3.5em 0em 3.5em 0em;
        }
        .flex-center-center {
            align-items:center;
            justify-content:center;
            display:flex;
        }
        .flex-btn:hover {
            cursor:pointer;
            filter:brightness(130%);
        }
        .flex-full-page {
            width: 100vw;
            height: 100vh;
            box-sizing:border-box;
        }
        .flex-full {
            /*width:100%;*/
            height:100%;
        }
        .flex {
            min-height:100%;
            /*min-width:100%;*/
            display: flex;
            justify-content: space-between;
        }
        .flex-nav {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .flex-col {
            display: flex;
            justify-content: space-between;
            flex-direction:column;
        }
        .flex-v-center {
            display:flex;
            align-items:center;
        }
        .flex-row-around {
            display: flex;
            justify-content: space-around;
            flex-direction:row;
        }
        .flex-row {
            display: flex;
            justify-content: space-between;
            flex-direction:row;
        }
        .flex-row-start {
            display:flex;
            flex-direction:row;
            justify-content: flex-start;
        }
        .flex-w-3 {
            width:95%;
            float:left;
            height:unset;
        }
        .flex-w-3.full {
            width: 95%;
            padding: 0;
        }
@media only screen and (min-width: 768px) {
        .flex-w-3 {
            width:47.5%;
        }
        .flex-sm-row {
            display: flex;
            justify-content: space-between;
            flex-direction:row;
        }
        .flex-sm-col {
            display:flex;
            justify-content:space-between;
            flex-direction:column;
        }
        .flex-sm-none {
            display:initial;
        }
}
/*-----md----------*/
@media only screen and (min-width: 992px) {
        .flex-w-3 {
            width:34%;
        }
        .flex-w-3.full {
            width:34%;
        }
        .flex-md {
            display:flex;
            justify-content:space-between;
            min-height:100%;
        }
        .flex-md-v-center {
            display:flex;
            align-items:center;
        }
        .flex-md-none {
            display:initial;
        }
        .flex-md-row {
            display:flex;
            flex-direction:row;
        }
        .flex-full-md {
            height:100%;
        }

}
    /*-------------------------------FLEXBOX END----------------------------*/



/*-------------------------------FULLPAGE MODAL----------------------------*/

 .modal-full .label {
    /*font-weight: bold;*/
    letter-spacing: 0.1em;
    color:white;
    font-style:normal;
}
.modal-full .modal-header-group {
    /*height:8vh;*/
    overflow: hidden;
    /*min-height:8vh;*/
}
.modal-full .modal-body {
    height:92vh;
    min-height:92vh;
    float:right;
}
.modal-full .modal-tab .col {
    margin:0;
    padding:0;
}
.modal-full {
    font-size:0.6em;
}
.modal-full .modal-tab {
    padding: 1em;
}
.modal-full .cardB {
    line-height: 3vh;
}
.modal-full h5, .modal-full h4 {
    font-size:0.9em;
}
.modal-full .table-sm {
    font-size:0.9em;
    line-height:1em;
    bottom:-17em;
    max-width:80vw;
    overflow:auto;
}
.modal-tab.active tr.active {
    background-color:darkgrey;
}

/*md size*/
@media only screen and (min-width: 992px) {
    .modal-full {
        font-size:0.65em;
    }
    .modal-full .table-sm {
        font-size:0.8em;
        line-height:1em;
        bottom:-17em;
    }
    .modal-full.paper .modal-title {
        /*padding: 0 1em;*/
        padding:0;
    }
    .modal-full .cardB {
        /*padding-bottom: 2em;*/
        line-height:4vh;
    }
}
/*xl size*/
@media only screen and (min-width: 1200px) and (min-height:550px)  {
    .modal-full .cardB {
        margin:1em;
    }
    .modal-full .modal-tab {
        padding:2em;
    }
}
@media only screen and (min-height:550px) {
    .modal-full textarea {
        height: auto;
    }
}
@media only screen and (min-height: 900px) {
    .modal-full {
        font-size: 0.8em;
    }
}
/*xxl size*/
@media only screen and (min-width: 1600px) {
    .modal-full {
        font-size: 0.8em;
    }
    .modal-full h5, .modal-full h4 {
        font-size: 1em;
    }
    .modal-full .modal-tab {
        padding: 4em;
    }
    .modal-full .table-sm {
        bottom:-17em;
        font-size:0.9em;
    }
    .modal-full .cardB {
        /*padding-bottom: 3em;*/
    }
}

/*-------------------------------FULLPAGE MODAL END----------------------------*/

.btn-square-group button.btn{
    width:50%;
    float:left;
    box-sizing:border-box;
}
.btn-square-group button .glyphicon {
    display:block;
    line-height:2em;
}
#editStudyTabs {
    overflow:hidden;
}
#editStudyTab {
   /*padding-bottom: 10vh;*/
   height:85vh;
}
#editStudyTab-btns button{
    width:43%;
}
#editStudyTab-btns {
    padding:1em 0em;
}
.tab-container {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:0;
}
.tab-container select {
    border:none;
    border-bottom:1px solid grey;
}
.clear {
    clear:both;
}
.trans {
    background:transparent;
}
.txt-light-grey {
    color:#ccc;
}
.modal-body h3 {
    padding: 1em;
}
.info-row {
    font-size: 0.7em;
    text-transform: initial;
    letter-spacing: 0.1em;
    font-family: 'Open Sans', sans-serif;
    justify-content: space-between;
    background-color: rgba(255,255,255,.08);
    opacity: 0.8; 
    width:100vw;
    padding: 0.5vh;
}
.info-row-item {
    margin-right:2em;
    display:inline-block;
    word-break:break-word;
    /*word-break: keep-all;*/
}
/*------temporary--------*/
#ManageStudyDisplay {
    overflow:auto;
}
#ManageStudyDisplay .label-input-pair input, #ManageStudyDisplay textarea, #ManageStudyDisplay .label-input-pair select {
    width:66%;
    max-width:none;
    font-size: 1.2em;
    height:1.6em;
    line-height:normal;
}
/*#ManageStudyDisplay .btn {
    width:66%;
    float:right;
    margin:1em 0em;
    font-size:1em;
}*/
#seriesManagement-controls .btn {
    width:100%;
    clear:both;
    font-size: 1em;
    text-align: center;
    align-items: center;
    /*display: block;*/
    float:none;
    display:flex;
}
#ManageStudyOptions .modal-content {
    width: 55%;
    /*transform: translate(45%, 40%);*/
    margin:auto;
    font-size:0.9em;
}
#ManageStudyOptions .modal-body {
    /*padding: 1em;*/
    padding: 3em;
}
#ManageStudyOptions input[type="password"] {
    font-size: 1.4em;
    line-height: 1.5em;
}
#ManageStudyOptions .glyphicon-remove {
    display:none;
}
#ManageStudyDisplay .modal-body {
    width: 100%;
    padding: 2em;
}
#ManageStudyDisplay textarea {
    border: 1px solid grey;
    background-color: transparent;
    height:100%;
    margin-bottom: 0.5em;
}
#ManageStudyDisplay *:disabled {
    opacity:0.5
}
#ManageStudyTabs *:disabled {
    opacity:1;
}
#ManageStudyDisplay *:disabled:hover {
    cursor: not-allowed;
}
#ManageStudyDisplay .modal-footer {
    float: none;
    margin: 0;
    padding:0;
}
#ManageStudyOptions div.col-md-6 {
    float:right;
}
#ManageStudyDisplay .table-sm {
    position: absolute;
    z-index: 1000;
    background-color: #545454;
    width:61em;
    max-width:61em;
    min-width:61em;
    overflow-x:hidden;
    display:block;
    right:0;
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.1);
}
#ManageStudyDisplay .table-sm.narrow{
    max-width:57.5em;
    min-width:57.5em;
}
#ManageStudyDisplay .table-sm.narrow {
    max-width:80vw;
    min-width:80vw;
}
#ManageStudyDisplay .table-sm tbody td, #ManageStudyDisplay .table-sm tbody th {
    padding: 0.2em 0.4em;
}
.modal-full .modal-content {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: absolute;
    overflow:hidden;
}
.modal-full .modal-tab {
    height: 92vh;
    width:100%;
    overflow: auto;
}
.modal-full .modal-header-group {
    box-shadow:none;
}
/*#ManageStudyDisplay .modal-content {
    width: 90%;
    transform: translate(6%, 6%);
}*/
#ManageStudyDisplay .glyphicon-remove, #ManageStudyDisplay .glyphicon-lock {
    margin-left: -1em;
    opacity:0.4;
}
#ManageStudyDisplay .table-sm table tbody tr {
    height: unset;
}
#ManageStudyDisplay .table-sm tbody:first-of-type {
/*#ManageStudyDisplay .table-sm tbody:not(:last-child) {*/
    height:15em;
    overflow-y:auto;
    overflow-x: hidden;
}
#ManageStudyDisplay .table-sm td, #ManageStudyDisplay .table-sm th {
    width:8em;
    max-width:8em;
    min-width:8em;
    white-space:normal;
    padding-right:1em;
    word-wrap:break-word;
}
#ManageStudyDisplay .addNewRefPhys td {
    max-width:none;
}
#ManageStudyDisplay th {
    border:none;
}
#ManageStudyDisplay .table-sm thead, #ManageStudyDisplay .table-sm tbody {
    display:block;
}
#auditLogTab .table-sm thead, #auditLogTab .table-sm tbody {
    display:unset;
}
#ManageStudyDisplay thead {
    background-color:#1f1f1f;
}
#ManageStudyDisplay .table-md {
    max-height: 88%;
    min-height: 88%;
    width: 100%;
    overflow: auto;
    display: inline-block;
    background-color: #525252;
}

#checkboxDropdownModalitiesDisplay {
    width: 62%;
    float: right;
    border: 1px solid grey;
    list-style: none;
    position: absolute;
    background-color: #3e3e3e;
    right: 4%;
    line-height: 1em;
    z-index: 200;
    height: 20vh;
    overflow-y: auto;
}
#checkboxDropdownModalitiesDisplay input {
    width:1em;
}
.table-grey tr:nth-child(2n) {
    background-color: #676767;
    box-shadow: none;
}
.table-grey tr {
    background-color: #525252;
}
.table-grey thead tr {
    background-color:#191919;
}
#ManageStudyDisplay .addNewRefPhys, #ManageStudyDisplay .searchRefPhys, #ManageStudyDisplay .addNewRefPhys td, #ManageStudyDisplay .searchRefPhys td {
    width: 100%;
    min-width: unset;
    max-width: unset;
    display:block;
    height:2em;
    height:100%;
    line-height:2em;
}
#ManageStudyDisplay .addNewRefPhys td {
    /*background-color:#3b0000;*/
    background-color:#222;
}
#ManageStudyDisplay .searchRefPhys td {
    /*background-color:#601414;*/
    background-color:#323232;
}
/*#ManageStudyDisplay input:read-only {
    opacity:0.5;
}*/
#ManageStudyDisplay tbody tr:hover, #orderReconciliation + table tbody tr:hover {
    background-color:#888;
    cursor:pointer;
}
#ManageStudyDisplay .glyphicon-remove:not([disabled]):hover {
    opacity:1;
    cursor:pointer;
}
#ManageStudyDisplay input:not([disabled]):hover {
    border-bottom:1px solid white;
}
#ManageStudyDisplay button:hover {
    background-color:darkred;
}
#addRefPhysPanel input {
    font-size:unset;
}
#ManageStudyDisplay #checkboxDropdownModalitiesDisplay input {
    height: 1em;
    text-align: left;
    width: 3em;
    font-size: 1em;
}
#ManageStudyOptions.modal {
    overflow-y:auto;
}
#RefPhysPanel select {
    font-size:1.4em;
    max-width:280px;
}
#RefPhysPanel #editrefPasswordConfirm {
    /*float:right;*/
}
#auditLogTab .table-sm, #orderReconciliationTab .table-sm {
    position:static;
    margin:2em;
    width: 100%;
    overflow: auto;
    background-color: #545454;
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.1);
    display: inline-block;
    max-height: 70vh;
    min-height: 70vh;
    min-width:80vw;
}
#auditLogTab .table-sm tbody:first-of-type {
    height:unset;
}
#auditLogTab .table-sm tr {
    height:3em
}
#auditLogTab .table-sm td, #auditLogTab .table-sm th {
    min-width:15em;
}
#orderReconciliationTab .table-sm tbody:first-of-type, #orderReconciliationTab .table-sm thead {
    overflow:visible;
    height:auto;
    display:inline-block;
}
#auditLogTab .table-sm.full td, #auditLogTab .table-sm.full th, #orderReconciliationTab .table-sm.full td, #orderReconciliationTab .table-sm.full th {
    /*min-width:11em;*/
    font-size:1.1em;
    line-height:1.3em;
}
#auditLogTab input {
    border-bottom: 2px solid #007ea2;
}
#auditLogTab input::placeholder {
    font-weight:bold;
    color:#007ea2;
}
#auditLogTab input::-ms-input-placeholder {
    font-weight:bold;
    color:#007ea2;
}
#auditLogTab input:-ms-input-placeholder {
    font-weight:bold;
    color:#007ea2;
}
#auditLog-search + .glyphicon {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-left: -1.5em;
}
#orderReconciliationTab input, #orderReconciliationTab select{
    float:right;
    /*background-color:#bbb;
    color:black;
    font-weight:bold;
    border-radius: 2em;*/
    margin: 0em 0.5em;
    color:white;
    font-size:large;
    border:none;
    border-bottom:2px solid #7e9008;
    background-color:transparent;
    font-size: 1.4em;
}
#orderReconciliationTab input::-ms-input-placeholder {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab input:-ms-input-placeholder {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab select#filters {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab select:hover, #orderReconciliationTab option {
    cursor:pointer;
}
#orderReconciliationTab option, #orderReconciliationTab option:focus, #orderReconciliationTab select:focus {
    background-color:#333;
}
#orderReconciliationTab input::placeholder {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab .glyphicon {
    float:right;
    text-align:right;
    font-size:inherit;
    padding:inherit;
    margin:inherit;
    line-height:inherit;
    margin-left:-3em;
}
#orderReconciliationTab span.checkbox {
    font-size: 1.4em;
    display: inline-block;
    margin: 0;
    margin-right:0.5em;
    float:right;
    border-bottom:2px solid #7e9008;
    font-weight:bold;
} 
#orderReconciliationTab input[type="checkbox"] {
    /*opacity:0;*/
    background-color:transparent;
    z-index:3;
}
#orderReconciliationTab [type=checkbox]:checked + .check-box:before, #orderReconciliationTab [type=radio]:checked + .check-box:before {
  content: '';
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 4px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: 0.1s;
}
#orderReconciliationTab [type=checkbox]:checked + .check-box, #orderReconciliationTab [type=radio]:checked + .check-box {
  background-color: #f16363;
  transition: 0.5s;
}
#orderReconciliationTab .check-box, #orderReconciliationTab input[type="checkbox"] {
  width: 15px;
  height: 15px;
  background: transparent;
  border:2px solid #f16363;
  display: inline-block;
  cursor: pointer;
  /*top:7px;*/
  margin:0;
  top:1.5vh;
  right:0;
  /*position: relative;*/
  /*float:right;*/
}
#auditLogTab table.table-sm.tbody:first-of-type, #orderReconciliationTab table.table-sm.tbody:first-of-type {
    width:90%;
    height:100%;
    overflow:auto;
}
#ManageStudyDisplay.paper .modal-body {
    padding:0;
    margin:0;
}
.btn-block-col {
    height:25%;
    position:relative;
    background-color:#191919;
    border:none;
    color:#ccc;
    flex-basis:25%;
    min-height:6em;
    word-wrap:break-word;
}
.btn-block-col-container {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    flex-direction: row;
    display: flex;
    padding: 0;
    margin: 0;
}
.btn-block-col:first-of-type {
    margin-top:1px;
}
.modal-tab {
    display:none;
    min-height: 70vh;
}
.modal-tab.active {
    display:block;
}
#editStudyTab-btns {
    margin-bottom:9em;
}
.table-shadowless tr{
    box-shadow: none;
}
.table-shadowless {
    padding:0em 2em;
}
.table-shadowless th {
    padding: 0em 0.3em;
    line-height: 1.2em;
}
.table-shadowless input[type='text'] {
    width:100%;
    padding:0;
    line-height:1.5em;
}
.table-shadowless input[type='checkbox'] {
    text-align:center;
}
.table-scroll {
    max-width: 100%;
    max-height: 91%;
    overflow: auto;
    min-height: 88%;
    display: flex;
}
input[type="checkbox"].checkbox-right-marg {
    margin: 0em 0.5em 0em 0em;
}
@media (min-width:768px) {
    .tab-container {
        left:54%;
    }
    .btn-block-col-container {
        height: 100%;
        position: relative;
        flex-direction: column;
        display: flex;
        padding:0;
        margin:0;
    }
    #editStudyTab {
       height:95vh;
    }
    #ManageStudyDisplay .table-sm.narrow{
        max-width:57.5em;
        min-width:57.5em;
    }
    .col-sm-3 {
        min-width:16.6667%;
    }
}
@media (min-width: 992px) {
    .btn-block-col-container {
        flex-direction:column;
        position:absolute;
        word-break:break-word;
    }
    .modal-tab.active {
        display:flex;
    }
    #editStudyTab-btns {
        margin-bottom:0em;
    }
    .pad-lg-tb-1, #editStudyTab-btns.pad-lg-tb-1 {
        padding:1em 0em;
    }
}
.btn-block-col-container .glyphicon {
    position:relative;
    display:block;
}

.text-style1 {
    text-transform:uppercase;
    font-size:0.9em;
    letter-spacing:0.2em;
}
.editStudyInfo {
    margin-top: 0.4em;
}

.msg-error {
    text-align: center;
    margin-bottom: -1em;
    margin-top: 1em;
    color:lightcoral;
}
.error-msg {
    color:lightcoral;
    position: fixed;
    background: #222;
    padding: 0.3em;
    border-radius: 0.5em;
    z-index: 1000;
    margin-top: 0em;
    margin-left: -6em;
}
.marg-3 {
    margin:3%;
}
.marg-1 {
    margin:1%;
}
.marg-top-xs {
    margin-top: 1em;
}
.marg-top-2 {
    margin-top:2em;
}
.marg-0 {
    margin:0;
}
.marg-sides {
    margin-left:3em;
    margin-right:3em;
}
.sortable:hover {
    cursor:pointer;
    filter:brightness(120%);
}
.dark {
    background-color:#1d1d1d;
}

.invisible {
    opacity:0;
}
.disabled, .disabled input {
    opacity:0.5;
    cursor: not-allowed !important;
}
.disabled:hover, .disabled tr:hover, .disabled input {
    cursor:not-allowed !important;
}

.shadow-dramatic {
    -webkit-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    -moz-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
     box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
}
.bg-colors-red {
    background-color: #601414;
}
.bg-trans {
    background-color:transparent;
}
.bg-med-gray {
    color: #656565;
}
.txt-orange {
    color:#9f591d;
}
.txt-green {
    color: #00ad6f;
}
.txt-lime {
    color: #7e9008;
}
.txt-teal {
    color:#007ea2;
}
.txt-brick {
    color: #b32921;
}
.txt-light-red {
    color:#f16363; 
}
.txt-bold {
    font-weight:bold;
}
.txt-center {
    text-align:center;
}
.txt-right {
    text-align:right;
}
.txt-md {
    font-size:1.5em;
    font-weight:bold;
}
.txt-blue {
    color: #4868f3;
}
.txt-transparent {
    opacity:0.5;
}
.hover-blue:hover, .hover-blue.active {
    background-color: #2a3c86 !important;
    color:white;
}
.hover-orange:hover, .hover-orange.active, .bg-orange {
    background-color:#9f591d !important;
    color:white;
}
.hover-green:hover, .hover-green.active, .bg-green {
    background-color: #02774d !important;
    color:white;
}
.hover-lime:hover, .hover-lime.active, .bg-lime {
    background-color:#7e9008 !important;
    color:white;
}
.hover-teal:hover, .hover-teal.active, .bg-teal {
    background-color: #007ea2 !important;
    color:white !important;
}
.hover-brick:hover, .hover-brick.active {
    background-color: #b32921 !important;
    color:white;
}
.bg-red {
    /*background-color:rgba(255,255,255,0.3);*/
    color:#f16363;
}
.bg-gray {
    background-color: gray;
}
.bg-blue-royal {
    background-color: #2a3c86;
}
.btn-clear-teal {
    background-color: transparent;
    color: #007ea2;
    border: 2px solid #007ea2;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
}
.btn-clear-teal:hover {
    cursor:pointer;
    transition-duration: 0.7s;
    background-color:#007ea2;
    color:white;
}
.pad-0 {
    padding:0 !important;
}
.pad-xs {
    padding:0.5em;
}
.pad-sm-top {
    padding-top:2em;
}
.pad-sm-bottom{
    padding-bottom:2em;
}
.pad-lg-bottom {
    padding-bottom:9em;
}
.pad-sm {
    padding:3em;
}
.pad-rl-xs {
    padding-right:1em;
    padding-left:1em;
}    
.pad-tb-3, #editStudyTab-btns.pad-tb-3 {
    padding:3em 0em;
}
@media (min-width: 992px) {
    .pad-lg-tb-1, #editStudyTab-btns.pad-lg-tb-1 {
        padding:1em 0em;
    }
}
.link-sm {
    width: 90%;
    margin: auto;
    display: block;
    text-transform: unset;
    font-family: unset;
    text-decoration: underline;
    font-style: italic;
    letter-spacing: unset;
    color: lightblue;
}
.width-max-500 {
    max-width:500px;
}
.width-100 {
    width:100%;
}
.full-wh {
    width:100%;
    height:100%;
}
.flex {
    display:flex;
}
.edit  {
    visibility:hidden;
}
.right {
    float:right;
}
.none {
    display:none;
}
.inline-block{
    display:inline-block;
}
.width-80{
    width:80%;
}
.width-50 {
    width:50%;
}
.cursor-wait {
    cursor:wait !important;
}
.hover {
    cursor:pointer;
}
.trans-slow {
    transition:2s;
    transition-timing-function: ease-out;
}
.trans-med {
    transition:0.7s;
}
.trans-slow:active {
    filter:scale(120%);
}

.trans-content {
    transition:0.7s;
}

#context-menu {
	position:fixed;
	background-color:lightgrey;
	border:1px solid grey;
	line-height:1.5em;
	list-style: none;
    font-size:1.3em;
    min-width:180px;
}
#context-menu li{
    padding: 0.2em 0.5em;
}
#context-menu li:hover {
    background-color:#333;
    color:white;
    cursor:pointer;
}
/*----------------------------------------------------SVG STYLING------------------------------------------------------*/

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

/*FLEX LOADER INSIDE DIV*/
.spinner-border {
     display: inline-block;
     width: 5em;
     height: 5em;
     vertical-align: text-bottom;
     border: .25em solid rgba(255, 255, 255, 0.3);
     border-right-color: transparent;
     border-radius: 50%;
     -webkit-animation: spinner-border .75s linear infinite;
     animation: spinner-border .75s linear infinite;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

@keyframes spinner-border {
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
/*END*/



/* other styles */
/* .svg svg {
    display: none
}
 */
.inlinesvg .svg svg {
    display: inline
}

/* .svg img {
    display: none
} */

.icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards
}
/*---------------------------------------------------SVG STYLING--------------------------------------*/

/*--------------------------------------------------INTERNET EXPLORER STYLING--------------------------------------*/

#ie #editStudyTab {
    align-items: flex-start;
}
#ie .flex-full {
    height:auto;
}

/*-------------------------------------------------END INTERNET EXPLORER STYLING--------------------------------------*/



/*-------------------------------------------------SERIES MANAGEMENT TAB STYLING--------------------------------------*/

#seriesManagementTab .nav.nav-tabs {
    top:0;
    border-bottom: 4px solid #02774d;
    background-color: #3c4a45;
    overflow: hidden;
}

#seriesManagementTab .nav.nav-tabs .active a {
    background-color: #02774d;
    color:white;
    border:1px solid #02774d;
    border-radius:0;
}
#seriesManagementTab .nav.nav-tabs a:hover {
    border-radius:0;
    color:black;
}
#seriesManagementTab .nav.nav-tabs .active a:hover {
    color:white;
}
#seriesManagementTab select, #seriesManagementTab input {
    background-color: transparent;
    margin-right: 2em;
    border-bottom: 1px solid #00ad6f;
    font-weight:bold;
    color: #00ad6f;
}
#seriesManagementTab input::-ms-input-placeholder {
    font-weight:bold;
    color:#00ad6f;
}
#seriesManagementTab input:-ms-input-placeholder {
    font-weight:bold;
    color:#00ad6f;
}
#seriesManagementTab input::placeholder {
    font-weight:bold;
    color:#00ad6f;
}
#seriesManagementTab option {
    background-color: #282828;
}
/*-------------------------------------------------END SERIES MANAGEMENT TAB STYLING--------------------------------------*/


/*-------------------------------------------------FILE GROUP STYLING--------------------------------------*/
.file-group {
    text-align:center;
    width:100%;
    overflow:auto;
    /*min-width:50em;*/
    /*height:80%;*/
    height:90%;
}
.file-group .flex-col {
    justify-content: center;
    min-width:10em;
}
.file-group .glyphicon {
    font-size:4em;
}
.file-group h4 {
    z-index:500;
    margin-top:-1.3em;
    font-size:1.3em;
    line-height:1.3em;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-weight:bold;
}
.file-group p {
    line-height:1em;
    word-break: break-word;
}
.file-group .flex-col:hover {
    background-color:rgba(255,255,255,0.2);
    cursor:pointer;
}

.file-group::before, .file-group::after {
  content: ''; /* Insert space before the first item and after the last one */
}

.file-group .file.active {
    background-color:rgba(255,255,255,0.3);
}

.glyphicon-file {
    color:cornflowerblue;
}

.XYZ {
    color:rebeccapurple;
}
.PNG
.JPG {
    color:darkmagenta;
}
.JSF {
    color:purple;
}
.ANT {
}
.CPA {
}
.EKG {
    color:brown;
}
.SNP {
}
.MPEG {
}
.MP4 {
}
.MPG {
}
.TXT {
}
.XML {
}
.XYT {
    color:darkolivegreen;
}
.TXT_SIG {
}
.DOC {
}
.DOCX {
}
.DOC_SIG {
}
.PDF {
    color:firebrick;
}
.PDF_SIG {
    color:darkred;
    filter: drop-shadow( -3px 2px 1px rgba(0,255,0,1));
}
.RTF {
    color:darkgoldenrod;
}
.RTF_SIG {
    color:darkgoldenrod;
    filter: drop-shadow( -3px 2px 1px rgba(0,255,0,1));
}
.WMA {
}
.WMV {
}
.WMA_SIG {
}
.AVI {
}
.AVI_SIG {
}
.HTM {
    color:darkorange;
}
.HTM_SIG {
    color:darkorange;
    filter:drop-shadow( -3px 2px 1px rgba(0,255,0,1));
}
.TIF {
}
.TIF_SIG {
}
.TIFF {
}

/*-------------------------------------------------FILE GROUP STYLING--------------------------------------*/

body {
}
/*SHARED*/
a{
   font-family: 'Josefin Sans', sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   color:white;
}

a:active, a:hover, a:focus {
    color:white;
}

h2 {
    color:white;
   font-family: 'Josefin Sans', sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   color:white;
   margin-top:0px;
   font-size:2em
}

h3 {
   color:white;
   font-family: 'Josefin Sans', sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   color:white;
   margin:0px;
   font-size:1.5em
}

input {
    background-color:transparent;
    color:white;
    border:none;
    border-bottom:1px solid gray;
    font-size:1.4em;
}

input[type="text"], input[type="password"] {
    border-bottom:1px solid grey;
}

.label-text {
    font-weight:200;
    font-size: 1.4em;
    color: white;
    font-style: italic; 
    text-align: left;
    margin-bottom:0px;
    padding:0.5em 0em 0.7em 0em;
}

.width-20 {
    width:20%;
}

.width-20 + input {
    width:75%;
    max-width: 600px;
    padding: 0em 1em;
}

.paper-bg-light {
    background-color: #4e4e4e;
    margin:2em;
    padding:2em;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
}

.accent-bg {
    background-color: #601414;
}

.tab-content .paper-btn-md {
    margin:auto;
    display:block;
}

.tab-content h2 {
    padding: 0em 1em;
    font-size: 1.5em;
    margin: 0.2em;
}

.paper-btn-md {
    border:none;
    width:15em;
    height:4em;
    color:white;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size:1em;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}

.paper-btn-lg {
    padding: 1.5em 2em;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}

.paper-btn-lg .glyphicon {
    font-size:2em;
}

a.paper-btn-lg{
    display:block;
    text-align:center;
    width:70%;
    word-wrap: break-word;
}

.glyphicon {
    -webkit-filter: drop-shadow( -3px 2px 1px rgba(0,0,0,.15));
    -moz-filter: drop-shadow( -3px 2px 1px rgba(0,0,0,.15));
    -ms-filter: drop-shadow( -3px 2px 1px rgba(0,0,0,.15));
    -o-filter: drop-shadow( -3px 2px 1px rgba(0,0,0,.15));
    filter: drop-shadow( -3px 2px 1px rgba(0,0,0,.15));
}

.content-container {
    padding:1em;
}

.navbar-nav > li {
    background-color: #282828;
}

/*END OF SHARED*/

.settings-page {
    background-color:#353535;
    /*margin:10vh 5vh 5vh 5vh;*/
    height:80vh;
    margin-top:60px;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.nav.nav-tabs {
    position: relative;
    top: 10vh;
}
/*.tab-content {
    position: relative;
    top:15vh;
}*/

.short-menu {
    width:100%;
    position: static;
    display:inline-block;
    float:left;
    list-style:none;
    height:7em;
    background-color:#353535;
}

.short-menu li{
    width:25%;
    float:left;
    background-color:#353535;
    padding:1em;
    overflow-wrap: break-word;
}

.short-menu li:hover{
    filter: brightness(150%);
}

.short-menu li.active{
    border-right: 4px solid grey;
    height:100%;
}

.short-menu-page {
    padding:2em 0.5em;
    width:100%;
    display:inline-block;
    background-color:#3d3d3d;
    min-height: 80vh;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}
.field-validation-error {
    margin: auto;
    width: 90%;
    color:white;
    font-size:0.8em;
    display:block;
    text-align:center;
}
/*TOGGLE*/
.onoffswitch {
    position: relative; width: 3.7em;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 2.5em; padding: 0; line-height: 2.5em;
    border: 2px solid #E3E3E3; border-radius: 2.5em;
    background-color: #7b7b7b;
    transition: background-color 0.2s ease-in;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 2.5em; margin: 0px;
    background: #eee;
    position: absolute; top: 0; bottom: 0;
    right: 1.6em;
    border: 2px solid #E3E3E3; border-radius: 2.5em;
    transition: all 0.2s ease-in 0s; 
        -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #601414;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #601414;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}
/*END TOGGLE*/
/*@media only screen and (min-width: 500px) {
    body {
        font-size: 0.9em;
    }
    .settings-page {
        margin: 60px 4em;
    }
    .paper-bg-light {
        margin: 3em 2em;
        padding: 3em;
    }
    .width-20 {
        width:35%;
    }
    .width-20 + input {
        width:60%;
    }
}*/

.settings-page .paper-bg-light {
    overflow-x: hidden;
}

#columnConfigTab .checkbox {
    font-size: 1.4em;
}

.hanging-protocol-options {
    float:left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.hanging-protocol-options:hover {
    background-color: #282828;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.hanging-protocol-options.active {
    background-color: #601414;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.hanging-protocol-options h5 {
    text-align:center;
}

.hanging-protocol .row {
    float: left;
}

.toolHP-image {
    margin:1em;
    color:white;
    border: 4px solid grey;
    font-size: 2em;
    text-align: center;
    -webkit-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -moz-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -ms-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -o-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
}

#toolHP1x1{
    width: 5em;
    height: 5em;
    line-height: 4.5em;
}

#toolHP2x1{
    width: 2.5em;
    height: 5em;
    line-height: 4.5em;
    float:left;
    position:static;
}

#toolHP2x1 + .toolHP-image {
    width:2.5em;
    position:static;
    float:left;
    margin-left:-0.5em;
    height:5em;
    line-height:4.5em;
}
#toolHP1x2{
    height:2.2em;
    width:5em;
    line-height:1.8em;
}
#toolHP1x2 + .toolHP-image {
    line-height: 1.8em;
    height:2.2em;
    margin-top: -0.5em;
}
#toolHP2x2{
    width:2.5em;
    height:2.2em;
    line-height:1.8em;
    float:left;
    position:static;
}
#toolHP2x2 + .toolHP-image {
    height:2.2em;
    position:static;
    float:left;
    /*display:inline-block;*/
    width:2.5em;
    margin-left: -0.5em;
    line-height: 1.8em;
    display:inline-block;
}
#toolHP2x2 + .toolHP-image +.toolHP-image {
    width:2.5em;
    margin-top:-0.5em;
    height:2.2em;
    line-height:1.8em;
    position:static;
    display:block;
    clear:both;
    float:left;
}

#toolHP2x2 + .toolHP-image + .toolHP-image + .toolHP-image {
    width: 2.5em;
    float:left;
    display:inline-block;
    margin-top: -0.5em;
    margin-left: -0.5em;
    height: 2.2em;
    line-height: 1.8em;
}

/*.toolHP-image + input {
    opacity: 0;
    width: 0px;
    height: 0px;
    margin:0px;
    padding: 0px;
}*/


@media only screen and (min-width: 769px) {
    .short-menu {
        width:20%;
    }
    .short-menu li{
        width:100%;
        display:block;
        padding:2em;
        font-size:1.3em;
    }
    .short-menu li.active{
        height:initial;
    }
    .short-menu-page {
        width:80%;
        top: 0vh;
        height:100%;
        padding:4em 7em;
    }
    .settings-page {
       margin:65px 0px;
       height:100vh;
    }
    .paper-bg-light {
        margin:3em 0em 4em 0em;
        padding:3em;
    }
    .content-container {
        width:80%;
        margin:auto;
        padding:1em 0em 2em 0em;
    }
    .tab-content h2 + h2 {
        float:right;
    }
    .tab-content h2 {
        display: inline;
        font-size: 1.7em;
        margin:0em;
        line-height:1.5em;
    }
    a.paper-btn-lg{
        width:40%;
    }
    .width-20 {
        width:20%;
    }
    .width-20 + input {
        width:75%;
        max-width: 600px;
    }
}

@media only screen and (min-width: 1400px) {
    .settings-page {
       margin:11vh 10vh 10vh 10vh;
       height:auto;
       min-height:80vh;
    }
     .short-menu {
        width:15%;
        height:100%;
    }
    .paper-bg-light {
        margin:5em 2em;
    }
    .tab-content h2 {
        font-size: 2em;
    }
     .short-menu-page {
        width:85%;
    }
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*OVERRIDING with CUSTOM STYLING*/
.bootstrap-datetimepicker-widget {
    background-color:#282828;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    border-radius:0px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom: 7px solid #585858;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom: 6px solid #585858;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-top: 7px solid #585858;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top: 6px solid #585858;
}
.bootstrap-datetimepicker-widget table {
    background-color: #585858;
    color: white;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    border-radius: 0px;
}
.bootstrap-datetimepicker-widget table th {
    border: none;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 400;
    background-color: #282828;
    font-family: 'Josefin Sans', sans-serif;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #282828;
    color:#da6666;
}	
.bootstrap-datetimepicker-widget table td {
  background-color:#585858;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,	
.bootstrap-datetimepicker-widget table td.second:hover {	
  color:black;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #282828;
}

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #601414;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #601414;
}		
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: transparent;
}

.bootstrap-datetimepicker-widget table td span {
    border-radius: 0px;
}	

.bootstrap-datetimepicker-widget table td span:hover {
  background: transparent;
  color:#da6666;
}		

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #601414;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}