﻿/********************** New Default Theme **********************/

/* Basic Elements
----------------------------------------------------------*/
body {
    background-color: #EBECED;
    color: black;
}

a, a:link, a:visited, a:hover, a:active {
    /**/ color: rgb(78,91,115);
    text-decoration: underline;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: rgba(112,128,158, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(112,128,158, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(112,128,158, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(112,128,158, 0.6);
}

fieldset, legend {
    color: black;
}

i.hasTooltip {
    color: rgba(112,128,158,0.6)
}

/* BUTTONS
----------------------------------------------------------*/
/*.Button, .button, input[type="button"] {*/
.Button, .button {
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f7f7f7 50%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f7f7f7), color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3',GradientType=0 );
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #6d747c;
    -moz-box-shadow: inset 0px 1px 0px 0px #FFF;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FFF;
    box-shadow: inset 0px 1px 0px 0px #FFF;
    color: rgb(31, 28, 26);
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255,255,255, 0.8);
}

    .Button:hover, .button:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
        border: 1px solid #333333;
    }

    .Button:active, .button:active {
        background: #dddddd;
        background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f7f7f7));
        background: -webkit-linear-gradient(top, #dddddd 0%,#f7f7f7 100%);
        background: -o-linear-gradient(top, #dddddd 0%,#f7f7f7 100%);
        background: -ms-linear-gradient(top, #dddddd 0%,#f7f7f7 100%);
        background: linear-gradient(to bottom, #dddddd 0%,#f7f7f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0 );
        -moz-box-shadow: inset, 0 0px 3px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,.3);
        box-shadow: inset 0px 0px 3px rgba(0,0,0,.3);
        position: relative;
        top: 1px;
    }

    .Button:disabled, .button:disabled,
    #divMsgControlBar .button:disabled, #divMsgControlBar .Button:disabled {
        background: #F0F0F0;
        color: silver;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #6d747c;
        -moz-box-shadow: inset 0px 1px 0px 0px #c1c6c8;
        -webkit-box-shadow: inset 0px 1px 0px 0px #c1c6c8;
        box-shadow: inset 0px 1px 0px 0px #c1c6c8;
        display: inline-block;
        font-family: arial;
        font-weight: bold;
        padding: 4px 15px;
        text-decoration: none;
        text-shadow: 1px 1px 0px #70809e;
        top: 0;
    }


#divMsgControlBar .button, #divMsgControlBar .Button {
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f7f7f7 50%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f7f7f7), color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#f7f7f7 50%,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3',GradientType=0 );
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #6d747c;
    -moz-box-shadow: inset 0px 1px 0px 0px #FFF;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FFF;
    box-shadow: inset 0px 1px 0px 0px #FFF;
    display: inline-block;
    color: rgb(31, 28, 26);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255,255,255, 0.8);
}

    #divMsgControlBar .button:hover, #divMsgControlBar .Button:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
        border: 1px solid #333333;
    }

    #divMsgControlBar .button:active, #divMsgControlBar .Button:active {
        background: #dddddd;
        background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f7f7f7));
        background: -webkit-linear-gradient(top, #dddddd 0%,#f7f7f7 100%);
        background: -o-linear-gradient(top, #dddddd 0%,#f7f7f7 100%);
        background: -ms-linear-gradient(top, #dddddd 0%,#f7f7f7 100%);
        background: linear-gradient(to bottom, #dddddd 0%,#f7f7f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0 );
        -moz-box-shadow: inset, 0 0px 3px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,.3);
        box-shadow: inset 0px 0px 3px rgba(0,0,0,.3);
        position: relative;
        top: 1px;
    }

.messageSeparator {
    border-bottom: 1px solid #7e93a7;
}

/* Dashboard message area
----------------------------------------------------------*/

#divMsgControlBar {
    background-color: #EBECED;
    color: #000000;
    padding: 4px 8px 4px 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    vertical-align: top;
    border-bottom: 1px solid #999999;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}

#divMsgContent .a {
    font-size: 10px;
}

/* main layout
----------------------------------------------------------*/
.header {
    color: #FFFFFF;
    margin: 0;
    background: #4e5b73;
    background: -moz-linear-gradient(top, #4e5b73 0%, #2f3745 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e5b73), color-stop(100%,#2f3745));
    background: -webkit-linear-gradient(top, #4e5b73 0%,#2f3745 100%);
    background: -o-linear-gradient(top, #4e5b73 0%,#2f3745 100%);
    background: -ms-linear-gradient(top, #4e5b73 0%,#2f3745 100%);
    background: linear-gradient(to bottom, #4e5b73 0%,#2f3745 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5b73', endColorstr='#2f3745',GradientType=0 );
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}

.title {
    color: #FFFFFF;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .8);
    font-weight: normal;
    font-size: 31.5px;
    line-height: 1.4em;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
}

.reportTitle {
    color: #FFFFFF;
    text-shadow: -1px 1px 0px rgba(0, 0, 0, .8);
    font-weight: normal;
    font-size: 31.5px;
    padding: 15px 0px 0px 15px;
    display: inline-block;
}

.errorTitle {
    color: white;
    font-weight: bold;
    font-size: 22px;
    padding-left: 15px;
    padding-top: 10px;
    margin-left: 24px;
}

.reportNumber {
    color: #FFFFFF;
    padding-left: 15px;
    font-size: 17.5px;
    font-style: italic;
    line-height: 1.4em;
    text-shadow: -1px 1px 0px rgba(0, 0, 0, .8);
}

.offlineMobileNumber {
    color: #FFFFFF;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4em;
    text-shadow: -1px 1px 0px rgba(0, 0, 0, .8);
}

#Grids {
    height: auto;
    overflow: auto;
}

#Notifications {
    border-collapse: separate;
    border-spacing: 4px;
    display: table;
    width: 100%;
}

    #Notifications div.divNotifications {
        padding-right: 8px;
    }

        #Notifications div.divNotifications:last-child {
            padding-right: 0;
        }

.divNotifications {
    display: table-cell;
    height: inherit;
    width: 33%;
}

.notificationsHeader {
    background: #7e93a7;
    background: -moz-linear-gradient(top, #7e93a7 0%, #4e5b73 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e93a7), color-stop(100%,#4e5b73));
    background: -webkit-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
    background: -o-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
    background: -ms-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
    background: linear-gradient(to bottom, #7e93a7 0%,#4e5b73 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e93a7', endColorstr='#4e5b73',GradientType=0 );
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    text-align: center;
    color: #FFF;
    display: block;
    padding: .7em 1.5em;
    font-size: 16px;
    font-style: normal;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}

.gradientBorders {
    background: #4e5b73;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin: 0 4px 8px 4px;
    padding: 2px 2px 2px 2px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}

.notificationBorders {
    background: #4e5b73;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 0 2px 2px 2px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}

.innerGradientBorders {
    background: #ffffff;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 100%;
    overflow-y: auto;
    padding: 0px;
}

#reportHeader a,
.rtsReportToolBar a, .rtsReportToolBar a:hover {
    color: white;
    background-position: top;
}

.reportContentWrapper {
    margin-left: 165px;
    margin-top: 5px;
    height: 100%;
}

.reportContentWrapperNoLeftMargin {
    margin-top: 5px;
    height: 100%;
}

#reportContent, #moduleContent, .content {
    height: 100%;
}

#moduleContentWrapper, .contentWrapper {
    padding-left: 5px;
    padding-top: 10px;
}
/*#moduleHeader, #schedulingHeader {
    -webkit-border-top-left-radius:0.5em;
	-moz-border-top-left-radius:0.5em;
	border-top-left-radius:0.5em;
}*/

#main-content, .main-content {
    overflow-y: auto;
}

/* tabs
----------------------------------------------------------*/
#tabs {
    background: #F0F0F0;
    overflow: hidden;
    margin: 4px 4px -5px 4px;
    /*-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5);
	box-shadow: 0px 0px 4px rgba(0,0,0,.5);*/
    display: inline-block;
    list-style: none;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

    #tabs li {
        float: left;
        margin: 0 0 0 0;
        padding-bottom: 0px;
    }

    #tabs a {
        background: #7e93a7;
        background: -moz-linear-gradient(top, #7e93a7 0%, #4e5b73 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e93a7), color-stop(100%,#4e5b73));
        background: -webkit-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
        background: -o-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
        background: -ms-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
        background: linear-gradient(to bottom, #7e93a7 0%,#4e5b73 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e93a7', endColorstr='#4e5b73',GradientType=0 );
        position: relative;
        padding: 10px;
        float: left;
        display: inline-block;
        text-decoration: none;
        font-weight: normal;
        font-size: 16px;
        border-right: solid 1px #7e93a7;
        border-left: solid 1px #2f3745;
        color: #FFFFFF;
    }

        #tabs a:hover,
        #tabs a:hover::after,
        #tabs a:focus,
        #tabs a:focus::after {
            background: #7e93a7;
            background: -moz-linear-gradient(top, #7e93a7 0%, #4e5b73 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e93a7), color-stop(100%,#4e5b73));
            background: -webkit-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
            background: -o-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
            background: -ms-linear-gradient(top, #7e93a7 0%,#4e5b73 100%);
            background: linear-gradient(to bottom, #7e93a7 0%,#4e5b73 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e93a7', endColorstr='#4e5b73',GradientType=0 );
            color: #FFFFFF;
            border-right: solid 1px #7e93a7;
            border-left: solid 1px #2f3745;
        }

        #tabs a:focus {
            outline: 0;
        }

    #tabs .current a {
        background: #4e5b73;
        background: -moz-linear-gradient(top, #4e5b73 0%, #2f3745 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e5b73), color-stop(100%,#2f3745));
        background: -webkit-linear-gradient(top, #4e5b73 0%,#2f3745 100%);
        background: -o-linear-gradient(top, #4e5b73 0%,#2f3745 100%);
        background: -ms-linear-gradient(top, #4e5b73 0%,#2f3745 100%);
        background: linear-gradient(to bottom, #4e5b73 0%,#2f3745 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5b73', endColorstr='#2f3745',GradientType=0 );
        color: #FFF;
        border-right: solid 1px #4e5b73;
        border-left: solid 1px #2f3745;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
        z-index: 3;
    }

/* ComponentArt tabs
----------------------------------------------------------*/
.DefaultTab, .SubDefaultTab {
    /*position: relative;*/
    /* commented out this was overriding the gradient in IE8 and IE9
        background: rgb(187,187,187);*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#6d6e71));
    background-image: -webkit-linear-gradient(top, #bbb, #6d6e71);
    background-image: -moz-linear-gradient(top, #bbb, #6d6e71);
    background-image: -ms-linear-gradient(top, #bbb, #6d6e71);
    background-image: -o-linear-gradient(top, #bbb, #6d6e71);
    background-image: linear-gradient(to bottom, #bbb, #6d6e71);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#6d6e71',GradientType=0 );
    float: left;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: #666 1px solid;
    cursor: pointer;
}

    .DefaultTabHover, .DefaultTab:hover,
    .SubDefaultTabHover, .SubDefaultTab:hover {
        background: rgb(187,187,187);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTlmYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(158,159,161,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,187,1)), color-stop(100%,rgba(158,159,161,1)));
        background: -webkit-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(158,159,161,1) 100%);
        background: -o-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(158,159,161,1) 100%);
        background: -ms-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(158,159,161,1) 100%);
        background: linear-gradient(to bottom, rgba(187,187,187,1) 0%,rgba(158,159,161,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#9e9fa1',GradientType=0 );
        float: left;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
        text-decoration: none;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        border-bottom: #666 1px solid;
        cursor: pointer;
    }

    .SelectedTab, .DefaultTab:active,
    .SubSelectedTab, .SubDefaultTab:active {
        color: #000;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
        float: left;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        background-color: none;
        font-family: Arial;
        font-size: 14px;
        line-height: 20px;
        cursor: pointer;
        text-align: center;
        border-top: #666 1px solid;
        border-right: #666 1px solid;
        border-left: #666 1px solid;
        border-bottom: solid 1px transparent;
    }

/* data tables
----------------------------------------------------------*/
.dashboardDataGrid {
    background-color: #bebebe;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-spacing: 1px;
    border-collapse: separate;
    width: 100%;
}

    .dashboardDataGrid tr.dataGridRow:hover td,
    .dashboardDataGrid tr.dataGridAlternateRow:hover td,
    .dashboardDataGrid tr.dataListRow:hover td,
    .dashboardDataGrid tr.dataListAlternateRow:hover td,
    .dataGridHighlight {
        background: #c1c6c8;
        background: -moz-linear-gradient(top, #c1c6c8 0%, #c1c6c8 0%, #c1c6c8 0%, #c1c6c8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c6c8), color-stop(0%,#c1c6c8), color-stop(0%,#c1c6c8), color-stop(100%,#c1c6c8));
        background: -webkit-linear-gradient(top, #c1c6c8 0%,#c1c6c8 0%,#c1c6c8 0%,#c1c6c8 100%);
        background: -o-linear-gradient(top, #c1c6c8 0%,#c1c6c8 0%,#c1c6c8 0%,#c1c6c8 100%);
        background: -ms-linear-gradient(top, #c1c6c8 0%,#c1c6c8 0%,#c1c6c8 0%,#c1c6c8 100%);
        background: linear-gradient(to bottom, #c1c6c8 0%,#c1c6c8 0%,#c1c6c8 0%,#c1c6c8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c6c8', endColorstr='#c1c6c8',GradientType=0 );
        cursor: pointer;
    }

    .dashboardDataGrid tr td {
        padding: 3px 4px;
    }

.dataGrid {
    background-color: #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-spacing: 1px;
    border-collapse: separate;
}

    .dataGrid tr td {
        padding: 4px 5px;
    }

.dataGridHeader td, .dataGridHeader th, .dataGridHeader {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #c1c6c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#c1c6c8));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#c1c6c8 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#c1c6c8 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#c1c6c8 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#c1c6c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c1c6c8',GradientType=0 );
    color: rgb(78,91,115);
    padding: 8px;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
    text-align: left;
}

#taskInnerWrapper .dataGridRow a,
#taskInnerWrapper .dataGridAlternateRow a {
    color: black;
    text-decoration: none;
    font-weight: normal;
}

tr.dataGridHeader td a, tr.dataGridHeader th a {
    color: rgb(78,91,115);
    text-decoration: none;
    font-weight: normal;
}

    tr.dataGridHeader td a:hover, tr.dataGridHeader th a:hover {
        color: rgb(78,91,115);
        text-decoration: underline;
        font-weight: normal;
    }

.dataGridHeader td:first-child, .dataGridHeader th:first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.dataGridHeader td:last-child, .dataGridHeader th:last-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.dataGridFooter, tr.dataGridFooter td {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #c1c6c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#c1c6c8));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#c1c6c8 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#c1c6c8 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#c1c6c8 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#c1c6c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c1c6c8',GradientType=0 );
    color: rgb(78,91,115);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
    padding: 0;
}

    .dataGridFooter td:first-child {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .dataGridFooter td:last-child {
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.dataGridRow, .dataListRow {
    background-color: white;
}

.dataListAlternateSolidRow {
    background-color: #efefef;
}

.dataGridAlternateRow td, .dataListAlternateRow,
.rgAltRow {
    background: #F0F0F0;
}

.dataGridPaging {
    background-color: transparent;
    font-family: verdana;
    font-weight: bold;
    font-size: 9pt;
    height: 5px;
}

    .dataGridPaging a {
        color: #7e93a7;
        text-decoration: none;
    }

        a.selectedPageLink, .dataGridPaging a:hover,
        .dataGridPaging span {
            color: #1d1e21;
            text-decoration: none;
        }

td.dataGridHeaderSortedUp, th.dataGridHeaderSortedUp, .dataGridHeaderSortedUp {
    background: url(Images/arrow_blue_up.png) no-repeat right 50%;
    padding-right: 15px;
}

td.dataGridHeaderSortedDown, th.dataGridHeaderSortedDown, .dataGridHeaderSortedDown {
    background: url(Images/arrow_blue_down.png) no-repeat right 50%;
    padding-right: 15px;
}

.topLeftRounded {
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-top-left-radius: 0.5em;
    border-top-left-radius: 0.5em;
}


/* forms
----------------------------------------------------------*/
.sectionHeader {
    display: block;
    padding: 0;
    margin-bottom: 10px;
    color: #333333;
    border: 0;
    font-size: 21px;
    line-height: 40px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.sectionSubHeader {
    display: block;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #333333;
    border: 0;
    font-size: 18px;
    line-height: 30px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* misc
----------------------------------------------------------*/
.close {
    cursor: pointer;
    padding-right: 5px;
    text-decoration: underline;
}


.vsMaster {
    color: Red;
    background-color: Yellow;
    text-align: center;
    font-weight: bold;
    z-index: 1000;
    position: absolute;
    width: 600px;
    margin-left: 240px;
    margin-top: -12px;
    -webkit-box-shadow: -2px 2px 6px 0px #000;
    box-shadow: -2px 2px 6px 0px #000;
    padding: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.divLine {
    background-color: rgb(78,91,115);
    padding-bottom: 5px;
}

#divCautionAlert {
    background-color: #efefef;
    border: 2px solid #bebebe;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
}

.informLabel {
    color: rgb(192, 152, 83);
    display: block;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    background-color: rgb(252, 248, 227);
    border: 1px solid rgb(251, 238, 213);
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 5px;
}

.ReadOnlyFlat {
    display: inline;
    border: solid 1px #c1c6c8;
    background-color: #f9f9f9;
    color: #000033;
    cursor: default;
}

.ReadOnlyFlatNew {
    display: inline;
    border: solid 1px #c1c6c8;
    background-color: #f9f9f9;
    color: #000033;
    cursor: default;
    border-right-width: 0px;
}

.visitorTrackingLegend {
    background-color: #939393;
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

.border-gray {
    border: 1px solid gray;
}

.errormessage {
    color: RED;
    font-weight: bold;
}

.controlsBgdColor {
    background-color: #c0c0c0;
}

.printPrepBorder {
    border-radius: 10px;
    border: 3px solid black;
    margin: 10px;
}

.instructions {
    position: absolute;
    display: none;
    width: 250px;
    overflow: auto;
    border-style: solid;
    border-width: thin;
    height: 220px;
    background-color: white;
    padding: 5px;
    z-index: 100;
}

.keyRingCheckOutBorderBottom {
    border-bottom: 1px solid black;
}

.keyRingCheckOutBorderRight {
    border-right: 1px solid black;
}

.success {
    font-weight: bold;
    color: green;
}

tr.TrespassCautionBoloHighlight {
    /*  ENTDEV-8525 LMK 4.8.2016 */
    background-color: yellow;
    color: black;
}

tr.LateCheckOutHighlight {
    background-color: #ff9966;
    color: black;
}

tr.FrequentVisitor {
    background-color: #d5ed9c;
    color: black;
}

    tr.TrespassCautionBoloHighlight td a,
    tr.TrespassCautionBoloHighlight td a:link,
    tr.TrespassCautionBoloHighlight td a:visited,
    tr.TrespassCautionBoloHighlight td a:hover,
    tr.TrespassCautionBoloHighlight td a:active,
    tr.LateCheckOutHighlight td a,
    tr.LateCheckOutHighlight td a:link,
    tr.LateCheckOutHighlight td a:visited,
    tr.LateCheckOutHighlight td a:hover,
    tr.LateCheckOutHighlight td a:active,
    tr.FrequentVisitor td a,
    tr.FrequentVisitor td a:link,
    tr.FrequentVisitor td a:visited,
    tr.FrequentVisitor td a:hover,
    tr.FrequentVisitor td a:active {
        color: black;
    }


tr td.StatusNew {
    background: white;
}

.dashboardDataGrid tr.dataGridRow:hover td.StatusNew,
.dashboardDataGrid tr.dataGridAlternateRow:hover td.StatusNew,
.dashboardDataGrid tr.dataListRow:hover td.StatusNew,
.dashboardDataGrid tr.dataListAlternateRow:hover td.StatusNew {
    background: #f0f0f0;
}

tr td.StatusInProgress {
    background: #ffff97;
}

.dashboardDataGrid tr.dataGridRow:hover td.StatusInProgress,
.dashboardDataGrid tr.dataGridAlternateRow:hover td.StatusInProgress,
.dashboardDataGrid tr.dataListRow:hover td.StatusInProgress,
.dashboardDataGrid tr.dataListAlternateRow:hover td.StatusInProgress {
    background: #ffff53;
}

tr td.StatusReady {
    background: #a0ffae;
}

.dashboardDataGrid tr.dataGridRow:hover td.StatusReady,
.dashboardDataGrid tr.dataGridAlternateRow:hover td.StatusReady,
.dashboardDataGrid tr.dataListRow:hover td.StatusReady,
.dashboardDataGrid tr.dataListAlternateRow:hover td.StatusReady {
    background: #77FF8B;
}

.entityTrespass {
    background-color: #0fe020;
    color: black;
}

    .entityTrespass a, .entityTrespass a:link, .entityTrespass a:hover, .entityTrespass a:active, .entityTrespass a:visited,
    .entityCaution a, .entityCaution a:link, .entityCaution a:hover, .entityCaution a:active, .entityCaution a:visited {
        color: black;
    }

.entityCaution {
    background-color: red;
    color: black;
}

.radAjaxLoadingPanel {
    background-color: lightblue;
    background: lightblue;
}

#global-application-overlay {
    z-index: 9999999;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255, 0.5);
    top: 0;
    left: 0;
    display: none;
}

.global-application-overlay-spinner-wrapper {
    width: 173px;
    height: 173px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -86px 0 0 -86px;
    background-image: url(Images/loading-spinner.gif);
    background-repeat: no-repeat;
}

.k-filter-menu label {
    margin-right: 15px !important;
}

input[type=radio], input[type=checkbox] {
    margin: 4px 4px 0 0 !important;
}

.k-filter-menu .k-combobox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-timepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-textbox {
    width: 15.8em;
}

#reportDynamicColumnList label {
    color: #2f3745;
    display: block;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 5px;
    cursor: pointer;
}

#gridFilterDisplayer {
    padding: 8px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}

dashboardDataGrid.table {
    background-color: transparent !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-spacing: 0px;
    border-collapse: separate;
    width: 100%;
}

.dataGridHeader td, .dataGridHeader th, .dataGridHeader {
    background-color: transparent !important;
}

.dashboardDataGrid.table > thead > tr > th,
.dashboardDataGrid.table > thead > tr > td,
.dashboardDataGrid.table > tbody > tr > td {
    border: inherit !important;
}

.dashboardDataGrid.table > tbody > tr > td {
    border-top: 1px solid #bebebe !important;
}

.filterDisplayerInput {
    border: 1px solid #ccc;
    background-color: #70809e;
    padding: 10px 3px 10px 8px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    max-height: 300px;
    overflow-y: auto;
    font-family: Helvetica;
    text-align: center;
    color: #fff;
    display: inline-block;
    max-width: 100%;
    float: left;
    margin: 10px;
    line-height: 100%;
}

    .filterDisplayerInput .close {
        float: right;
        margin-left: 5px;
        cursor: pointer;
        font-size: 14px !important;
        text-decoration: none !important;
    }

        .filterDisplayerInput .close:hover, .filterDisplayerInput .close:focus {
            text-shadow: 1px 1px #000000;
        }

.ms-res-ctn {
    min-height: 150px !important;
    max-height: 190px !important;
}

.panel-group {
    margin-bottom: 0px;
}

#searchPagesTemplateWrapper {
    background-color: white;
}

.dynamicColumnsTitle {
    font-weight: bold;
}

#gridDisplayerPanel #toggleIcon {
    font-size: 14px !important;
}

.column-options-title-top {
    border-bottom: 1px dashed #ccc;
}

    .column-options-title-top h3 {
        color: #2f3745;
        margin: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 21px;
    }

.column-options-title {
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
}

    .column-options-title h3 {
        color: #2f3745;
        margin: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 21px;
    }

#gridWrapper {
    background-color: white;
}

.panel-body {
    padding: 0px 15px 0px 15px;
}

span.contact-column-template {
    color: gray;
    font-style: italic;
}

.treeFilter .search-term-clearable,
.treeFilter .search-term-clearable:hover {
    background-color: white;
}
.treeFilter .search-term-clearable {
    background-color: white;
    border-color: #aeaeae;
}
div[data-role=columnselector] #columnsSelectedTreeView,
div[data-role=columnselector] #columnsAvailableTreeView {
    height: 300px !important;
}

div[data-role=columnselector] .k-treeview span.k-in.k-state-hover,
div[data-role=columnselector] .k-treeview span.k-in.k-state-selected {
    cursor: move;
}

div[data-role=columnselector] .treeFilter {
    position: absolute;
    z-index: 1;
    background-color: white;
    width: 60% !important;
    top: auto !important;
    padding: 0 !important;
}

    div[data-role=columnselector] .treeFilter input {
        width: 100% !important;
    }

div[data-role=columnselector] .add-column {
    cursor: pointer;
    margin-right: 5px;
    color: #aeaeae;
}

div[data-role=columnselector] .remove-column {
    cursor: pointer;
    color: #aeaeae;
}

    div[data-role=columnselector] .add-column:hover,
    div[data-role=columnselector] .remove-column:hover {
        color: #fff;
    }

div[data-role=columnselector] .drop-target-holder {
    z-index: 2;
    position: absolute;
    background-color: rgba(204, 204, 204, 0.85);
    top: 0;
    border-radius: 5px;
    min-height: 300px;
}

    div[data-role=columnselector] .drop-target-holder h4 {
        margin-top: 200px;
    }

div[data-role=columnselector] .k-treeview.with-filter {
    margin-top: 50px !important;
}

div[data-role=columnselector] {
    position: relative;
}

    div[data-role=columnselector] .k-in.k-state-hover,
    div[data-role=columnselector] .k-in.k-state-selected.k-state-focused {
        color: #fff !important;
        background-color: #4e5b73 !important;
        border: 1px solid #dbdbde;
        box-shadow: 0 transparent !important;
    }

    div[data-role=columnselector] .k-in.k-state-selected:not(.k-state-focused) {
        color: #000 !important;
    }

span.k-in span.highlight {
    text-decoration: underline;
}

.narrative-auto-save-status span.success {
    color: rgb(107, 107, 107);
}

.narrative-auto-save-status span.inprogress {
    color: rgb(107, 107, 107);
}

.my-selected-state {
    background-color: #4e5b73;
    color: #fff;
}

.unassigned-group-icon {
    color: #4e5b73;
}

.k-grid .star-saved-search {
    color: #4e5b73;
}

.editing-report {
    color: #ffffff;
}

.k-detail-row {
    background-color: #ebebeb !important;
}

.k-footer {
    border-color: #CCC;
}

.k-grid-filter.k-state-active {
    background-color: #cccccc !important;
}

.custom-grid-header-color-when-sorting {
    background-color: #dcdcdc !important;
}

.jumbotron-no-saved-searches-container {
    background-color: #ebebeb;
}

#savedSearches {
    background-color: white;
}

.search-container {
    background-color: white;
}

.form-searches {
    background-color: white;
}

/*
    DASHBOARDS STYLES
*/
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #70809e;
}

.tooltip-inner {
    background-color: #70809e;
}

.dashboard-panel-body ul li.k-state-active > span.k-link {
    background-color: #70809e !important;
    color: white;
}

.application-overlay {
    background-color: rgba(255,255,255, 0.5);
}

.menu-top-right-help-position.hover {
    background: white;
    color: #4e5b73;
}

.menu-top-right-alert-position.hover {
    background: white;
    color: #4e5b73;
}

.menu-top-right-user-notfound.hover {
    background: white;
    color: #4e5b73;
}

.menu-top-right-user-dropdown-hover {
    color: #4e5b73;
    background: #FFF;
}

.menu-top-right-user-name {
    color: #000;
}

.menu-top-right-help-notfound.hover {
    background: white;
    color: #4e5b73;
}

.menu-top-right-help-dropdown-hover {
    color: #4e5b73;
    background: #FFF;
}

.menu-top-right-alert-dropdown-hover {
    color: #4e5b73;
    background: #FFF;
}

.empty-dashboard .jumbotron {
    background: #c1c6c8 !important;
}

    .empty-dashboard .jumbotron h3 {
        color: #4e5b73 !important;
    }

.dashboard-tabs > li > a {
    color: #70809e !important;
    color: rgba(112,128,158, 0.6) !important;
}

#dashboardTabList_ts_active > a {
    color: rgb(112,128,158) !important;
}

.dashboard-container .dashboard-panel-body {
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.dashboard-container .k-radio:checked + .k-radio-label:after {
    background-color: #4e5b73;
}

.dashboard-container .k-checkbox-label:before {
    border-color: #ccc;
    background: #fff;
}

.grid-reviewable-reports .status-new {
    background: transparent;
}

.grid-reviewable-reports .status-inprogress {
    background: #ffff53;
}

.grid-reviewable-reports .status-ready {
    background: #a0ffae;
}

.tr-highlighted {
    background-color: #ff0000;
    background-color: rgba(255, 0, 0, 0.35);
}

.td-highlighted {
    color: #ff0000;
}

.manage-dashboards-list-sort-hint {
    background-color: #8E8E8E;
    color: white;
}

.dashboard-tabs li.k-state-active span.k-link {
    border-bottom-color: #4e5b73;
}

.dashboard-tabs li span.k-complete {
    background: white !important;
}

.dashboard-tabs li.k-state-hover a {
    background: #c1c6c8 !important;
    color: red;
}

.dashboard-container .k-tabstrip-items .k-state-default .k-link,
.dashboard-container .k-panelbar > li.k-state-default > .k-link {
    color: #ffffff;
    background: #70809e;
}

.dashboard-menu-add .editing {
    background-color: #fff;
    border-color: rgb(78,91,115);
}

    .dashboard-menu-add .editing button,
    .dashboard-menu-add .editing input[type="text"] {
        background-color: #fff;
    }

.dashboard-tabs li.k-state-active a {
    border-bottom-color: #70809e !important;
}

.dashboard-panel-header {
    background-color: rgb(78,91,115);
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 1px black;
}

.dashboard-panel {
    background-color: grey;
}

.subMenuItemSelected {
    background: #7e93a7;
    background: -moz-linear-gradient(left, #7e93a7 0%, #4e5b73 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7e93a7), color-stop(100%,#4e5b73));
    background: -webkit-linear-gradient(left, #7e93a7 0%,#4e5b73 100%);
    background: -o-linear-gradient(left, #7e93a7 0%,#4e5b73 100%);
    background: -ms-linear-gradient(left, #7e93a7 0%,#4e5b73 100%);
    background: linear-gradient(to right, #7e93a7 0%,#4e5b73 100%);
    border-top: 1px solid #7e93a7;
    border-right: solid 1px #4e5b73;
    border-bottom: solid 1px #000000;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8);
}

.dashboard-panel-body .humanmessage {
    color: rgb(78,91,115);
}

.menu-top-right-help-user span:hover {
    background-color: #c1c6c8;
}

.menu-top-right-help-user span {
    color: rgb(78,91,115);
}

.menu-top-right-help-user {
    box-shadow: 1px 2px 1px 0 black;
}

.menu-top-right-alert-user li:hover {
    background-color: #c1c6c8;
}

.menu-top-right-alert-user li {
    color: rgb(78,91,115);
}

.menu-top-right-alert-user {
    box-shadow: 1px 2px 1px 0 black;
}

.menu-top-right-user-name span:hover {
    background-color: #c1c6c8;
}

.menu-top-right-user-name span {
    color: rgb(78,91,115);
}

.menu-top-right-user-name {
    box-shadow: 1px 2px 1px 0 black;
}

.dashboard-panel-body .k-tabstrip-items .k-state-default .k-link,
.dashboard-panel-body .k-panelbar > li.k-state-default > .k-link {
    color: white;
}

.dashboard-panel-body .k-tabstrip-items .k-state-default,
.dashboard-panel-body .k-ie7 .k-tabstrip-items .k-state-default .k-loading {
    border-color: rgb(204, 204, 204);
}

.jumbotron.dashboard-no-panel-added span {
    color: #4e5b73;
}

.tabbed-panel-inner-overlay {
    background-color: #c1c6c8;
}

/*
    END OF DASHBOARDS STYLES
*/


.tooltip.right .tooltip-arrow {
    border-right-color: #70809e;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #70809e;
}

#custom-fields-wrapper {
    width: 96.5%;
    display: block;
    max-height: 87.1%;
    overflow-x: hidden;
    border-width: 0;
    background: 0 0;
    overflow-y: auto;
    white-space: nowrap;
    padding: 0.6em;
}

.k-custom-footer {
    background-image: url('../textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-color: #f3f3f4;
    background-position: 50% 50%;
    background-repeat: repeat, repeat;
    border-color: #dbdbde;
    color: #515967;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    white-space: nowrap;
    min-height: 16px;
    width: 94%;
    border-top-style: solid;
    border-top-width: 1px;
    padding: .4em 0;
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    bottom: 0;
    left: 0;
}

.k-widget.k-tooltip {
    border-color: #404b5e !important;
    background-color: #404b5e !important;
    color: #fff;
}

.ms-ctn .ms-sel-item {
    font-size: 14px !important;
    padding: 3px 3px !important;
    color: #4F4F4F !important;
}

.email-system-error-message {
    margin-top: 3px;
    color: rgb(204, 0, 0);
    display: none;
    margin-top: -10px;
    padding: 5px 0;
}

.email-system-container .ms-ctn.form-control {
    margin-bottom: 15px;
}

div[id$=_userEmailsTo] {
    height: auto !important;
}

div[id$=_nonUserEmailsTo] .ms-res-ctn.dropdown-menu {
    display: none !important;
}

.email-system-additional-message {
    width: 100%;
    height: 90px !important;
}

.email-system-subject {
    width: 100% !important;
}

.user-without-email {
    color: #d9534f;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #70809e;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(112,128,158,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(112,128,158,.6)
    }


.k-window-titlebar {
    background-color: #4e5b73;
    color: white;
	border: 1px solid white;
}
/*******Twitter*******/

#newsLoading {
    margin-top: 40%;
    display: block;
    position: absolute;
    left: 45%;
}

.twitter-container {
    max-width: 100%;
    box-shadow: 0 0 5px #394354 !important;
    overflow: auto;
    height: 584px;
}

#twitter-news-header-wrapper {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    max-width: 100%;
    box-shadow: 0 0 5px #426fc5;
}

    #twitter-news-header-wrapper h1 {
        font-size: 18px;
        text-align: center;
        line-height: 30px;
    }

.qa-message-list {
    padding-top: 20px;
}

.message-item {
    margin-bottom: 25px;
    /*margin-left: 40px;*/
    position: relative;
}

    .message-item .message-inner {
        border: 1px solid #394354;
        border-radius: 3px;
        padding: 10px;
        position: relative;
    }

        .message-item .message-inner:before {
            border-right: 10px solid #ddd;
            border-style: solid;
            border-width: 10px;
            color: rgba(0,0,0,0);
            /*content: "";*/
            display: block;
            height: 0;
            position: absolute;
            left: -20px;
            top: 6px;
            width: 0;
        }

        .message-item .message-inner:after {
            border-right: 10px solid #fff;
            border-style: solid;
            border-width: 10px;
            color: rgba(0,0,0,0);
            /*content: "";*/
            display: block;
            height: 0;
            position: absolute;
            left: -18px;
            top: 6px;
            width: 0;
        }

    .message-item:before {
        /*background: #fff;
        border-radius: 2px;
        bottom: -30px;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        width: 3px;*/
    }

    .message-item:after {
        /*background: #fff;
        border: 2px solid #ccc;
        border-radius: 50%;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        content: "";
        height: 15px;
        left: -36px;
        position: absolute;
        top: 10px;
        width: 15px;*/
    }

    .message-item .message-inner .qa-message-content a {
        color: #00ADEE;
        text-decoration: none;
    }

        .message-item .message-inner .qa-message-content a:hover {
            text-decoration: underline;
        }

.qa-message-who-data a {
    color: #657786;
    text-decoration: none;
}

    .qa-message-who-data a:hover {
        color: #00ADEE;
        text-decoration: underline;
    }

.message-item .message-head .avatar {
    margin-right: 20px;
}

.message-item .message-head .user-detail {
    overflow: hidden;
}

    .message-item .message-head .user-detail h5 {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

.message-item .message-head .post-meta {
    float: left;
    padding: 0 15px 0 0;
}

    .message-item .message-head .post-meta > div {
        color: #333;
        font-weight: bold;
        text-align: right;
    }

.post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}

.message-item .message-head .post-meta > div {
    color: #333;
    font-weight: bold;
    text-align: right;
}

.post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}

.adaptiveMedia-photoContainer img {
    height: 100%;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1201px) {
    #twitter-news {
        width: 315px;
        max-width: 315px;
    }
}

@media (min-width: 1201px) and (max-width: 1300px) {
    #twitter-news {
        width: 480px;
        max-width: 480px;
        margin-left: 40px;
    }
}

@media (min-width: 1301px) {
    #twitter-news {
        width: 600px;
        max-width: 600px;
    }
}


@media (min-width: 1701px) {
    #twitter-news {
        width: 700px;
        max-width: 700px;
    }
}


/******End Twitter*******/

#NibrsDataTabStrip .k-tabstrip-items .k-item {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#6d6e71));
    background-image: -webkit-linear-gradient(top, #bbb, #6d6e71);
    background-image: -moz-linear-gradient(top, #bbb, #6d6e71);
    background-image: -ms-linear-gradient(top, #bbb, #6d6e71);
    background-image: -o-linear-gradient(top, #bbb, #6d6e71);
    background-image: linear-gradient(to bottom, #bbb, #6d6e71);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#6d6e71',GradientType=0 );
}

    #NibrsDataTabStrip .k-tabstrip-items .k-item.k-state-active {
        background: #fff;
        text-shadow: none;
        color: #000 !important;
    }

#NibrsDataTabStrip .k-tabstrip-items .k-link {
    color: inherit !important;
}

div[role='tooltip'].k-tooltip div.k-callout {
    border-top-color: #000000 !important;
}

.narrow-unread-notification {
    border-left-color: #7E93A7 !important;
    border-left-width: 6px !important;
    text-overflow: clip !important;
}

.inative-field {
    clear: left;
}

.clear-left {
    clear: left !important;
}

.clear-both {
    clear: both !important;
}

.badge {
    color: #fff !important;
}
span.k-link {
    color: #fff
}
.k-pager-wrap .k-link.k-state-selected, .k-pager-wrap .k-link.k-state-selected:hover {
    color: #fff !important;
    background-color: #4e5b73 !important;
    border-color: #4e5b73 !important;
}

.k-window-titlebar {
    background-color: #4e5b73 !important;
    color: #fff !important;
}