.green {color:#60B000;} .b_green, .b_more_than_50pc {background:#d9ebd2} .orange {color:#FFA500;} .b_orange, .b_less_than_50pc {background:#F0B000 !important;} .yellow {color:#F0B000;} .b_yellow {background: #fcf3cc;} .red {color:#FF0000;} .b_red, .b_less_than_25pc {background:#ff3333 !important;} .loading {background-image: url("/static/img/ajax-loader.gif"); background-repeat:no-repeat; background-position: center; background-color: #efefef;} .loading2 {display: none; position:absolute; top:-20px;} .loading2-container {position:relative;} body {background: #fff; margin:5px;} a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; } .mtop25 {margin-top:25px;} footer { position: fixed; left: 0; bottom: 0; background: red; color: white; width:100%; text-align: center; z-index: 10; } .warning_instruction { font-weight: bold; font-style: italic; color: blue; } #deconnect, #password_change {float:right; margin-left: 5px;} /* The Overlay (background) */ .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 10000000; /* Sit on top */ left: 0; top: 0; background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgba(0,0,0, 0.9); /* Black w/opacity */ overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 15%; /* 15% from the top */ width: 100%; /* 100% width */ text-align: center; /* Centered text/links */ margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */ } .overlay-content .mconfirm { width:50%; background: #fff; color: #000; margin: auto; padding:15px; } @media screen and (max-width:768px) { .overlay-content .mconfirm { width: 100%; } } .overlay-content .mconfirm button {margin:5px;} .overlay-content > em { color: #fff; } /* The navigation links inside the overlay */ .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus { color: #f1f1f1; } /* Position the close button (top right corner) */ .overlay .closebtn { position: absolute; top: 10px; right: 45px; font-size: 60px; } .infocircle {display:none;width:950px;background: #bbdeee;padding:5px;} .infocircle .close {position:relative;top:0;line-height:0;float:right; font-size:20px;cursor:default;} #box_load {display:none; position:relative;top:100px;text-align:center;} #msg_box {display:none;} #msg_box a.closebtn {float:right;text-decoration: none;color: #818181;} #msg_box .closebtn {top:0px;font-size: 30px;} #msg_box .success { background:#d9ebd2; padding:15px;} #admin_menu {display:none;} #admin_menu ul {list-style-type: none;} #admin_menu button {min-width: 100px; margin-bottom:2px;} #conn_butt {text-decoration:none;} /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ @media screen and (max-height: 450px) { .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } /* Tooltips */ /* Tooltip container */ .tooltip { position: relative; display: inline-block; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 130px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; top: -5px; left: 115%; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } .tooltip .tooltip-lg { width: 230px !important; } .tooltip .tooltip-xl { width: 320px !important; } .tooltip .tt_twolines { top: -15px !important; } /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; /* To the left of the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .mac-msg {background: red; color: #fff; padding: 3px;} .notifyjs-cancelable-base { font-weight: bold; padding: 8px 15px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap; padding-left: 25px; background-repeat: no-repeat; background-position: 3px 7px; } .notifyjs-cancelable-info { color: #3A87AD; background-color: #D9EDF7; border-color: #BCE8F1; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFAhkSsdes/QAAA8dJREFUOMvVlGtMW2UYx//POaWHXg6lLaW0ypAtw1UCgbniNOLcVOLmAjHZolOYlxmTGXVZdAnRfXQm+7SoU4mXaOaiZsEpC9FkiQs6Z6bdCnNYruM6KNBw6YWewzl9z+sHImEWv+vz7XmT95f/+3/+7wP814v+efDOV3/SoX3lHAA+6ODeUFfMfjOWMADgdk+eEKz0pF7aQdMAcOKLLjrcVMVX3xdWN29/GhYP7SvnP0cWfS8caSkfHZsPE9Fgnt02JNutQ0QYHB2dDz9/pKX8QjjuO9xUxd/66HdxTeCHZ3rojQObGQBcuNjfplkD3b19Y/6MrimSaKgSMmpGU5WevmE/swa6Oy73tQHA0Rdr2Mmv/6A1n9w9suQ7097Z9lM4FlTgTDrzZTu4StXVfpiI48rVcUDM5cmEksrFnHxfpTtU/3BFQzCQF/2bYVoNbH7zmItbSoMj40JSzmMyX5qDvriA7QdrIIpA+3cdsMpu0nXI8cV0MtKXCPZev+gCEM1S2NHPvWfP/hL+7FSr3+0p5RBEyhEN5JCKYr8XnASMT0xBNyzQGQeI8fjsGD39RMPk7se2bd5ZtTyoFYXftF6y37gx7NeUtJJOTFlAHDZLDuILU3j3+H5oOrD3yWbIztugaAzgnBKJuBLpGfQrS8wO4FZgV+c1IxaLgWVU0tMLEETCos4xMzEIv9cJXQcyagIwigDGwJgOAtHAwAhisQUjy0ORGERiELgG4iakkzo4MYAxcM5hAMi1WWG1yYCJIcMUaBkVRLdGeSU2995TLWzcUAzONJ7J6FBVBYIggMzmFbvdBV44Corg8vjhzC+EJEl8U1kJtgYrhCzgc/vvTwXKSib1paRFVRVORDAJAsw5FuTaJEhWM2SHB3mOAlhkNxwuLzeJsGwqWzf5TFNdKgtY5qHp6ZFf67Y/sAVadCaVY5YACDDb3Oi4NIjLnWMw2QthCBIsVhsUTU9tvXsjeq9+X1d75/KEs4LNOfcdf/+HthMnvwxOD0wmHaXr7ZItn2wuH2SnBzbZAbPJwpPx+VQuzcm7dgRCB57a1uBzUDRL4bfnI0RE0eaXd9W89mpjqHZnUI5Hh2l2dkZZUhOqpi2qSmpOmZ64Tuu9qlz/SEXo6MEHa3wOip46F1n7633eekV8ds8Wxjn37Wl63VVa+ej5oeEZ/82ZBETJjpJ1Rbij2D3Z/1trXUvLsblCK0XfOx0SX2kMsn9dX+d+7Kf6h8o4AIykuffjT8L20LU+w4AZd5VvEPY+XpWqLV327HR7DzXuDnD8r+ovkBehJ8i+y8YAAAAASUVORK5CYII=); } .notifyjs-cancelable-base .buttons {width: 190px; margin: 5px auto;} .notifyjs-cancelable-base button {width: 90px;text-align: center; margin: 3px;} button.accordion::after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; } button.accordion.active::after { content: "\2212"; }