/* CSS Document */

.WindowTitleBar {
    position: relative;
    border-color: black;
    background-color: #339933;
    width: 100%;
    padding: 0px;
    color: black;
    cursor: move;
    height: 30px;
}

.WindowTitle {
    background-color: #339933;
    color: white;
    float: left;
    white-space: nowrap;
    width: calc(100% - 105px);
    overflow: hidden;
    padding-left: 2px;
    height: 30px;
    text-overflow: ellipsis;
}

.WindowToolBox {
    background-color: #339933;
    color: white;
    float: right;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    padding-right: 3px;
    margin: 5 0 0 0;
    height: 30px;
}

.WindowContent {
    display: block;
    border-color: black;
    background-color: white;
    width: 100%;
    padding: 0px;
    color: black;
}

.WindowStatus {
    display: block;
    border-color: black;
    background-color: white;
    width: 100%;
    padding: 0px;
    background-color: #eeeeee;
    cursor: move;
}

.WindowTitle {
    background-color: #339933;
    color: white;
}

.MoveableWindow {
    display: block;
    position: absolute;
    padding: 0px;
    margin: 0px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    overflow: auto;
    z-index: 1;
}

.MoveableTitleBar {
    position: relative;
    border-color: black;
    background-color: lightgrey;
    width: 100%;
    padding: 0px;
    color: black;
    cursor: move;
}

.message-data {
    margin-bottom: 15px;
    margin: 5px;
    padding-left: 6px;
}

.chat-message {
    padding: 5px;
}

.chat-data-time {
    position: relative;
    color: grey;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: small;
}

.message {
    color: white;
    padding: 5px 5px;
    text-justify: left;
    font-size: 12px;
    border-radius: 7px;
    margin-bottom: 20px;
    position: relative;
}

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

.align-left {
    text-align: left;
}

.my-message {
    background-color: #34d8eb;
}

.other-message {
    background-color: #a6de52;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.button1 {
    background-color: rgb(26, 78, 28);
    border: none;
    border-radius: 5px;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-left: 0px;
    margin-right: 12px;
    margin-top: 6px;
    float: right;
    font-size: 16px;
}

.button1:hover {
    background-color: rgb(105, 167, 107);
}

.textarea1 {
    width: 83%;
    height: 60px;
    font-size: 16px;
    border: none;
    padding: 10px;
    margin: 0px;
    /* border-radius: 5px; */
    resize: none;
    /*  box-shadow:1px 1px 5px 0px grey inset;      */
}

.PopupTitleBar {
    Height: 20px;
}

.ChatWindow {
    display: block;
    position: absolute;
    width: 600px;
    Height: 905px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    z-index: 0;
    overflow: auto;
    overflow-x: hidden;
}


/* New Chat window */

.chat-container {
    height: 25rem;
    min-height: 20rem;
}


/* @media (max-width: 575px) {
    html {
        font-size: 12px!important;
    }
    .d-xs-none {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    html {
        font-size: 16px!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 18px!important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 20px!important;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 22px!important;
    }
}
 */


/* * {
    border-radius: 0px!important;
    border-collapse: collapse;
    box-shadow: none!important;
} */

.message-card {
    max-width: 60%;
}

.bg-lightblue {
    background-color: #7CC0FF;
}

.bg-darkblue {
    background-color: #0E5EA9;
}

.bg-lightgrey {
    background-color: #f1f1f1;
}

.search-input-h {
    height: 10%!important;
}

.hover-color-darkblue:hover {
    color: #0E5EA9!important;
}

.hover-color-lightgray:hover {
    color: #dcdcdc!important;
}

.hover-bg-lightgray:hover {
    background-color: #dcdcdc!important;
    cursor: pointer;
}

.active.hover-bg-lightgray:hover {
    background-color: #0E5EA9!important;
    cursor: pointer;
}

.border-chat-lightgray {
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #dfdfdf!important;
}

.text-white {
    color: white;
}

.message-scroll {
    overflow-y: auto;
}

.sidebar-scroll {
    overflow-y: auto;
}

#sidebar-content {
    display: flex;
    flex-direction: column;
}

#list-group {
    flex: 1 1;
}


/* End new Chat Window */

.Editstatusreport {
    display: block;
    position: absolute;
    width: 1000px;
    Height: 780px;
    background-color: #EFEFDF;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    overflow: auto;
    overflow-x: hidden;
}

.WizardPage {
    display: none;
    position: absolute;
    margin: 10px;
    width: 92%;
    height: 85%;
    max-height: 85%;
    border-style: solid;
    border-width: 1px;
    border-color: 1px;
    overflow: auto;
    overflow-x: hidden;
}

html,
body {
    background: url(../images/header.gif) 0 0 repeat-x; 
    padding: 0px 0px 0px 0px;
    left: 0;
    top: 0;
    margin: 0;
    background-color: #EFEFDF;
    /* color:#000;*/
    /*	width: 100%;
	height: 100%;
*/
}

#body_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*	width: 100%;
	height: 100%; */
}

div,
h1,
h2,
h3,
h4,
p,
form,
label,
img,
span {
    margin: 0;
    padding: 0;
}

textarea {
    margin: 0;
    padding: 5px;
    line-height: 1.25em;
}

input {
    margin: 0px;
    padding: 0px;
    height: 17px;
}

a:link,
a:visited {
    color: #009900;
    padding: 2px;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    font-weight: bold;
    color: #323232;
}

a:active {
    color: #44AAFF;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*font-size:0;*/
    /*	width: 100%; */
}

.spacer {
    clear: both;
    font-size: 0;
    line-height: 0;
}


/*------------------------------------------------body--------------------*/


/* Tooltip container */

.tooltip {
    position: relative;
    display: inline-block;
}


/* Tooltip text */

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}


/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*------------------------------------------------header--------------------*/

#header {
    background: url(../images/header.gif) 0 0 repeat-x; 
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    overflow-x: hidden;
}

#header ul {
    background: url(../images/nav_bar.gif) 0 0 no-repeat;
    width: 95%;
    height: 29px;
    position: relative;
    left: 0px;
    top: 5px;
    padding: 0 0 0 72px;
}

#header ul li {
    background: url(../images/nav_div.gif) right top no-repeat;
    height: 27px;
    float: left;
    padding: 0 0px 0 0;
}

#header ul li a {
    display: block;
    background: url(../images/nav_bg.gif) 0 0 repeat-x;
    padding: 0 0px;
    font: bold 11px/27px Arial, Helvetica, sans-serif;
    color: #344A04;
    background-color: inherit;
    text-decoration: none;
}

#header ul li a:hover {
    background: url(../images/nav_hover.gif) 0 0 repeat-x;
    color: #fff;
    background-color: inherit;
}

#header ul li a.hover {
    display: block;
    background: url(../images/nav_hover.gif) 0 0 repeat-x;
    color: #fff;
    padding: 0 14px;
    font: bold 11px/27px Arial, Helvetica, sans-serif;
    background-color: inherit;
    text-decoration: none;
    cursor: text;
}

#header ul li.last {
    background-image: none;
    height: 27px;
    float: left;
}

#header img.logo {
    position: absolute;
    left: 40px;
    top: 98px;
    width: 249px;
    height: 72px;
}

#header h1 {
    background: url(../images/slogan.gif) 0 0 no-repeat;
    width: 484px;
    height: 32px;
    position: absolute;
    left: 411px;
    top: 108px;
    text-indent: -10000px;
}

#header p {
    font: normal 12px/19px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
    position: absolute;
    left: 411px;
    top: 142px;
}

#header p span.txt1 {
    color: #fff;
    background-color: #1E6887;
}

#header img.icon {
    position: absolute;
    left: 60px;
    top: 190px;
    width: 174px;
    height: 80px;
}

#header p.topText {
    font: normal 18px/23px Arial, Helvetica, sans-serif;
    color: #E8E8E8;
    background-color: inherit;
    position: absolute;
    left: 285px;
    top: 203px;
    width: 588px;
}

#header p.topText span.smallTxt {
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    color: #FF9C3A;
    background-color: inherit;
    padding: 0 0 0 8px;
}

#header a.readMore {
    display: block;
    background: url(../images/read_more.gif) 0 0 no-repeat;
    width: 50px;
    height: 38px;
    position: absolute;
    left: 895px;
    top: 203px;
}

#header a.readMore:hover {
    background: url(../images/read_more_hover.gif) 0 0 no-repeat;
}


/*------------------------------------------------header--------------------*/


/*------------------------------------------------body--------------------*/

#body {
    position: relative;
    background-color: #EFEFDF;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    top: 56px;
    left: 0;
    float: left;
    border: 1px;
    border-color: #000000;
    /*	width: 90%; 
	height:90%; */
    /* overflow-y: auto; */
    overflow-x: visible;
}


/*------------------------------------------------right--------------------*/

.Dashboard {
    position: absolute;
    top: 100px;
    right: 0;
    float: right;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-right: 3%;
    font-size: 12px;
}

.body {
    display: block;
    padding: 1px 1px 1px 1px;
    height: 90%;
    margin-bottom: 20px;
}

#main_content {
    display: block;
    padding: 1px 1px 1px 1px;
    height: 90%;
}

#main_content p.main_contentTop {
    display: block;
    background: url(../images/right_top.gif) 0 0 no-repeat;
    width: 100%;
    height: 26px;
}

#main_content h2 {
    font: bold 30px/22px Arial, Helvetica, sans-serif;
    color: #222222;
    background-color: inherit;
    /*	margin:0 0 0px 0;
	padding:0 0 0 0px;*/
    display: block;
}

#main_content h3 {
    color: #222222;
    background-color: inherit;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    margin-top: 8;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 2px;
}

#main_content h4 {
    font: bold 20px/22px Arial, Helvetica, sans-serif;
    color: #222222;
    background-color: inherit;
    margin: 0 0 16px 0;
    padding: 0 0 0 38px;
    display: block;
}

#main_content_body {
    font: normal 13px/18px Arial, Helvetica, sans-serif;
    color: #62625C;
    /* background-color:inherit; */
    padding: 1px 1px 1px 1px;
}

#main_content p.main_contentTxt1 span {
    font: bold 13px/18px Arial, Helvetica, sans-serif;
    color: #5F860B;
    background-color: #5F860B;
    ;
}

#main_content .main_content_body {
    font: normal 13px/18px Arial, Helvetica, sans-serif;
    color: #62625C;
    color: #62625C;
    /* background-color:#5F860B;;*/
    padding: 10px 10px 10px 10px;
}

#main_content p.rightBottom {
    display: block;
    background: url(../images/right_bottom.gif) 0 0 no-repeat;
    width: 100%;
    height: 20px;
    float: Center;
}


/*------------------------------------------------bodyBottom--------------------*/

#bodyBottom {
    width: 100%;
    background: url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
    color: #fff;
    padding: 22px 13px 19px 18px;
    margin: 0 auto;
}

fieldset {
    margin: 1.5em 0 0 0;
    padding: 0;
}

legend {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
}

fieldset ol {
    padding: 1em 1em 0 1em;
    list-style: none;
}

fieldset li {
    padding-bottom: 1em;
}

fieldset.submit {
    border-style: none;
}


/* label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right; 
} */


/*------------------------------------------------footer--------------------*/

#footer {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* height: 64px; */
    margin: 0;
    /* background:url(../images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff; */
    overflow-x: hidden;
    overflow-y: hidden;
}

#footer ul {
    width: 100%;
    /*	position:static; */
    left: 11px;
    top: 27px;
}

#footer ul li {
    float: left;
    color: #D4D4C6;
    background-color: inherit;
    font: normal 11px/19px Arial, Helvetica, sans-serif;
}

#footer ul li a {
    color: #000000;
    background-color: inherit;
    font: normal 11px/19px Arial, Helvetica, sans-serif;
    padding: 0 7px;
    text-decoration: none;
}

#footer ul li a:hover {
    color: #D4D4C6;
    background-color: #D76E08;
}

#footer p.copyright {
    font: normal 11px/19px Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: inherit;
    /* position:absolute; */
    left: 19px;
    top: 49px;
}

#footer a.subscribe {
    /*	background:url(../images/subscribe_icon.gif) 0 2px no-repeat; */
    font: normal 11px/12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: inherit;
    /*	position:absolute; */
    left: 19px;
    top: 68px;
    text-decoration: underline;
    width: 50px;
    padding: 0 0 0 18px;
}

#footer a.subscribe:hover {
    color: #9CCC37;
    background-color: inherit;
    text-decoration: none;
}

#footer a.xht {
    width: 98px;
    height: 20px;
    background: url(../images/xhtml_bg.gif) 0 0 no-repeat;
    /* position:absolute;  */
    left: 757px;
    top: 23px;
}

#footer a.xht:hover {
    background: url(../images/xhtml_bg_hover.gif) 0 0 no-repeat;
}

#footer a.cs {
    width: 98px;
    height: 20px;
    background: url(../images/css_bg.gif) 0 0 no-repeat;
    /* position:absolute; */
    left: 866px;
    top: 23px;
}

#footer a.cs:hover {
    background: url(../images/css_bg_hover.gif) 0 0 no-repeat;
}

#footer img {
    margin: 5px;
    width: auto;
    height: 45px;
}

#footer p.design {
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    color: #C5BE25;
    background-color: inherit;
    /* position:absolute; */
    left: 19px;
    top: 85px;
}

#footer p.design a {
    color: #FFFFFF;
    background-color: inherit;
    text-decoration: none;
}

#footer p.design a:hover {
    color: #C5BE25;
    background-color: inherit;
}


/*------------------------------------------------footer--------------------*/

#header input {
    background: url(../images/nav_div.gif) right top no-repeat;
    height: 27px;
    float: left;
    padding: 0 5px 0 5px;
    font: bold 11px/27px Arial, Helvetica, sans-serif;
    color: #000;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: url(../images/nav_bg.gif);
    background-repeat: repeat-x;
}

#header input:hover {
    height: 27px;
    float: left;
    padding: 0 5px 0 5px;
    font: bold 11px/27px Arial, Helvetica, sans-serif;
    color: #fff;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: url(../images/nav_hover.gif);
    background-repeat: repeat-x;
    background-position: right top;
}


/* highslide */

.highslide-html {
    /* background-color: white; */
}

.highslide-html-blur {}

.highslide-html-content {
    position: absolute;
    display: none;
}

.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    /* background-color: white;*/
    padding-left: 22px;
    background-image: url(../js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}


/* Styles for the popup */

.highslide-wrapper {
    background-color: white;
}

.highslide-wrapper .highslide-html-content {
    width: 600px;
    padding: 5px;
}

.highslide-wrapper .highslide-header div {}

.highslide-wrapper .highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.highslide-wrapper .highslide-header ul li {
    display: inline;
    padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous,
.highslide-wrapper .highslide-header ul li.highslide-next {
    display: none;
}

.highslide-wrapper .highslide-header a {
    font-weight: bold;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
}

.highslide-wrapper .highslide-header a:hover {
    color: black;
}

.highslide-wrapper .highslide-header .highslide-move a {
    cursor: move;
}

.highslide-wrapper .highslide-footer {
    height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
    float: right;
    height: 11px;
    width: 11px;
    background: url(../js/highslide/graphics/resize.gif);
}

.highslide-wrapper .highslide-body {}

.highslide-move {
    cursor: move;
}

.highslide-resize {
    cursor: nw-resize;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

These must be the last of the Highslide rules */ #Body #masthead {
    display: block;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


/* Default CSS for Calendar */

.hidden {
    opacity: 0;
    position: absolute;
}

.visible {
    opacity: 1;
}

input.calendar,
select.calendar {
    width: 99px;
}

button.calendar {
    background: url(calendar-icon.gif);
    border: 0;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-right: 6px;
    width: 20px;
}

button.calendar:hover,
button.calendar.active {
    background-position: 0 20px;
}

div.calendar {
    background: url(calendar.png);
    height: 195px;
    padding: 0 6px;
    text-align: center;
    width: 147px;
}

div.calendar * {
    margin: 0;
    padding: 0;
}

div.calendar div {
    background: none !important;
    cursor: move;
    height: 185px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    width: 147px;
}

div.calendar caption {
    color: #333;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    padding-top: 6px;
    text-align: center;
    width: 100%;
}

div.calendar caption a {
    cursor: pointer;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: -100px;
    top: 17px;
    width: 11px;
}

div.calendar caption a.prev {
    background-image: url(calendar-prev.gif);
    left: 0;
}

div.calendar caption a.next {
    background-image: url(calendar-next.gif);
    right: 0;
}

div.calendar caption a:hover {
    background-position: 0 12px;
}

div.calendar caption span {
    height: 25px;
    position: relative;
    text-align: center;
}

div.calendar caption span.month {
    padding-right: 8px;
}

div.calendar caption span.month:after {
    content: ',';
}

div.calendar table {
    background: #FFF;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 147px;
}

div.calendar td,
div.calendar th {
    border: 0;
    color: #0597DB;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 21px;
    text-align: center;
    width: 21px;
}

div.calendar td {
    background: url(calendar-td.gif);
    color: #FFF;
    font-size: 11px;
}

div.calendar td.invalid {
    color: #999;
}

div.calendar td.valid {
    background: url(calendar-valid.gif);
    color: #0597DB;
    cursor: pointer;
}

div.calendar td.hilite {
    background: url(calendar-hilite.gif);
}

div.calendar td.inactive {
    background: url(calendar-td.gif) 0 100%;
    color: #FFF;
}

div.calendar td.active,
div.calendar td.hover {
    background: url(calendar-valid.gif) 0 100%;
    color: #FFF;
    cursor: pointer;
}


/**************************TABLES*******************/

table {
    border: 1px solid #ccc;
    font: 13px/18px Arial, Helvetica, sans-serif;
    /*	width: 100%*/
}

th {
    background-color: #eee;
    padding: 4px 4px 4px 14px;
}

tr {
    background-color: #eee;
    padding: 4px;
}

tr.altRow {
    background-color: #fff;
}

td {
    padding: 0 2px;
    line-height: 20px;
}

.rightAlign {
    text-align: right;
}

.sortedASC {
    background: url(../images/icon-table-sort-asc.png) no-repeat 2px 4px #eee;
}

.sortedDESC {
    background: url(../images/icon-table-sort-desc.png) no-repeat 2px 10px #eee;
}

.tableHeaderOver {
    cursor: pointer;
    color: #354158;
}


/*tr.selected {
	background-color: gold;
	color: #fff;
}*/

tr.over {
    background-color: #CCCCCC;
    color: #fff;
    cursor: pointer;
}

tr.hide {
    display: none;
}


/***************************/

.tableFilter {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
}

.tableFilter input {
    border: 1px solid #ccc;
}

.tableFilter select {
    border: 1px solid #ccc;
}


/*************************/

.dataTable tr:nth-child(even) {
    background-color: #EEE;
}

.dataTable tr:nth-child(odd) {
    background-color: #DDD;
}

.dataTable td {
    border-bottom: 1px solid #CCC;
}


/*********************************/

.gantt {
    background: none;
    text-decoration: none;
}

table.gantt {
    border: 1px outset darkgray;
    white-space: nowrap;
    overflow: hidden;
}

table.gantt tr.body td {
    border-bottom: 1px dashed #CCC;
}

table.gantt tr.body:hover td {
    border-bottom: 1px dashed burlywood;
}

.orphan-job {
    color: rgba( 255, 50, 0, 0.5);
    text-shadow: -1px 1px 2px #FFFF88;
}


/** Punch In/Out of Jobs **/

a.currentJob {
    color: #CC6600;
}

a.currentJob:hover {
    color: #FF9900;
}

a.currentJob:active {
    color: #33BBFF;
}

a.accruedTime {
    color: #CC6600;
}

a.accruedTime:hover {
    color: #FF9900;
}


/** Right Side Dashboard Icons **/

img.RightDashboardIcon {
    width: 41px;
    height: auto;
}

.iconWrapper {
    margin-top: 10px;
    font-size: small;
}


/** Show Hint **/

a.ShowHint {
    /*
		color: white;
		background-color: blue;
		border-radius: 100%; */
}

a.ShowHint:hover {
    /*	color: blue;
		background-color: white;
		text-decoration: none; */
}


/** Unread Messages **/

#unread-messages thead td {
    background-color: #CCC;
}

#unread-messages tbody tr:nth-child(even) td {
    background-color: #EEE;
}

#unread-messages tbody tr:nth-child(odd) td {
    background-color: white;
}


/* File Type Icons ................................... */

a.image {
    background-image: url(../images/icons/image.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}

a.executable {
    background-image: url(../images/icons/executable.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}

a.zip {
    background-image: url(../images/icons/zip.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}


/* css */

a.text {
    background-image: url(../images/icons/text.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}


/* docs */

a.office {
    background-image: url(../images/icons/office.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}

a.pdf {
    background-image: url(../images/icons/pdf.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}


/* videos */

a.video {
    background-image: url(../images/icons/video.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}


/* audio */

a.audio {
    background-image: url(../images/icons/audio.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}


/* web pages */

a.code {
    background-image: url(../images/icons/xml.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}


/* directories */

a.folder {
    background-image: url(../images/icons/folder.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}

a.unknown {
    background-image: url(../images/icons/unknown.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    color: #000;
    font-weight: normal;
}

audio {
    width: 100px;
    height: 16px;
}

audio::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: right;
    -webkit-user-select: none;
    position: relative;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    height: 16px;
    text-align: right;
}

a.organization-link {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    padding: 2px;
}

a.current-org {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    background-color: #fff;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

a.organization-link:hover {
    color: #000;
    font-size: 15px;
    font-weight: normal;
}

.navbar-inner {
    background: transparent;
}

.dropdown-item.active {
    background-color: #8a8a8a;
}

.tooltip-inner {
    background-color: #007700;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #007700 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #007700 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #007700 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #007700 !important;
}

.frame1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    margin: 0;
    padding: 0;
    border: 0;
}