/*

Roche stylesheet
version 201501

Copyright Stratocore SAS
Installing and running the PPMS software requires a license, contact info@stratocore.com for details
The PPMS licensing agreement DOES NOT allow any modification of the software (including stylesheets and images), contact info@stratocore.com for feature requests
The PPMS licensing agreement DOES NOT allow re-distribution of the software

*/
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- GLOBAL STYLE -- */
                        /* ------------------ */
                        /* ------------------- *
 * -- COLOR PALETTE -- *
 * ------------------- *
 *
 * #C7C8CB | Indigo 50
 * #C7C8CB | Indigo 100
 * #9FA8DA | Indigo 200
 * #7986CB | Indigo 300
 * #656668; | Indigo 400
 * #656668; | Indigo 500
 * #656668; | Indigo 600
 * #303F9F | Indigo 700
 * #656668; | Indigo 800
 * #656668; | Indigo 900
 * --
 * #16355C | Amber A100
 * #FFD740 | Amber A200
 * #FFC400 | Amber A400
 * #656668; | Amber A700
 * --
 * #FFA000 | Amber 700
 * #FF8F00 | Amber 800
 * #FF6F00 | Amber 900
 * --
 * #C8E6C9 | Green 100
 * #A5D6A7 | Green 200
 * #4CAF50 | Green 500
 * #388E3C | Green 700
 * --
 * #9C27B0 | Purple 500
 * --
 * #EF6C00 | Orange 800
 * #DCE775 | Lime 300
 * --
 * #FCFCFC |
 * #F8F8F8 |
 * #F2F2F2 |
 * #DDDDDD |
 * --
 * #E4F3B5 |
 * --
 * #656668; | Orange
 * #FF0000 | Red
 * #002878 | emory
 * 
 * ------------------- */
                        /* -- FONT FACE -- */
                        
                        @font-face {
                            font-family: 'Open Sans';
                            font-style: normal;
                            font-weight: 400;
                            src: local('Open Sans'), local('OpenSans'), url('opensans.woff') format('woff');
                        }
                        
                        @font-face {
                            font-family: 'Open Sans';
                            font-style: normal;
                            font-weight: 700;
                            src: local('Open Sans Bold'), local('OpenSans-Bold'), url('opensans700.woff') format('woff');
                        }
                        /* -- BODY -- */
                        
                        html {
                            background-color: #f8f8f8;
                        }
                        
                        body {
                            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
                            font-size: 1em;
                            text-align: left;
                            background-color: white;
                            color: #333;
                            margin: 0;
                            padding: 0;
                        }
                        /* -- MAIN -- */
                        
                        div#main {
                            background-color: #fcfcfc;
                        }
                        /* -- OTHERS -- */
                        
                        strong {
                            color: #656668;
                            font-weight: 600;
                        }
                        
                        label {
                            color: #656668;
                        }
                        
                        div#printing {
                            display: none;
                        }
                        
                        .invisible {
                            display: none;
                        }
                        
                        .unsupported {
                            display: none;
                        }
                        
                        .visible {
                            display: inline;
                        }
                        
                        a.mailto {
                            font-weight: bold;
                            font-size: 1.1em;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- HEADER -- */
                        /* ------------ */
                        
                        div#head {
                            position: fixed;
                            top: 0;
                            left: 0;
                            z-index: 101;
                            width: 100%;
                            background: white;
                            box-shadow: 0px 1px 10px 0px black;
                            /*border-top: 5px solid #656668;*/
                            transition: all 0.3s;
                        }
                        
                        div#head.scroll {
                            transition: all 0.3s;
                        }
                        
                        div#head.scroll div#institution div#logo img {
                            height: 0px;
                            transition: all 0.2s;
                        }
                        div#head.scroll div#institution div#logo {
                            height: 0px;
                            transition: all 0.2s;
                        }
                        
                        div#head.scroll div#facility h1 {
                            /*display: none;*/
                            font-size: 0em;
                            transition: all 0.3s;
                        }
                        
                        div#head.scroll div#institution {
                            height: 0px;
                            transition: all 0.4s;
                            margin: 0;
                        }
                        
                        div#head.scroll div#facility {
                            height: 0px;
                            padding: 0px;
                            transition: all 0.4s;
                        }
                        
                        div#head.scroll select#change-core {
                            display: none;
                        }
                        /* -- INSTITUTION AND LOGO (for Customization) -- */
                        
                        div#banner {
                            margin: 0;
                            padding: 0;
                            width: 85%;
                            max-width: 1500px;
                            transition: all 0.3s;
                            margin: auto;
                        }
                        
                        div#institution {
                            height: 80px;
                            float: left;
                            margin: 16px 0;
                            padding: 0;
                            width: 30%;
                        }
                        
                        div#logo {
                            height: 79px;
                            padding: 10px 0;
                        }
                        
                        div#logo img {
                            transition: all 0.5s;
                        }
                        /* -- FACILITY BANNER -- */
                        
                        div#facility {
                            /* max-width: 540px; */
                            margin: 0;
                            padding-top: 20px;
                            float: left;
                            width: 90%;
                        }

                        #pf-longName a {
                            color: rgba(0,0,0,.75)  !important;
                        }
                        #change-core{
                            border: 2px solid rgba(0,0,0,.75) !important;
                            border-radius: 10px;
                            color: rgba(0,0,0,.75)  !important;
                        }
                        
                        div#facility h1 {
                            margin: 8px 10px 8px 40px;
                            padding: 0;
                            font-size: 1.5em;
                            font-weight: 700;
                            text-align: right;
                            color: rgba(0,0,0,.75);
                            transition: all 0.3s;
                        }
                        div#facility-4 > h1 > span {
                            background: rgba(255,255,255,.7);
                            padding: 1%;
                            border-radius: 5px;
                        }
                        div#head.scroll div#facility-4 > h1 > span {
                            background: transparent
                        }

                        div#facility h1 a {
                            color: white;
                            text-decoration: none;
                        }
                        
                        div#facility h1 a:hover {
                            color: white;
                            text-decoration: none;
                        }
                        
                        img#slide-menu-button {
                            display: none;
                        }
                        /* -- SLIDE MENU -- */
                        
                        nav#slide-menu {
                            display: none;
                        }
                        /* -- MENU BANNER -- */
                        
                        div#menu {
                            clear: left;
                        }
                        #head-4{
                            /* background-image: url('./banner.jpg');
                            background-repeat: no-repeat;
                            background-size: cover; */
                            background-color: white;
                        }
                        #banner-4{
                            display: flex;
                            /* background-image: url('./banner.jpg'); */
                            background-repeat: no-repeat;
                            background-size: cover !important;
                            background: linear-gradient(to left, transparent, white),
                                        url("bham.jpg");
                            /* background-size: 300px 100px; */
                        }

                        /* -- User Menu -- */
                        
                        div#menu1 {
                            width: 100%;
                            margin: 0;
                            padding: 0;
                            height: 40px;
                            background:  rgba(0,0,0,.75);
                        }
                        
                        div#menu1 ul {
                            margin: auto;
                            padding: 0;
                            list-style-type: none;
                            font-size: 0px;
                            width: 85%;
                            max-width: 1500px;
                            margin-top: 0px;
                            height: 40px;
                        }
                        
                        div#menu1 ul li {
                            margin: 0;
                            padding: 0;
                            display: inline;
                            font-size: 15px;
                            height: 40px;
                        }
                        
                        div#menu1 ul li a {
                            /* color: white; */
                            color: white;
                            padding: 0;
                            margin: 0;
                            text-decoration: none;
                            line-height: 40px;
                            padding-top: 8px;
                            padding-bottom: 7px;
                            margin-right: 1.5em;
                            border-bottom: 3px transparent;
                            transition: 0.2s linear;
                        }
                        
                        div#menu1 ul li:last-child a {
                            margin-right: 0em;
                        }
                        
                        div#menu1 ul li a:hover {
                            color: #DCDC70;
                            border-bottom: 3px solid #DCDC70;
                        }
                        
                        div#menu1 ul li:last-child a:hover {
                            color: red;
                            border: none;
                            cursor: default;
                            /*background-color: red;
	                        border-bottom: 3px solid red;*/
                        }
                        
                        div#menu1 ul li.focus a {
                            /* color: black; */
                            color: #DCDC70;
                            /*border-bottom: 3px solid #656668;*/
                            font-weight: bold;
                        }
                        
                        div#menu1 ul li.focus a:hover {
                            color: #DCDC70;
                            border: none;
                            /*border-bottom: 3px solid #656668;*/
                            font-weight: bold;
                        }
                        /* -- Admin Menu -- */
                        
                        div#menu2 {
                            width: 100%;
                            margin: 0;
                            padding: 0;
                            height: 35px;
                            /* background: #909090; */
                            background-color: rgba(132,133,134,.8);
                        }
                        
                        div#menu2 ul {
                            margin: auto;
                            padding: 0;
                            list-style-type: none;
                            font-size: 0px;
                            width: 85%;
                            max-width: 1500px;
                        }
                        
                        div#menu2 ul li {
                            margin: 0;
                            padding: 0;
                            display: inline;
                            font-size: 15px;
                            height: 35px;
                        }
                        
                        div#menu2 ul li a {
                            color: white;
                            float: left;
                            padding: 0em;
                            margin: 0;
                            text-decoration: none;
                            padding-top: 6px;
                            padding-bottom: 5px;
                            margin-right: 1.5em;
                            transition: 0.2s linear;
                            border-bottom: 3px transparent;
                        }
                      
                        div#menu2 ul li a:hover {
                            color: #DCDC70;
                            border-bottom: 3px solid #DCDC70;
                            /* background-color: #267ab3; */
                        }

                        div#menu2 ul li:hover{
                            background-color: #267ab3;
                        }

                        div#menu2 ul li.help-menu a:hover {
                            color: white;
                            border: none;
                            cursor: help;
                        }
                        
                        div#menu2 ul li.focus a {
                            /* color: White; */
                            color: #DCDC70;
                            border: none;
                            font-weight: bold;
                        }
                        
                        div#menu2 ul li.focus a:hover {
                            color: #DCDC70;
                            border-bottom: none;
                            font-weight: bold;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- CONTENT -- */
                        /* ------------- */
                        /* -- GLOBAL -- */
                        
                        div#content {
                            width: 85%;
                            max-width: 1500px;
                            min-height: 400px;
                            margin: auto;
                            padding-top: 10em;
                            /*padding-top: 12.5%;*/
                            padding-bottom: 4em;
                        }
                        
                        #logo-4>p.visible>a>img {
                            height: 60px;
                        }
                        
                        div#content h2 {
                            font-size: 1.5em;
                            color: #656668;
                            text-align: left;
                            font-weight: 600;
                            border-bottom: 2px solid #656668;
                        }
                        
                        div#content h2 small {
                            font-size: 0.5em;
                        }
                        
                        div#content h2 a {
                            color: #656668;
                        }
                        
                        div#content h2 a:hover {
                            color: #656668;
                            text-decoration: none;
                        }
                        
                        div#content h3 {
                            margin-top: 1em;
                            font-size: 1.1em;
                            color: #656668;
                            text-align: left;
                            font-weight: 600;
                            padding-top: 0.75em;
                            border-bottom: 1px dotted;
                        }
                        
                        div#content h3 small {
                            font-size: 0.6em;
                        }
                        
                        div#content h3 a {
                            color: #656668;
                        }
                        
                        div#content h3 a:hover {
                            color: #656668;
                            text-decoration: underline;
                        }
                        
                        div#content h4 {
                            font-size: 0.9em;
                            color: #656668;
                            text-align: left;
                            font-weight: 600;
                            /*border-bottom: 1px dotted;*/
                        }
                        
                        div#content h4 small {
                            font-size: 0.66em;
                        }
                        
                        div#content a {
                            color: #656668;
                            text-decoration: none;
                        }
                        
                        div#content a:hover {
                            color: #656668;
                            text-decoration: underline;
                        }
                        
                        div#content ul {
                            list-style-image: url('Basic1.png');
                        }
                        
                        div#content li {
                            margin-bottom: 0.5em;
                        }
                        
                        div#content p,
                        div#content li,
                        div#content td {
                            /* font-size: 0.8em; */
                        }
                        
                        div#content dt {
                            font-size: 0.9em;
                            margin-left: 0em;
                            font-weight: 700;
                            color: #656668;
                        }
                        
                        div#content dd {
                            font-size: 0.8em;
                            margin-left: 0em;
                        }
                        /* -- FORM STYLES -- */
                        
                        input[type="submit"],
                        input[type="button"],
                        button {
                            padding: 5px;
                            /*border: none;*/
                            /*background: transparent;*/
                            background-color: #f8f8f8;
                            background-color: rgba(70%, 70%, 70%, 0.05);
                            color: #656668;
                            font-weight: bold;
                            transition: box-shadow 0.3s;
                            border: 1px solid #ccc;
                            border: 1px solid rgba(0, 0, 0, 0.3);
                            border-radius: 2px;
                            /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
                            cursor: pointer;
                        }
                        
                        input[type="submit"]:hover,
                        input[type="button"]:hover,
                        button:hover {
                            box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
                        }
                        
                        input[type="submit"]:focus,
                        input[type="button"]:focus,
                        button:focus {
                            color: #FFFFFF;
                            background-color: #656668;
                            outline: none;
                        }
                        
                        input[type="submit"].del,
                        input[type="button"].del,
                        button.del {
                            color: #FF0000;
                        }
                        
                        input[type="submit"].del:focus,
                        input[type="button"].del:focus,
                        button.del:focus {
                            color: #FFFFFF;
                            background-color: #FF0000;
                        }
                        
                        input[type="submit"].reset,
                        input[type="button"].reset,
                        button.reset {
                            color: #656668;
                        }
                        
                        input[type="submit"].reset:focus,
                        input[type="button"].reset:focus,
                        button.reset:focus {
                            color: #FFFFFF;
                            background-color: #656668;
                        }
                        
                        select {
                            padding: 5px 0px;
                            -webkit-appearance: menulist-button;
                            height: 28px;
                        }
                        
                        select[multiple] {
                            height: auto;
                        }
                        
                        select[multiple]:focus option:checked {
                            background: #656668 linear-gradient(0deg, #656668; 0%, #656668; 100%) !important;
                            color: white;
                        }
                        select#change-core option  {
                            /* background-color: #656668; !important; */
                            background-color: white;
                        }
                        /* option:hover {
                            background: #656668; linear-gradient(0deg, #656668; 0%, #656668; 100%) !important;
                            color:white;
                        } */
                        
                        
                        
                        input[type="text"] {
                            padding: 4px 0px;
                            margin-top: 4px;
                        }
                        /* -- Filter Inputs -- */
                        
                        input[type="text"].filter {
                            /*width: 4em;*/
                            width: 10%;
                            color: #aaa;
                            border: none;
                            text-decoration: underline;
                            background: transparent;
                            transition: all 0.5s;
                            padding: 5px 0px;
                        }
                        
                        input[type="text"].filter:focus {
                            background-color: white !important;
                            outline: none;
                        }
                        /* -- TABLE STYLES -- */
                        
                        table.sheet {
                            border-collapse: collapse;
                            empty-cells: show;
                            /*border: 1px solid #656668;*/
                        }
                        
                        table.sheet td {
                            vertical-align: top;
                            padding: 0.2em;
                            border-right: 1px solid #C7C8CB;
                            border-left: 1px solid #C7C8CB;
                            border-bottom: 1px solid #C7C8CB;
                        }
                        
                        table.sheet th {
                            vertical-align: top;
                            padding: 0.2em;
                            /* border: 1px solid #C7C8CB; */
                            text-align: left;
                            /* background-color: #C7C8CB; */
                            background-color: #656668;
                            color: white;
                            font-size: 0.8em;
                        }
                        /* -- POPUP -- */
                        
                        div#popup {
                            position: absolute;
                            background-color: #7986CB;
                            display: none;
                            margin: 50px;
                            padding: 4px;
                            line-height: 1.4em;
                            border-radius: 3px;
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                            box-shadow: 10px 10px 50px #222;
                            -webkit-box-shadow: 10px 10px 50px #222;
                            -moz-box-shadow: 10px 10px 50px #222;
                        }
                        
                        div#popup ul {
                            margin: 0 0 0 0;
                            padding: 0;
                            display: block;
                            list-style-type: none;
                            background-color: #7986CB;
                        }
                        
                        div#popup ul li {
                            margin: 0;
                            padding: 0;
                            display: inline;
                            font-size: 0.6em;
                        }
                        
                        div#popup ul li a {
                            margin: 0;
                            padding: 0.5em 0.7em;
                            text-decoration: none;
                            color: white;
                        }
                        
                        div#popup ul li a:hover {
                            color: #DCDC70;
                            background-color: #656668;
                            text-decoration: none;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- LOGIN PAGE -- */
                        /* ---------------- */
                        
                        input#user,
                        input#passwd {
                            margin: 0;
                            padding: 5px 0px;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- HOME PAGE -- */
                        /* --------------- */
                        /* -- HOME SECTION -- */
                        
                        p.new-features {
                            background: rgb(255, 229, 127);
                            background: rgba(255, 229, 127, 0.7);
                            padding: 10px;
                            border-radius: 4px;
                        }
                        
                        p.new-features a {
                            font-weight: bold;
                            text-decoration: underline;
                            color: #656668;
                        }
                        
                        div.home-action {
                            background-color: #f8f8f8;
                            background-color: rgba(70%, 70%, 70%, 0.05);
                            margin: 2em 0 1em 0;
                            padding: 0 1em 1.5em 1em;
                            border: 1px solid #ddd;
                            border-color: rgba(60%, 60%, 60%, 0.3);
                            border-radius: 12px;
                            transition: box-shadow 0.3s;
                        }
                        
                        div.home-action:hover {
                            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
                        }
                        
                        div.home-action h3 {
                            border: none !important;
                        }
                        
                        select.home-button {
                            font-size: 1.2em;
                            padding: 10px;
                            width: 66%;
                            height: 40px;
                        }
                        
                        input[type="submit"].home-button {
                            font-size: 1.3em;
                            padding: 10.5px;
                            /*padding-top: 8px;*/
                            width: 33%;
                            background-color: #656668;
                            color: white;
                            text-transform: capitalize;
                        }
                        
                        div.home-section {
                            background-color: #f8f8f8;
                            background-color: rgba(70%, 70%, 70%, 0.05);
                            margin: 2em 0 1em 0;
                            padding: 0 1em 1.5em 1em;
                            border: 1px solid #ddd;
                            border-color: rgba(60%, 60%, 60%, 0.3);
                            border-radius: 12px;
                            transition: box-shadow 0.3s;
                        }
                        
                        div.home-section:hover {
                            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
                        }
                        
                        div.home-section h3 {
                            padding-top: 0.5em !important;
                            border: none !important;
                        }
                        
                        div.home-section h3 a:hover {
                            color: #656668 !important;
                        }
                        
                        span.report-pub-msg {
                            display: block;
                            background: rgb(255, 229, 127);
                            background: rgba(255, 229, 127, 0.7);
                            margin-left: -4px;
                            padding: 5px;
                            margin-top: 3px;
                            border-radius: 5px;
                        }
                        
                        div#report-inc select {
                            width: 66%;
                            padding: 5px 0px;
                        }
                        
                        div#report-inc input[type="submit"] {
                            width: 25%;
                            padding: 6px;
                        }
                        
                        div#home-reports p {
                            font-size: 1em;
                            font-weight: 700;
                            margin-top: 2em;
                        }
                        
                        div#home-reports div.dataTables_wrapper {
                            overflow-x: auto;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- BOOK PAGE -- */
                        /* --------------- */
                        /* -- List of bookable systems -- */
                        
                        table.listsys {
                            border: 0;
                            width: 100%;
                            border-collapse: separate;
                            border-spacing: 20px;
                        }
                        
                        table.listsys td {
                            background-color: #f8f8f8;
                            background-color: rgba(70%, 70%, 70%, 0.05);
                            margin: 2em 0 1em 0;
                            padding: 0 1em 1.5em 1em;
                            border: 1px solid #ddd;
                            border-color: rgba(60%, 60%, 60%, 0.3);
                            border-radius: 12px;
                            transition: box-shadow 0.3s;
                        }
                        
                        table.listsys td:hover {
                            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
                        }
                        
                        table.listsys td h3 {
                            border: none !important;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- PLANNING PAGE -- */
                        /* ------------------- */
                        
                        h3.planning-title {
                            border-bottom: none !important;
                        }
                        
                        div#content table.planning a {
                            color: red;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- ORDER PAGE -- */
                        /* ---------------- */
                        /* -- Order Select -- */
                        
                        select.order-select {
                            width: 25%;
                            margin-top: 5px;
                        }
                        /* -- Order Input -- */
                        
                        td.order-input {
                            text-align: right;
                            padding: 2px;
                            background-color: #E4F3B5;
                        }
                        
                        td.order-input input[type="text"] {
                            display: block;
                            margin: 0;
                            padding: 5px;
                            border-width: 0;
                            text-align: right;
                            background-color: #E4F3B5;
                        }
                        
                        td.order-input input[type="text"]:focus {
                            outline: none;
                            background-color: #E4F3B5 !important;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- STAT PAGE -- */
                        /* --------------- */
                        /* -- Stat Action -- */
                        
                        div.stat-action {
                            background-color: #f8f8f8;
                            background-color: rgba(70%, 70%, 70%, 0.05);
                            margin: 2em 0 1em 0;
                            padding: 0 1em 1.5em 1em;
                            border: 1px solid #ddd;
                            border-color: rgba(60%, 60%, 60%, 0.3);
                            border-radius: 12px;
                            transition: box-shadow 0.3s;
                        }
                        
                        div.stat-action:hover {
                            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
                        }
                        /* -- Stat Colors -- */
                        
                        div#content .stat2 {
                            background: #656668 !important;
                            opacity: 0.8;
                            color: #fff;
                        }
                        
                        div#content .stat1 {
                            background: #7986CB !important;
                            color: #fff;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- REPORTS PAGE -- */
                        /* ------------------ */
                        /* -- Report Name -- */
                        
                        h3.report-name {
                            border-bottom: 1px solid;
                        }
                        /* -- Report Description -- */
                        
                        p.report-descr {
                            font-size: 1em !important;
                            font-weight: bold;
                            color: #656668;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- INCIDENTS PAGE -- */
                        /* -------------------- */
                        
                        div#incident-form {
                            border: 1px solid black;
                        }
                        
                        div#incident-form table {
                            width: 100%;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- PROJECTS PAGE -- */
                        /* ------------------- */
                        
                        form#search-proj {
                            float: right;
                            margin-top: -54px;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- SETTINGS PAGE -- */
                        /* ------------------- */
                        
                        p.questions-text {
                            display: block;
                            background: rgb(255, 229, 127);
                            background: rgba(255, 229, 127, 0.7);
                            margin-left: -4px;
                            padding: 4px;
                            border-radius: 4px;
                            -moz-border-radius: 4px;
                            -webkit-border-radius: 4px;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- ADMINS PAGE -- */
                        /* ----------------- */
                        
                        h3#createlink {
                            border: none !important;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- PRICE PAGE -- */
                        /* ---------------- */
                        
                        p#price-info {
                            color: #555;
                            width: 360px;
                            float: right;
                            border: 1px solid #555;
                            padding: 10px;
                            margin: 10px;
                            background-color: white;
                        }
                        
                        h3.price-title-short {
                            width: 95% !important;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- CREDIT PAGE -- */
                        /* ----------------- */
                        
                        p.questions-text {
                            display: block;
                            background: rgb(255, 229, 127);
                            background: rgba(255, 229, 127, 0.7);
                            margin-left: -4px;
                            padding: 4px;
                            border-radius: 4px;
                            -moz-border-radius: 4px;
                            -webkit-border-radius: 4px;
                        }
                        
                        p#credit-info {
                            color: #555;
                            width: 490px;
                            float: right;
                            border: 1px solid #555;
                            padding: 10px;
                            margin: 10px;
                            background-color: white;
                        }
                        /* --------------------------------------------------------------------------------------------------------------- */
                        /* -- FOOTER -- */
                        /* ------------ */
                        
                        div#bottom {
                            background-color: #f8f8f8;
                            padding-bottom: 1em;
                            text-align: left;
                            color: #555;
                            font-size: 0.7em;
                            border-top: 1px solid #ddd;
                            border-color: rgba(60%, 60%, 60%, 0.3);
                        }
                        
                        div#bottom4 {
                            width: 85%;
                            max-width: 1500px;
                            margin: auto;
                        }
                        
                        div#bottom4 p {
                            margin: 0;
                        }
                        
                        div#bottom4 a {
                            text-decoration: none;
                            color: #555;
                        }
                        
                        div#bottom4 a:hover {
                            color: #555;
                        }
                        .warningmessage {
                            background: rgba(255, 229, 127, 0.5) !important;
                        }
                        p.new-features {
                            background: rgba(255, 229, 127, 0.5) !important;
                        }
                        
                        #content4 p.filter-by-tags a, .tagListContainer a {
                            padding: 3px 10px;
                            background-color: rgba(101,102,104,.8);
                            color: white !important;
                            border-radius: 6px;
                            margin-right: 3px;
                            display: inline-block;
                            margin-top: 15px;
                        }
                        
                        #content4 p.filter-by-tags a:hover {
                            color: white;
                            text-decoration: underline;
                        }
                        
                        #result .dataTables_wrapper.no-footer table.dataTable thead .sorting_asc,
                        #result .dataTables_wrapper.no-footer table.dataTable thead .sorting,
                        #result .dataTables_wrapper.no-footer table.dataTable thead .sorting_desc,
                        #result table.sheet th,
                        .dataTables_wrapper.no-footer table.dataTable thead th,
                        table.dataTable.sheet.no-footer thead,
                        table.dataTable.sheet.no-footer thead .sorting_asc,
                        table.dataTable.sheet.no-footer thead .sorting,
                        table.dataTable.sheet.no-footer thead .sorting_desc,
                        table.dataTable.sheet.no-footer thead .sorting_disabled {
                            color: white;
                            background-color: #656668;
                        }
                        
                        #result .dataTables_wrapper.no-footer table.dataTable thead .sorting_asc,
                        table.dataTable.sheet.no-footer thead .sorting_asc {
                            background: url("images/sort_asc.png") no-repeat bottom right;
                            background-color: #656668;
                        }
                        
                        #result .dataTables_wrapper.no-footer table.dataTable thead .sorting_desc,
                        table.dataTable.sheet.no-footer thead .sorting_desc {
                            background: url("images/sort_desc.png") no-repeat bottom right;
                            background-color: #656668;
                        }
                        
                        #content4 p a#accounts {
                            padding: 0px;
                        }

                        /* ------------------------------------------------------------------------------------------------------------- */
                        /* -- MAX-WIDTH: 1023px; -- */
                        /* ------------------------ */
                        
                        @media all and (min-width: 930px) and (max-width: 1023px) {
                            div#menu1 ul li a {
                                margin-right: 0.99em;
                            }
                            div#menu2 ul li a {
                                margin-right: 1em;
                            }
                        }
                        
                        .onoffswitch-checkbox:checked+.onoffswitch-label,
                        .onoffswitch-checkbox:checked+.onoffswitch-label:before {
                            border-color: #656668 !important;
                        }
                        
                        .onoffswitch-checkbox:checked+.onoffswitch-label {
                            background-color: rgba(101,102,104,.6) !important;
                        }
                        
                        .onoffswitch-checkbox:checked+.onoffswitch-label:before {
                            background-color: #656668 !important;
                        }
                        /* ------------------------------------------------------------------------------------------------------------- */
                        /* -- MAX-WIDTH: 930px; -- */
                        /* ----------------------- */
                       
                        @media all and (max-width: 930px) {
                            div#facility {
                                background-color: transparent !important;
                            }
                            img#slide-menu-button {
                                background-color: #404040 !important;
                            }
                            #content4 p.filter-by-tags a:hover {
                                color: #656668;
                                text-decoration: underline;
                            }
                            div#head,
                            div#facility,
                            
                            div#head.scroll div#facility h1,
                            div#facility h1 {
                                font-size: 1em;
                            }
                            nav#slide-menu ul li#menu-logout {
                                background-color: #909090 !important;
                            }
                            div#head.scroll div#facility {
                                height: 100% !important;
                                padding-top: 10px;
                                padding-bottom: 15px;
                            }
                            div#facility h1 {
                                font-size: 1em !important;
                                color: #404040 !important;
                            }
                            #facility-4 h1{
                                text-align: right !important;
                            }
                            div#facility-4 > h1 > span {
                                margin-right: 15px;
                                /* background: rgba(0,0,0,.5);
                                padding: 0.5%; */
                            }
                            #banner-4{
                                display: unset;
                                background-image: unset;
                            }
                            img#slide-menu-button {
                                display: inline !important;
                                float: left;
                                height: 35px;
                                margin-top: 10px;
                                margin-left: 7px;
                                margin-right: 10px;
                            }
                            /* CODE FROM: https://medicine.nus.edu.sg/msc/confocal-microscopy-unit/ */
                            body.menu-open nav#slide-menu {
                                left: 0;
                            }
                            body.menu-open div#main {
                                left: 220px;
                            }
                            body.menu-open div#head {
                                position: relative;
                            }
                            .mask {
                                position: fixed;
                                top: 0;
                                left: 0;
                                z-index: 15;
                                width: 100%;
                                height: 100%;
                                background: rgba(0, 0, 0, 0.3);
                            }
                            div#main {
                                position: relative;
                                z-index: 10;
                                top: 0;
                                left: 0;
                                -webkit-transition: all 0.3s;
                                -moz-transition: all 0.3s;
                                -ms-transition: all 0.3s;
                                -o-transition: all 0.3s;
                                transition: all 0.3s;
                            }
                            nav#slide-menu {
                                display: block !important;
                                position: fixed;
                                z-index: 20;
                                background-color: #656668 !important;
                                overflow: auto;
                                -webkit-transition: all 0.3s;
                                -moz-transition: all 0.3s;
                                -ms-transition: all 0.3s;
                                -o-transition: all 0.3s;
                                transition: all 0.3s;
                                top: 0;
                                left: -300px;
                                width: 220px;
                                height: 100%;
                            }
                            nav#slide-menu ul {
                                list-style-type: none;
                                margin: 0;
                                padding: 0;
                            }
                            nav#slide-menu ul li {
                                display: block;
                                text-align: center;
                                border-bottom: solid 1px #e2e1e1;
                                padding-top: 5px;
                                padding-bottom: 5px;
                                color: #ffffff;
                                font-size: 0.75em;
                            }
                            nav#slide-menu ul li#menu-logout {
                                background-color: red;
                            }
                            nav#slide-menu ul li a {
                                font-weight: 600;
                                color: #ffffff;
                                text-decoration: none;
                                font-size: 1.25em;
                            }
                            /* END CODE */
                            nav#slide-menu ul li.slide-menu1 {
                                background-color: white !important;
                                
                            }
                            nav#slide-menu ul li.slide-menu1 a{
                                color: #656668 !important;
                            }
                            nav#slide-menu ul li.slide-menu2 {
                                background-color: #656668 !important;
                                color: #ffffff;
                            }
                            #menu-logout{
                                color: #ffffff;
                            }
                            div#facility h1 {
                                padding-bottom: 0px !important;
                            }
                            div#menu {
                                display: none;
                            }
                            div#content {
                                padding-top: 5em !important;
                            }
                            select#change-core,  select#change-core option{
                                color: #404040 !important;
                                /* background-color: rgba(255, 255, 255, 0.15); */
                                /* background-color: #656668; !important; */
                            }
                        }
                        /* ------------------------------------------------------------------------------------------------------------- */
                        /* -- MAX-WIDTH: 640px; -- */
                        /* ----------------------- */
                        
                        @media all and (max-width: 640px) {
                            div.home-left,
                            div.home-right {
                                float: none !important;
                                width: 100% !important;
                            }

                            div#content td small{
                                font-size: 10px;
                            }
                            #soptlinkhide  strong  a{
                                font-size: 10px;
                            }
                        }

                        /* ------------------------------------------------------------------------------------------------------------- */
                        /* -- MAX-WIDTH: 450px; -- */
                        /* ----------------------- */
                        @media all and (max-width: 570px) {
                            /* newly added */
                            #content4 table tbody tr td {
                                padding: 0 5px !important;
                                
                            }
                            .listsys  td{
                                display: block;
                            }

                            #content4 table{
                                margin-bottom: 1em;

                            }

                            div#content p,
                            div#content td {
                                font-size: 0.7em;
                            }

                            /* div#content strong a {
                                font-size: 12px;
                            } */

                            dd input{
                                width: 100%;
                            }

                            #soptions table tbody tr td{
                                display: block;
                            }

                            #soptions table tbody tr td select, #soptions table tbody tr td span select, #soptions table tbody tr td input[type=submit]{
                                margin: 0.5em 0;
                                width: 100% !important;
                            }

                            #soptions table tbody tr td:nth-child(2){
                                width: unset !important;
                            }

                            table.listsys {
                                border-spacing: 0px;
                            }

                            div#content h3 {
                                margin-left: 10px;
                            }
                        }

                        /* ------------------------------------------------------------------------------------------------------------- */
                        /* -- MAX-WIDTH: 385px; -- */
                        /* ----------------------- */
                        
                        @media all and (max-width: 385px) {
                            div#head.scroll div#facility h1,
                            div#facility h1 {
                                font-size: 1em;
                                height: 100%;
                            }
                            select.home-button {
                                width: 60%;
                            }
                            select#change-core{
                                color: #404040 !important;
                            }
                            #userlist{
                                width: 100% !important;
                            }
                           
                        }
                        /* ------------------------------------------------------------------------------------------------------------- */
                        /* -- IE8 -- */
                        /* --------- */
                        
                        .ie8 div#head {
                            position: relative;
                        }
                        
                        .ie8 div#content {
                            padding-top: 0em;
                        }
                        
                        .ie8 div#menu1 ul li a {
                            padding-bottom: 9px;
                        }
                        
                        .ie8 div#menu2 ul li a {
                            padding-bottom: 9px;
                        }

                        #slide-menu ul li:first-child {
                            display: none;
                        }

                         #side-menu-logo {
                            content: url('./logo-black.png');
                            width: 210px;
                            padding: 5px;
                            background-color: white;
                            padding-top: 10px;
                        }


                        /* <div id="side-menu-logo"></div> */