/*!
 * FullCalendar v2.4.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

body .fc {
    font-size: 1em
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header {
        background: #eee
    }

        .fc-unthemed .fc-popover .fc-header .fc-close {
            color: #666
        }

.fc-unthemed .fc-today {
    background: #fcf8e3
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New",Courier,monospace;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .fc-icon:after {
        position: relative;
        margin: 0 -1em
    }

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
    left: 3%
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
    left: -3%
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
    left: -2%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
    left: 2%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer
}

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0
    }

.fc-state-default {
    border: 1px solid
}

    .fc-state-default.fc-corner-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .fc-state-default.fc-corner-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,.15)
}

    .fc-popover .fc-header {
        padding: 2px 4px
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px
        }

        .fc-popover .fc-header .fc-close {
            cursor: pointer
        }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px
    }

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-clear {
    clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-bg {
    bottom: 0
}

    .fc-bg table {
        height: 100%
    }

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc th {
    text-align: center
}

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

    .fc td.fc-today {
        border-style: double
    }

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

    .fc-row .fc-bg {
        z-index: 1
    }

    .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
        bottom: 0
    }

        .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
            height: 100%
        }

        .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
            border-color: transparent
        }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3
    }

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5
    }

        .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
            background: 0 0;
            border-color: transparent;
            border-bottom: 0
        }

        .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
            border-top: 0
        }

.fc-scroller {
    overflow-y: scroll;
    overflow-x: hidden
}

    .fc-scroller > * {
        position: relative;
        width: 100%;
        overflow: hidden
    }

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
    font-weight: 400
}

    .fc-event, .fc-event:hover, .ui-widget .fc-event {
        color: #fff;
        text-decoration: none
    }

        .fc-event.fc-draggable, .fc-event[href] {
            cursor: pointer
        }

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25)
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-h-event .fc-resizer {
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: 5px
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-ltr .fc-h-event .fc-start-resizer:after, .fc-ltr .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-end-resizer:before {
    right: auto;
    cursor: w-resize
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer:before {
    left: auto;
    cursor: e-resize
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

    .fc-day-grid-event .fc-content {
        white-space: nowrap;
        overflow: hidden
    }

    .fc-day-grid-event .fc-time {
        font-weight: 700
    }

    .fc-day-grid-event .fc-resizer {
        left: -3px;
        right: -3px;
        width: 7px
    }

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

    a.fc-more:hover {
        text-decoration: underline
    }

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

    .fc-more-popover .fc-event-container {
        padding: 10px
    }

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em
}

    .fc-toolbar .fc-left {
        float: left
    }

    .fc-toolbar .fc-right {
        float: right
    }

    .fc-toolbar .fc-center {
        display: inline-block
    }

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid {
    overflow: hidden
}

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 0 2px
}

.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    padding-top: 2px;
    padding-bottom: 2px
}

.fc-basic-view .fc-week-number {
    text-align: center
}

    .fc-basic-view .fc-week-number span {
        display: inline-block;
        min-width: 1.25em
    }

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left
}

.fc-day-number.fc-other-month {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-top: 1px;
            padding-bottom: 1em
        }

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

    .fc-time-grid table {
        border: 0 hidden transparent
    }

    .fc-time-grid > .fc-bg {
        z-index: 1
    }

    .fc-time-grid .fc-slats, .fc-time-grid > hr {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-bgevent-skeleton {
        z-index: 3
    }

    .fc-time-grid .fc-highlight-skeleton {
        z-index: 4
    }

    .fc-time-grid .fc-content-skeleton {
        z-index: 5
    }

    .fc-time-grid .fc-helper-skeleton {
        z-index: 6
    }

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted
    }

    .fc-time-grid .fc-slats .ui-widget-content {
        background: 0 0
    }

    .fc-time-grid .fc-highlight-container {
        position: relative
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-bgevent-container, .fc-time-grid .fc-event-container {
        position: relative
    }

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event {
    overflow: hidden
}

    .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
        padding: 0 1px
    }

    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap
    }

    .fc-time-grid-event.fc-short .fc-content {
        white-space: nowrap
    }

    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
        display: inline-block;
        vertical-align: top
    }

        .fc-time-grid-event.fc-short .fc-time span {
            display: none
        }

        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start)
        }

        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\000A0-\000A0"
        }

    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        padding: 0
    }

    .fc-time-grid-event .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize
    }

        .fc-time-grid-event .fc-resizer:after {
            content: "="
        }


#divUsersContent .LeftColumn {
    width: 60%;
    min-width: 530px;
    float: left;
}

#divUsersContent .FormFields {
    padding-bottom: 0;
    padding-top: 0;
}

    #divUsersContent .FormFields .label {
        /*width: 215px;*/
    }

#divUsersContent #divMBUserData {
    margin-top: -15px;
}

#divUsersContent #Buttons input {
    float: right;
    margin-left: 10px;
}

#divUsersContent .RightColumn {
    width: 40%;
    float: left;
}

    #divUsersContent .RightColumn #Permissions {
    }

        #divUsersContent .RightColumn #Permissions .Header {
            cursor: pointer;
        }

            #divUsersContent .RightColumn #Permissions .Header .ui-icon {
                float: right;
                margin-right: 5px;
                margin-top: 2px;
            }

    #divUsersContent .RightColumn .Groups {
        padding-bottom: 20px;
    }

        #divUsersContent .RightColumn .Groups .Group {
            width: 100%;
            position: relative;
        }

        #divUsersContent .RightColumn .Groups .checkbox {
            position: absolute;
            right: 52px;
        }


    #divUsersContent .RightColumn .PreferenceRow {
        float: left;
        width: 100%;
        position: relative;
    }

        #divUsersContent .RightColumn .PreferenceRow > b,
        #divUsersContent .RightColumn .PreferenceRow > label,
        #divUsersContent .RightColumn .PreferenceRow > span {
            margin-left: 2%;
            float: left;
        }

        #divUsersContent .RightColumn .PreferenceRow > b {
            width: 20%;
        }

        #divUsersContent .RightColumn .PreferenceRow > label {
            width: 50%;
            text-align: right;
        }

        #divUsersContent .RightColumn .PreferenceRow > span {
            position: absolute;
            right: 50px;
        }

#divUsersContent #Buttons {
    width: 510px;
    float: left;
    margin-bottom: 20px;
}


.mydistHistory {
     width: 100%;    
}

       .mydistHistory .FileName {
    float: left;
    max-width: 190px;
    width: 100%;
}
    #DistributionGroups .inError {
        border: 2px solid #ea4c88;
        box-shadow: 0 0 8px #ff85b3;
    }


.mydistHistory .RecipientName {
    float: left;
    max-width: 150px;
    width: 30%;
}


.mydistHistory .DownloadCount {
    float: left;
    max-width: 156px;
    width: 20%;
}

.mydistHistory .TimeStamp {
    float: left;
    width: 38%;
}


/* Teams */

.UserGroups {
    padding-top: 20px;
    float: left;
    clear: both;
    width: 100%;
    height: 100%;
}

.UserGroups .NoGroups .ui-state-highlight {
    width: 310px;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px dashed #CCC;
    float: left;
    clear: both;
}

.UserGroups {
        flex-flow: row wrap;
        display:flex;
        padding-top: 20px;
        /*float: left;*/
        clear: both;
        width: 100%;
        overflow: visible !important;
    }

        .UserGroups .Group {
            border: 2px solid #dddddd;
            margin: 0 20px 20px 0;
            width: 15%;
            min-width:240px;
            float: left;
            background-color: white;
        }

            .UserGroups .Group .Title {
                background-color: #F8F8F8;
                color: #666666;
                font-weight: bold;
                height: 15px;
                padding: 5px 10px 13px;
            }

                .UserGroups .Group .Title input {
                    border: 2px solid transparent;
                    background-color: transparent;
                    margin: -4px 0 0 -8px;
                    width: 200px;
                    font-weight: bold;
                }

                    .UserGroups .Group .Title input:hover,
                    .UserGroups .Group .Title input:focus {
                        border: 2px solid #CCC;
                        background-color: white;
                    }

            .UserGroups .Group .Titles {
                background-color: #F8F8F8;
                font-size: 10px;
            }

            .UserGroups .Group .Titles .CanReassign {
                float: left;
                margin-left: 40%;
            }

            .UserGroups .Group .Add {
                float: left;
                margin: 5px;
            }

                .UserGroups .Group .Title > .Delete {
                    float: right;
                    display: none;
                    cursor: pointer;
                }

                .UserGroups .Group .Title:hover > .Delete {
                    display: inline;
                }

            .UserGroups .Group .User {
                border-bottom: 1px dashed #EEEEEE;
                color: #444444;
                float: left;
                height: 12px;
                padding: 7px 5% 13px;
                width: 90%;
            }
                
                .UserGroups .Group .User .Name {
                    float: left;
                    width: 75%;
                }

                .UserGroups .Group .User .CanReassign {
                    float: left;
                }

                .UserGroups .Group .User .Delete {
                    float: right;
                    visibility: hidden;
                    cursor: pointer;
                }
                .UserGroups .Group .User:hover .Delete {
                    visibility: visible;
                }

    .UserGroupsActions {
        clear: both;
        float: left;
        margin-top: 20px;
    }

    .UserGroupsActions .Action {
        max-width: 120px;
        height: 20px;
        cursor: pointer;
    }

    .UserGroupsActions .Action span {
        float: left;
        margin-right: 10px;
    }

    /* new MVC login screen */
    .loginScreen {
        background-size: cover;
        background-color: black;
        padding: 0px;
        margin: 0px;
    }

       .loginScreen .ui-gradbox {
            background-color: rgba(0, 0, 0, 0.8);
            background-image: none;
            border: 0px;
        }

        .loginScreen .ui-gradbox .btb-link-container {
            position:absolute;
            bottom:0;
            padding:inherit
        }

        .loginScreen .ui-gradbox .btb-link {
            color:white;
            text-align:center;
        }

        .loginScreen #butForgot {
            color: white;
        }

        .loginScreen #uxContent_logInText {
            color: white;
        }

        .loginScreen .fatButton {
            padding:7px;
            padding-left:12px;
            padding-right:12px;
            font-size:13px;
        }

        .loginScreen #divWelcome {
              min-height: 35px;
              margin-bottom:30px;
         }
        .loginScreen #divWelcome .MarcaDiv {
            color: white;
        }
            .loginScreen #divWelcome .MarcaDiv h1 {
                font-size: 30px;
                color: white;
            }
        .loginScreen #LoginBox {
            box-sizing: border-box;
            padding: 30px;
            width: 350px;
            height: 100%;
        }
            .loginScreen #LoginBox .regularSplitter {
                display:block;
                box-sizing: border-box;
                border-top: 1px dotted grey;
                height: 20px;
                margin-top: 20px;
            }
        .loginScreen #LoginBox .orSplitter {
            box-sizing: border-box;
            text-align:center;
            height:30px;
            margin-top:20px;
        }
            .loginScreen #LoginBox .orSplitter .left {
                width: 40%;
                box-sizing: border-box;
                float: left;
                margin-top: 11px;
                border-top: 1px dotted grey;
            }
            .loginScreen #LoginBox .orSplitter .center {
                width: 20%;
                font-size: 20px;
                float: left;
                color: white;
                box-sizing: border-box;
                height: 30px;
            }
            .loginScreen #LoginBox .orSplitter .right {
                width: 40%;
                box-sizing: border-box;
                float: left;
                border-top: 1px dotted grey;
                margin-top: 11px;
            }


        .loginScreen #LoginDetails {
            width: 184px;
            margin-top:10px;
            margin:auto;
        }

            /*full screen login page*/
         #FullscreenLoginSideBox {
            width: 126px;
            float: right;
            margin-top: 10px;
            color: white;
            min-height: 150px;
        }
        
        #FullscreenLoginSideBox a {
            color: white;
            line-height: 18pt;
            display: block;
        }
        #fullscreenLoginLowerContent {
            clear: both;
            padding-top: 20px;
        }

        #divAlert {
            margin-top: 20px;
        }
        #FullscreenWrapper > div {
            background-color: #333;
            height: 100%;
            width: 100%;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -11;
            background-size: cover;
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
            overflow: hidden;
        }

            #FullscreenWrapper div.Effect1 {
                -webkit-animation: FullscreenEffect1 20s infinite ease-in-out;
                -moz-animation: FullscreenEffect1 20s infinite ease-in-out;
                -o-animation: FullscreenEffect1 20s infinite ease-in-out;
                animation: FullscreenEffect1 20s infinite ease-in-out;
            }
            /* Always start all effects at scale(1.1) */
            @-webkit-keyframes FullscreenEffect1 {
                0% { -webkit-transform: scale(1.1); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); }
            }
            @-moz-keyframes FullscreenEffect1 {
                0% { -moz-transform: scale(1.1) } 50%  { -moz-transform: scale(1); } 100% { -moz-transform: scale(1.1); }
            }
            @-o-keyframes FullscreenEffect1 {
                0% { -o-transform: scale(1.1); } 50% { -o-transform: scale(1); } 100% { -o-transform: scale(1.1); }
            }
            @keyframes FullscreenEffect1 {
                0% { transform: scale(1.1); } 50% { transform: scale(1); } 100% { transform: scale(1.1); }
            }

            #FullscreenWrapper div.Effect2 {
                -webkit-animation: FullscreenEffect2 20s infinite ease-in-out;
                -moz-animation: FullscreenEffect2 20s infinite ease-in-out;
                -o-animation: FullscreenEffect2 20s infinite ease-in-out;
                animation: FullscreenEffect2 20s infinite ease-in-out;
            }

            @-webkit-keyframes FullscreenEffect2 {
                0% { -webkit-transform: scale(1.1) translateX(0px); } 50% { -webkit-transform: scale(1.1) translateX(20px); } 100% { -webkit-transform: scale(1.1) translateX(0px); }
            }
            @-moz-keyframes FullscreenEffect2 {
                0% { -moz-transform: scale(1.1) translateX(0px); } 50% { -moz-transform: scale(1.1) translateX(20px); } 100% { -moz-transform: scale(1.1) translateX(0px); }
            }
            @-o-keyframes FullscreenEffect2 {
                0% { -o-transform: scale(1.1) translateX(0px); } 50% { -o-transform: scale(1.1) translateX(20px); } 100% { -o-transform: scale(1.1) translateX(0px); }
            }
            @keyframes FullscreenEffect2 {
                0% { transform: scale(1.1) translateX(0px); } 50% { transform: scale(1.1) translateX(20px); } 100% { transform: scale(1.1) translateX(0px); }
            }

            #FullscreenWrapper div.hidden { opacity: 0; }
            #FullscreenWrapper div.nothidden { opacity: 1; }
            #FullscreenWrapper div.fadeOut { opacity: 0 !important; z-index: -11 }
            #FullscreenWrapper div.fadeIn { opacity: 1 !important; z-index: -10 }

        #fullscreenLoginLowerContent {
            display: none;
        }

        
#LoginBox
{
	width: 166px;
    border: 1px solid transparent;
    padding: 20px;
}


    #LoginBox.loading {
        -webkit-animation: loginLoading 300ms infinite alternate;
        -moz-animation: loginLoading 300ms infinite alternate;
        -o-animation: loginLoading 300ms infinite alternate;
        animation: loginLoading 300ms infinite alternate;        
        animation-timing-function: ease-in;
    }
    @-webkit-keyframes loginLoading { 0% { border: 1px solid transparent; } 100% { border: 1px solid #6CCFFF; box-shadow: 0 0 12px #6CCFFF; -moz-box-shadow: 0 0 12px #6CCFFF; -webkit-box-shadow: 0 0 12px #6CCFFF; } }
    @-moz-keyframes loginLoading { 0% { border: 1px solid transparent; } 100% { border: 1px solid #6CCFFF; box-shadow: 0 0 12px #6CCFFF; -moz-box-shadow: 0 0 12px #6CCFFF; -webkit-box-shadow: 0 0 12px #6CCFFF; } }
    @-ms-keyframes loginLoading { 0% { border: 1px solid transparent; } 100% { border: 1px solid #6CCFFF; box-shadow: 0 0 12px #6CCFFF; -moz-box-shadow: 0 0 12px #6CCFFF; -webkit-box-shadow: 0 0 12px #6CCFFF; } }
    @-o-keyframes loginLoading { 0% { border: 1px solid transparent; } 100% { border: 1px solid #6CCFFF; box-shadow: 0 0 12px #6CCFFF; -moz-box-shadow: 0 0 12px #6CCFFF; -webkit-box-shadow: 0 0 12px #6CCFFF; } }
    @keyframes loginLoading { 0% { border: 1px solid transparent; } 100% { border: 1px solid #6CCFFF; box-shadow: 0 0 12px #6CCFFF; -moz-box-shadow: 0 0 12px #6CCFFF; -webkit-box-shadow: 0 0 12px #6CCFFF; } }

#LoginBox form {
    height: auto !important;
}
#LoginBox .divLogin .icon,
#LoginBox .divPassword .icon {
    width: 28px;
    float: left;
    font-size: 20px;
    margin-top: 12px;
    display: inline-block;
    color: #ddd;
}

	#LoginBox .divPassword
	{
		margin-bottom: 5px;
		float: left;
	}

	#LoginBox .divLogin input, .divPassword input
	{
		width: 166px;
	}
        #LoginBox #divRegister a {
            margin-top:5px;
            display: block;
            color: white;
            text-align: center;
        }

#LoginBox #aHelpHavingTrouble,
#LoginBox #aGettingStarted,
#LoginBox #aHelpNeedAccess
{
    display: block;
    color: white;
    text-align: center;
    margin-top:5px;
}
    #LoginBox .divLogin input {
        padding: 2px 7px 0 7px;
    }

    #LoginBox #butLogin {
        float:right;
        margin-right:0;
    }

    #LoginBox #butSSOLogin {
        display:block;
        margin:auto;
    }

#LoginBox .divPassword input {
    padding: 2px 7px 0 7px;
}


	#LoginBox .divButtons input
	{
		font-size: 13px;
		float: left;
		padding: 4px 8px;
		cursor: pointer;
	}

	#LoginBox .divButtons #divLoading
	{
		float: left;
		margin-top: 11px;
		margin-left: 5px;
	}

    #LoginBox #butForgot {
        margin-top: 10px;
        float: left;
    }

    #LoginBox .Hidden {
        display: none;
    }

    #LoginBox .maintenanceWarning {
        padding: 10px;
        color: white;
        text-align: center;
    }
        #LoginBox .maintenanceWarning .fa {
            font-size: 42px;
            padding: 0 0 20px 0
        }

    #LoginBox .maintenanceBottomSpacer {
    border-bottom: 1px dotted #a3a3a3;
    height: 1px;
    margin: 10px 0 10px 0;
}

        #ExtraBox {
            margin-bottom: 10px;
            width: 166px;
        }

	#ExtraBox .ExtraText
	{
        font-size: 11px;
		float: left;
		margin-bottom: 5px;
		margin-top: 20px;
	}