#loginHeader,
#waitingHeader {
    padding-left: 22px;
}

.loginHeaderVersion {
    left: 320px;
}

/* input,*/
input[type=text]:not(.form-control),
input[type=password]:not(.form-control) {
    border: 0.1em solid #AAAAAA;
}

.dialogError.ui-widget-content {
    border: 1px solid #cc0000;
    background: #ffffff;
    color: #333333;
}

    .dialogError.ui-widget-content a {
        color: #333333;
    }

.dialogError .ui-widget-header {
    border: 1px solid #e3a1a1;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
}

    .dialogError .ui-widget-header a {
        color: #ffffff;
    }

.dialogError .ui-button:hover,
.dialogError .ui-button:focus {
    background: #dc3545;
    border: 1px solid #dc3545;
}

    .dialogError .ui-button:focus:hover {
        background: #cc0000;
        border: 1px solid #cc0000;
    }

.dialogSuccess.ui-widget-content {
    border: 1px solid #189e15;
    background: #ffffff;
    color: #333333;
}

    .dialogSuccess.ui-widget-content a {
        color: #333333;
    }

.dialogSuccess .ui-button:hover,
.dialogSuccess .ui-button:focus {
    background: #28a745;
    border: 1px solid #28a745;
}

    .dialogSuccess .ui-button:focus:hover {
        background: #189e15;
        border: 1px solid #189e15;
    }

.dialogSuccess .ui-widget-header {
    border: 1px solid #d0eccb;
    background: #189e15;
    color: #ffffff;
    font-weight: bold;
}

    .dialogSuccess .ui-widget-header a {
        color: #ffffff;
    }

.waitLoadingDiv {
    box-shadow: 3px 3px 12px #000;
    -moz-box-shadow: 3px 3px 12px #000;
    -webkit-box-shadow: 3px 3px 12px #000;
}

#managerPanelContent {
    max-width: 800px;
    min-width: 700px;
    padding: 0 10px 0 0;
    max-height: 600px;
    margin-bottom: 7px;
}

.managerContent,
#managerContentHistory,
#managerContentLibrary,
#managerContentHelp,
#managerContentLicenses,
#managerContentOptions,
#managerContentHistory #managerContentNotifications {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
}

    .managerContent > div.viewPanelSide {
        background-color: #f9f9f9;
        border-right: 3px solid #CCCCCC;
        position: relative;
        height: 100%;
        width: 327px;
        float: left;
    }

    .managerContent > div.viewContent {
        position: relative;
        height: 100%;
        overflow: auto;
    }

    .managerContent:after {
        content: '';
        display: block;
        clear: both;
    }


.viewPanelSideContent {
    color: #262626;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px;
    padding-right: 25px;
    padding-top: 6px;
    text-align: right;
}

.viewPanelSide ul {
    font-size: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: right;
}

    .viewPanelSide ul li a {
        color: #262626;
        cursor: pointer;
        padding-bottom: 5px;
        padding-right: 50px;
        padding-top: 5px;
        display: block;
        border-bottom: 1px solid #f9f9f9;
        border-top: 1px solid #f9f9f9;
    }

        .viewPanelSide ul li a:hover {
            background-color: #eeeeee;
            border-color: #eeeeee;
        }

        .viewPanelSide ul li a.optionSelected {
            background-color: #DDDDDD;
            border-color: #CCCCCC;
            color: #262626;
            cursor: pointer;
            padding-bottom: 5px;
            padding-right: 50px;
            padding-top: 5px;
        }

/* Header */
#managerOptions {
    cursor: pointer;
    background: url("../images/views.png") no-repeat scroll 50% 50%;
    background-position: right;
}

    #managerOptions.managerOptionsHide:hover {
        opacity: 1;
        -moz-opacity: 1;
    }

    #managerOptions.managerOptionsHide {
        opacity: 0.4;
        -moz-opacity: 0.4;
    }

#panelAgents {
    height: 75%;
    position: fixed;
    right: 0;
    top: 131px;
    width: 1%;
}

#extendPanelAgents {
    background: none repeat scroll 0 0 #555555;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    float: left;
    height: 100px;
    position: relative;
    top: 40%;
    width: 16px;
}

#lstAgentsHead, #tasksQueueHead {
    background-color: rgb(34, 34, 34);
    right: 0pt;
    display: block;
    height: 25px;
    font-family: tahoma;
    font-weight: bold;
    padding: 10px 0pt 0pt 20px;
    width: 880px;
}

#listingAgents, #tasksQueue {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #222222;
    height: 100%;
    position: absolute;
    right: 0;
    width: 99%;
    display: none;
}

#groupsList {
    border-right: 3px solid #CCCCCC;
    bottom: 0;
    float: left;
    height: 100%;
    padding-left: 10px;
    position: absolute;
    top: 0;
    width: 200px;
    min-width: 200px;
}

#TreeAutoRefreshLabel {
    font-weight: bold;
}

#TreeAutoRefreshCb {
    position: relative;
    top: 2px;
}

#TreeAutoRefreshContainer {
    border-top: 1px solid #CCCCCC;
    text-align: center;
    padding: 0px 12px;
    cursor: pointer;
}


#agentsTreeview, #tasksQueueTreeview {
    background-color: #EEEEEE;
    bottom: 60px;
    overflow: auto;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 10px;
}

#agentsTreeview {
    padding-left: 0;
    overflow-x: auto;
    min-width: 270px;
}

#agentsList {
    background-color: #CCCCCC;
    display: block;
    width: 100%;
    height: 100%;
}

@media (min-height:550px) {
    #pnlDevicesList {
        display: block;
        width: 100%;
        height: 60%;
    }

    #pnlTasksView {
        display: block;
        width: 100%;
        height: calc(40% - 3px);
        border-top: 3px solid #CCCCCC !important;
    }
}

@media (max-height:550px) {
    #pnlDevicesList {
        display: block;
        width: 100%;
        height: 100%;
    }

    #pnlTasksView {
        display: none;
    }
}


#managerTaskQueuePanel {
    height: 100%;
}

#tasksQueueTreeview {
    float: left;
    height: 93%;
    width: 270px;
}


#tvAgents, #tvTasksQueue {
    padding-top: 10px;
    width: 100%;
}

#tvTasksQueue, #tvTasksQueueScheduled, #tvTasksQueueNotScheduled {
    background-color: #e4e2df;
    width: 290px;
    border-right: 1px solid #555555;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    position: absolute;
    top: 0;
    overflow-y: auto;
}

#panelTaskDetails, #panelTaskDetailsScheduled, #panelTaskDetailsNotScheduled {
    background-color: #FFFFFF;
    bottom: 0;
    left: 301px;
    position: absolute;
    right: 201px;
    top: 0;
    overflow-y: auto;
}

#divFilter {
    height: 25px;
    padding: 5px 15px;
    display: none;
}

#tableAgentsListing {
    border-top: 1px solid #EEEEEE;
    bottom: 0;
    left: 1px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 40px;
}

#lstAgents, #lstTaskDetails, #lstCommandDetails {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

#lstAgents {
    height: 100%;
}

#gbox_devicesList {
    position: relative;
}

#gview_devicesList {
    height: 100%;
}

    #gview_devicesList > .ui-jqgrid-bdiv {
        bottom: 26px;
        position: absolute;
    }

#managerPublishRecurrentFieldSet {
    width: 450px;
    padding-bottom: 1px;
    height: auto;
    margin-bottom: 1em;
}

#delayedPublish,
#publishWakeOnLan {
    margin-left: 15px;
}

#PublishTaskContentLeft {
    display: table;
}


.publishDialog.ui-dialog .ui-dialog-buttonpane {
    margin: 0px;
    padding: 0px;
}

#formManagerHistory1 {
    position: inherit;
}

.lstAgentsHover.lstAgentsSelect,
.lstAgentsSelect {
    background-color: #FFFFCC;
}

.lstAgentsHover {
    background-color: #e4e2df;
}

.lstAgentHelper {
    border: 1px solid #666666;
    background-color: #e4e2df;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
}

.write-filter-enabled, .write-filter-disabled, .write-filter-notAvailable, .manager-online, .maintenance-mode-enabled, .maintenance-mode-disabled, .agent-in-incident, .agent-no-incident {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center center;
}


.recurrent-status-paused, .recurrent-status-inprogress, .recurrent-status-completed {
    display: inline-block;
    height: 13px;
    width: 16px;
    margin-left: 10px;
}

.recurrent-status-paused {
    background-image: url("../images/icon-recurrent-paused.gif");
}

.recurrent-status-inprogress {
    background-image: url("../images/icon-recurrent-inprogress.gif");
}

.recurrent-status-completed {
    background-image: url("../images/icon-recurrent-completed.gif");
}

.write-filter-enabled {
    background-image: url("../images/filter_on.png");
}

.write-filter-notAvailable {
    background-image: url("../images/no_filter.png");
}

.maintenance-mode-enabled {
    background-image: url("../images/maintenance_on_16.png");
}

.maintenance-mode-disabled {
    background-image: url("../images/maintenance_off_16.png");
}

.write-filter-disabled {
    background-image: url("../images/filter_off.png");
}

.device-windows-xp {
    background-image: url("../Images/xp.png");
}

.device-linux {
    background-image: url("../Images/linux.png");
}

.manager-online {
    background-image: url("../images/node.png");
}

.agent-in-incident {
    background-image: url("../images/alert_high.png");
}

.agent-no-incident {
    background-image: url("../images/no_alert.png");
}

/*#region ToDo : check if still use ? */
/*////////MAIN//////*/
.managerLeft {
    position: absolute;
    left: 0px;
    width: 22px;
    top: 75px;
    bottom: 0px;
    z-index: 2;
    font-family: tahoma;
}

.managerLeftExpand {
    width: 323px;
}

.managerLeftTabPin {
    width: 16px;
    height: 16px;
    margin: auto;
}

.managerLeftTab {
    width: 25px;
    height: 140px;
    background: #dfeffc;
    border-radius: 0pt 2px 2px 0pt;
    -moz-border-radius: 0pt 2px 2px 0pt;
    -webkit-border-radius: 0pt 2px 2px 0pt;
    margin-top: 10px;
}

    .managerLeftTab:hover, .managerLeftTab.pinned {
        background: #BAC6D2;
        border: 1px solid #79B7E7;
    }

.managerLeftTabContentModules {
    background-repeat: no-repeat;
    height: 102px;
    margin-left: 6px;
    margin-top: 8px;
}

.managerLeftTabContentCommandsQueue {
    background-repeat: no-repeat;
    height: 102px;
    margin-left: 6px;
    margin-top: 11px;
}

.managerLeftTabSelected {
    border: 2px solid #ffffff;
    border-left: none;
    width: 18px;
    height: 92px;
    position: absolute;
    right: 0pt;
    margin-top: 2px;
    margin-right: 2px;
}

.managerLeftTabs {
    border-right: 1px solid #CCCCCC;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 29px;
    background-color: #EEEEEE;
}

.managerLeftPanel {
    bottom: 0;
    left: 27px;
    position: absolute;
    right: 0;
    top: 0;
}

.managerLeftPanels {
    display: none;
}

.managerLeftTabHeader {
    border: 1px solid #3A8EA2;
    border-bottom: 0 none transparent;
    color: white;
    text-align: center;
    margin-top: 10px;
    box-shadow: 3px 3px 12px #555;
    -moz-box-shadow: 3px 3px 12px #555;
    -webkit-box-shadow: 3px 3px 12px #555;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    line-height: 24px;
    padding-top: 3px;
    padding-bottom: 5px;
}

.managerLeftContent {
    position: absolute;
    top: 43px;
    right: 0;
    bottom: 10px;
    left: 0;
    background-color: #e4e2df;
    border: 1px solid #238197;
    border-top: 0 none transparent;
    overflow: auto;
    margin-bottom: 10px;
    box-shadow: 3px 3px 12px #555;
    -moz-box-shadow: 3px 3px 12px #555;
    -webkit-box-shadow: 3px 3px 12px #555;
}

.managerRight {
    border-left: 1px solid #CCCCCC;
    position: absolute;
    right: 0px;
    width: 22px;
    top: 40px;
    bottom: 0px;
    z-index: 2;
    font-family: tahoma;
}

.managerRightExpand {
    width: 300px;
}

.managerRightTab {
    background-color: #444444;
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    height: 100px;
    margin-top: 10px;
    width: 22px;
}

.managerRightTabs {
    height: 100%;
    width: 22px;
    float: right;
    background-color: #FFFFFF;
}

.managerRightPanels {
    display: none;
}

.menuGroup_item {
    padding-left: 22px;
}

.managerRightTabHeader {
    background-color: #444444;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    right: 22px;
    left: 0;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: 0;
}

.managerRightContent {
    background-color: #e4e2df;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    right: 22px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    top: 35px;
    bottom: 0;
}

.managerBottom {
    border-top: 1px solid #CCCCCC;
    position: absolute;
    height: 22px;
    bottom: 0px;
    z-index: 2;
    font-family: tahoma;
}

.managerBottomExpand {
    height: 450px;
}

.managerBottomTab {
    background-color: #444444;
    border-radius: 2px 2px 0 0;
    float: right;
    height: 22px;
    margin-right: 10px;
    width: 100px;
}

.managerBottomTabSelected {
    border: 2px solid #ffffff;
    border-bottom: none;
    width: 92px;
    height: 18px;
    position: absolute;
    top: 0pt;
    margin-top: 2px;
    margin-left: 2px;
}

.managerBottomTabs {
    background-color: #FFFFFF;
    bottom: 0;
    height: 22px;
    right: 22px;
    position: absolute;
    width: 100%;
}

.managerBottomPanels {
    display: none;
}

.managerBottomTabHeader {
    background-color: #444444;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    height: 25px;
    padding-left: 40px;
    padding-top: 10px;
    text-align: left;
    left: 0;
    right: 0;
}

.managerBottomContent {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    bottom: 22px;
    overflow: auto;
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
}

/*#endregion */

#lstCommandsQueue {
    bottom: 43px;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.managerTabSelected {
    background-color: #BBBBBB;
}

#accordion h3 a {
    padding-left: 25px;
}

.table-agents-col-select {
    min-width: 20px;
}

.table-agents-col-guid {
    min-width: 250px;
}

.table-agents-col-name {
    min-width: 150px;
}

.table-agents-col-mac {
    min-width: 110px;
}

.table-agents-col-ip {
    min-width: 100px;
}

#managerPanelSettings {
    background-color: #FFFFFF;
    border: 1px solid #444444;
}

.dialogHeader {
    background-color: #444444;
    border: 1px solid;
    border-bottom: none;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-top: 10px;
    text-align: left;
}

.dialogContent {
    bottom: 41px;
    left: 0;
    overflow: auto;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 40px;
}

.dialogFooter {
    border-top: 1px solid #BBBBBB;
    bottom: 0;
    height: 30px;
    left: 0;
    padding-bottom: 5px;
    padding-right: 40px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    text-align: right;
}

#managerPanelSettingsContent {
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
    max-height: 560px;
}

.dialog,
#managerSingleModules {
    background-color: #FFFFFF;
    border: 1px solid #555555;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#managerHeader a {
    text-decoration: none;
}

#managerOptionsPanel {
    display: none;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    float: right;
    height: auto;
    margin-right: 2px;
    top: 75px;
    position: relative;
    width: auto;
    z-index: 1;
    box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
}

    #managerOptionsPanel ul {
        list-style: none outside none;
        margin: 0;
        padding: 5px 0;
    }

    #managerOptionsPanel li {
        padding: 3px 0 0;
        display: block;
        vertical-align: middle;
        height: 20px;
    }

    #managerOptionsPanel a {
        padding: 0 10px;
        color: #262626;
        display: block;
    }

    #managerOptionsPanel li:hover {
        background-color: #EEEEEE;
        text-decoration: none;
    }

    #managerOptionsPanel img {
        margin: 0 9px 0 0;
        vertical-align: middle;
        border: 0 none;
    }

#accordionDevice .ui-corner-all, #accordionDevice .ui-corner-top, #accordionDevice .ui-corner-bottom,
#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-bottom {
    border-radius: 0 0 0 0;
}

#accordionDevice .ui-state-default, #accordionDevice .ui-widget-content, #accordionDevice .ui-state-active,
#accordionDevice .ui-widget-content .ui-state-active, #accordionDevice .ui-widget-header .ui-state-active,
#accordionDevice .ui-widget-content #accordionDevice .ui-state-default, #accordionDevice .ui-state-hover,
#accordion .ui-state-default, #accordion .ui-widget-content, #accordion .ui-state-active,
#accordion .ui-widget-content .ui-state-active, #accordion .ui-widget-header .ui-state-active,
#accordion .ui-widget-content #accordion .ui-state-default, #accordion .ui-state-hover {
    background: none;
    border: none;
}

    #accordionDevice .ui-state-active a, #accordionDevice .ui-state-active a:link, #accordionDevice .ui-state-active a:visited,
    #accordionDevice .ui-state-active, #accordionDevice .ui-widget-content .ui-state-active, #accordionDevice .ui-widget-header .ui-state-active,
    #accordion .ui-state-active a, #accordion .ui-state-active a:link, #accordion .ui-state-active a:visited,
    #accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active, #accordion .ui-widget-header .ui-state-active {
        background: none;
        color: #444444;
    }

#accordion .ui-state-active {
    background-color: #FFFFCC;
}

#accordionDevice .ui-state-default a, #accordionDevice .ui-state-default a:link, #accordionDevice .ui-state-default a:visited,
#accordionDevice .ui-widget-content .ui-state-default,
#accordion .ui-state-default a, #accordion .ui-state-default a:link, #accordion .ui-state-default a:visited,
#accordion .ui-widget-content .ui-state-default {
    color: #777777;
}

#accordionDevice a.subMenuAccordionDefault:hover,
#accordion a.subMenuAccordionDefault:hover {
    text-decoration: underline;
}

.summaryPanel {
    box-shadow: 3px 3px 12px #555;
    -moz-box-shadow: 3px 3px 12px #555;
    -webkit-box-shadow: 3px 3px 12px #555;
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0;
    padding: 6px;
    list-style: none;
}

.spacingBlock {
    width: 250px;
    display: inline-block;
}

.spacingBlock {
    width: 250px;
    display: inline-block;
}

.viewSettingsWrapper,
.viewCustomizationWrapper {
    padding: 1.5rem;
}

#LibraryViewContent > div.viewUploadsWrapper {
    padding-top: 15px;
    height: 100%;
}

#Reporting_Layouts_View,
#Reporting_Filters_View,
#lstDownloads,
#lstPlugins {
    height: 100%;
}

.viewSettingsWrapper > form {
    padding: 10px;
    margin-top: 10px;
    width: calc(100% - 20px);
}

.viewSettingsWrapper form > fieldset.wp-fieldset {
    padding: 10px;
    width: calc(100% - 20px - 2px);
}

.viewSMTPConfigWrapper h4,
.viewLicensesWrapper h4,
.viewSettingsWrapper h4,
.viewAccountsWrapper h4,
.viewMaintenanceWrapper h4 {
    margin: 0;
}

p.error {
    text-align: right;
    margin: 0;
}

.viewLicensesInnerWrapper,
.viewSettingsInnerWrapper,
.viewUsersInnerWrapper {
    margin: 6px !important;
    padding: 0 !important;
    list-style: none outside none !important;
    text-align: left !important;
    font-size: 12px !important;
}

    .viewLicensesInnerWrapper p,
    .viewSettingsInnerWrapper p,
    .viewUsersInnerWrapper p {
        margin: 0;
        padding: 0;
    }

.viewLicensesValue {
    float: right;
}

.viewCustomtizationValue {
    float: right;
    width: 260px;
    margin-bottom: 15px;
}

.viewSMTPConfigValue {
    width: 260px;
    margin-bottom: 15px;
}

.EditEmailGroup {
    float: left;
    width: 280px;
    margin-bottom: 15px;
    margin-right: 15px;
    box-shadow: none;
}

.AddEmailToGroup {
    margin-right: 10px;
}

.viewEmailGroup {
    float: left;
    width: auto;
    max-width: 650px;
    min-width: 200px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.menuLicensesWrapper {
    font-size: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: right;
}

    .menuLicensesWrapper li a.optionSelected,
    .menuSettingsWrapper li a.optionSelected {
        background-color: #B2B2B2;
        border-color: #262626;
        color: #262626;
        cursor: pointer;
        padding-bottom: 5px;
        padding-right: 25px;
        padding-top: 5px;
    }

    .menuWrapper li a,
    .menuLicensesWrapper li a,
    .menuSettingsWrapper li a {
        border-bottom: 1px solid #e4e2df;
        border-top: 1px solid #e4e2df;
        color: #262626;
        cursor: pointer;
        display: block;
        padding-bottom: 5px;
        padding-right: 25px;
        padding-top: 5px;
        text-decoration: none;
    }

#LicensesViewContent .viewLicensesWrapper li,
#LicensesViewContent .viewLicensesWrapper p,
#OptionsViewContent .viewAccountsWrapper p,
#OptionsViewContent .summaryPanel li,
#MonitoringViewContent .viewAutoPoliciesWrapper li,
.viewSummaryPanel li,
#MonitoringViewContent .viewAutoPoliciesWrapper p,
#AutomaticPoliciesViewContent .viewAutoPoliciesWrapper li,
#AutomaticPoliciesViewContent .viewAutoPoliciesWrapper p,
#OptionsViewContent .viewSettingsWrapper li,
#OptionsViewContent .viewSettingsWrapper p,
#OptionsViewContent .viewSettingsWrapper hr,
#OptionsViewContent .viewCustomizationWraautoPolicies_Tablepper p {
    width: 415px;
    overflow: auto;
    margin: 3px 0 0;
}

#OptionsViewContent .viewCustomizationWrapper p {
    width: 500px;
}

.settingsResult {
    display: inline-block;
    max-width: 290px;
}

.settingsResultError {
    color: red;
    opacity: 1;
    z-index: 2000;
}

.settingsResultSuccess {
    color: green;
    opacity: 1;
    z-index: 2000;
}

#View_Manage p label,
#Form_Setting p label {
    line-height: 24px;
}

.viewLicensesWrapper #gbox_licensesList {
    margin-top: 10px;
}


#LicensesViewContent .ui-jqgrid .ui-jqgrid-view,
#LicensesViewContent .ui-jqgrid .ui-jqgrid-hdiv,
#LicensesViewContent .ui-jqgrid .ui-jqgrid-bdiv,
#gbox_licensesList,
#gbox_devicesListLicenses {
    width: 100% !important;
}

.actionGrid {
    cursor: pointer;
    margin-right: 3px;
}
/* <= */

label.error {
    float: right;
}


#Form_Setting label.error,
#Form_Discover_Settings label.error,
#Form_Discover label.error {
    left: 450px;
    margin-top: 2px;
    position: absolute;
}

#PolicyForm label.error {
    float: none;
}

#View_Setting_Span {
    display: none;
    float: none;
    margin-left: 23px;
    margin-top: 10px;
}

    #View_Setting_Span .error {
        float: none;
    }

.contextMenu li.add A {
    background-image: url(/Content/Images/node.png);
}

.contextMenu li.rename A {
    background-image: url(/Content/Images/node.png);
}

.contextMenu li.delete A {
    background-image: url(/Content/Images/node.png);
}

.contextMenu li.groupauto A {
    background-image: url(/Content/Images/property_name.png);
}

.contextMenu li.onoffrule A {
    background-image: url(/Content/Images/lightning.png);
}

.contextMenu li.view A {
    background-image: url("/Content/Images/details.png");
}

.contextMenu li.addAP A {
    background-image: url("/Content/Images/MenuIcons/autopolicies.png");
}

.contextMenu li.adSettings A {
    background-image: url("/Content/Images/settings-hover.png");
}

.showChildDetails {
    float: right;
    position: relative;
    min-width: 300px;
    max-width: 300px;
}

.DetailsLine {
    overflow: hidden;
}

.showGroupIcon {
    width: 16px;
    height: 16px;
    background-image: url(/Content/Images/node.png);
    float: left;
    margin-right: 10px;
}



.rowSelectAll {
    text-align: center;
}

/****
CommandsQueue CSS
****/
#managerListCommands {
    overflow-x: hidden;
    overflow-y: auto;
}

    #managerListCommands > ul {
        list-style: none outside none;
        padding: 0;
        margin: 0;
    }

        #managerListCommands > ul > li {
            height: 29px;
            padding-top: 4px;
            padding-right: 0;
            padding-left: 10px;
            border-bottom: 1px solid #bbbbbb;
            background-color: white;
            box-shadow: 2px 1px 3px #555;
            -moz-box-shadow: 2px 1px 3px #555;
            -webkit-box-shadow: 2px 1px 3px #555;
        }

            #managerListCommands > ul > li > div {
                float: right;
            }

.commandsQueueRemoveCommand {
    float: right;
    margin: 6px;
}

.commandsQueueEditCommand, .commandsQueueViewCommand {
    margin: 6px 3px;
}

#managerListCommandsPublish {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    padding: 6px;
    background-color: #EEEEEE;
    text-align: center;
}

.commandsQueueNameCommandDiv {
    vertical-align: middle;
    padding-top: 3px;
    float: none !important;
}

    .commandsQueueNameCommandDiv > img {
        vertical-align: middle;
    }

.commandDepends {
    background-image: url("/Content/Images/chained.png");
    margin-top: -12.6px;
    margin-right: 6px;
    float: right;
}

.commandUndepends {
    background-image: url("/Content/Images/unchained.png");
    margin: 6px;
    float: right;
}

.commandsQueueTitle {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}

.commandsQueueTitleTemplate {
    font-size: 12px;
    height: 15px;
    line-height: 8px;
}

.commandsQueueUnsaved,
.commandsQueueName {
    font-size: 11px;
    height: 100%;
    line-height: 12px;
    display: none;
    word-wrap: break-word;
}

.commandsQueueSave,
.commandsQueueSaveAs,
.commandsQueueEmpty {
    display: none;
    position: absolute;
    top: 9px;
}

.commandsQueueSave {
    right: 45px;
}

.commandsQueueSaveAs {
    right: 25px;
}

.commandsQueueEmpty {
    right: 5px;
}

.commandsQueueEmptyList {
    display: none;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    color: #262626;
}

    .commandsQueueEmptyList div {
        margin-top: 10px;
    }
/****** End CommandsQueue CSS ***/

.managerModuleHidden {
    display: none;
}

.aclose {
    margin-right: 10px;
}

.spanclose {
    float: right;
    margin-right: 10px;
}

.jstree a {
    padding-right: 3px !important;
    height: inherit !important;
}

.jstree-wanpulse .jstree-clicked,
.jstree-default .jstree-clicked,
.jstree-default .jstree-hovered {
    padding-right: 2px !important;
}

.jstree-creating {
    background-image: url(/Content/Images/ajax-loader-circle-small.gif) !important;
}

#managerTaskQueuePanel > div,
#HistoryViewContent > div {
    float: left;
}

.historyPanel {
    width: calc(100% - 180px);
    height: 100%;
}

.historyPanelExtend {
    width: 100%;
}

.historyLegendPanel {
    background-color: #EEEEEE;
    border-left: 1px solid #E4E4E4;
    height: 100%;
    padding: 0 10px 0;
    right: 0;
    width: 180px;
}

#WarningMessage {
    float: left;
    margin-right: 0.3em;
}

#View_Manage label.error {
    margin-left: 20px;
}

.state_unenroll {
    background: no-repeat url('/Content/Images/unenroll_16.png');
    padding: 2px 0px 2px 25px;
    margin-left: 5px;
}

.state_unenroll_grey {
    background: no-repeat url('/Content/Images/unenroll_gray_16.png');
    padding: 2px 0px 2px 25px;
    margin-left: 5px;
}

.state_enroll_grey {
    background: no-repeat url('/Content/Images/enroll_gray_16.png');
    padding: 2px 0px 2px 25px;
    margin-left: 5px;
}

.state_enroll {
    background: no-repeat url('/Content/Images/enroll_16.png');
    padding: 2px 0px 2px 25px;
    margin-left: 5px;
}

#Div_Dialog {
    min-height: 300px !important;
}

    #Div_Dialog form {
        height: 200px !important;
    }

span.recurrentTask {
    margin-right: 5px;
}

    span.recurrentTask img {
        vertical-align: text-bottom;
        margin-left: 40%;
        border: none;
    }

p.recurrentTask {
    display: inline-block;
    width: 49%;
    line-height: 0px;
}

.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
}

.dialogHistoryDetails {
    margin-top: 1rem;
    width: 100%;
}

    .dialogHistoryDetails td.txtleft {
        text-align: right;
    }

label.monitoring-showalerts {
    font-weight: bold;
}

.big-margin-left {
    margin-left: 130px;
}

.small-margin-left {
    margin-left: 50px;
}

#Custom_Home_View select,
#Reporting_Export_Layouts select,
#Reporting_Export_Filters select {
    width: 225px;
}

#Custom_Home_Panel {
    padding: 10px;
    background: #DFEFFC;
    border-bottom: 1px solid #C5DBEC;
    color: #222222;
}

#Reporting_Export_WebService_Url .right textarea {
    width: 600px;
}

#Reporting_Processing_Error {
    margin: 20px;
    padding: 20px;
    background-color: #FBEC88;
    color: darkred;
    border: 1px solid #FAD42E;
    border-radius: 10px;
    font-weight: bold;
}

    #Reporting_Processing_Error div.message {
        background-image: url("/Content/Images/stop.png");
        background-repeat: no-repeat;
        height: 16px;
        padding-left: 22px;
    }

    #Reporting_Processing_Error span.show_errors {
        font-size: 0.8em;
        font-style: italic;
        cursor: pointer;
    }

    #Reporting_Processing_Error ul {
        margin: 0;
    }

    #Reporting_Processing_Error li {
        margin: 5px 0px;
    }

.reporting_layout_viewable {
    width: 16px;
    height: 16px;
    background-image: url("../images/ack.png");
}

.reporting_layout_notviewable {
    width: 16px;
    height: 16px;
    background-image: url("../images/ack_gray.png");
}

.disabledText {
    color: rgb(211, 211, 211);
}

.WarningMessage {
    margin: 10px;
    margin-left: 5px;
    padding: 10px;
    background-color: #FBEC88;
    color: darkred;
    border: 1px solid #FAD42E;
    border-radius: 10px;
    font-weight: bold;
}

    .WarningMessage div.message {
        background-image: url("/Content/Images/information-white.png");
        background-repeat: no-repeat;
        height: 16px;
        padding-left: 16px;
    }

        .WarningMessage div.message > p {
            margin: 0;
            word-wrap: break-word;
            margin-left: 10px;
        }

#Reporting_Layout_Field_Form, #Reporting_Filter_Criterion_Form {
    float: left;
}

#Field_Documentation, #Criterion_Documentation {
    border-left: 1px solid black;
    float: left;
    padding: 15px;
    width: 300px;
}

#Manager_Upload_Form {
    overflow: hidden;
}

.input-upload-file-button {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* 
 * FastMenu Icons
 */

#managerFastMenu {
    position: absolute;
    left: 326px;
    height: 30px;
}

    #managerFastMenu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        #managerFastMenu ul li {
            cursor: pointer;
            float: left;
        }

            #managerFastMenu ul li div.background {
                width: 34px;
                height: 30px;
                opacity: 0.2;
                -moz-opacity: 0.2;
            }

            #managerFastMenu ul li a {
                background-repeat: no-repeat;
                display: block;
                float: left;
                width: 16px;
                height: 16px;
                text-decoration: none;
                text-align: center;
                margin: -23px 9px 7px 9px;
            }

#managerFastMenu_DeviceList a {
    background-image: url("/Content/Images/MenuIcons/all_devices_menubar.png");
}

#managerFastMenu_DeviceList.clicked a, #managerFastMenu_DeviceList:hover a {
    background-image: url("/Content/Images/MenuIcons/all_devices.png");
}

#managerFastMenu_Discovery a {
    background-image: url("/Content/Images/MenuIcons/discovery_menubar.png");
}

#managerFastMenu_Discovery.clicked a, #managerFastMenu_Discovery:hover a {
    background-image: url("/Content/Images/MenuIcons/discovery.png");
}

#managerFastMenu_Monitoring a {
    background-image: url("/Content/Images/MenuIcons/monitoring_menubar.png");
}

#managerFastMenu_Monitoring.clicked a, #managerFastMenu_Monitoring:hover a {
    background-image: url("/Content/Images/MenuIcons/monitoring.png");
}

#managerFastMenu_TaskBoard a {
    background-image: url("/Content/Images/MenuIcons/task_board_menubar.png");
}

#managerFastMenu_TaskBoard.clicked a, #managerFastMenu_TaskBoard:hover a {
    background-image: url("/Content/Images/MenuIcons/task_board.png");
}

#managerFastMenu_DataHandling a {
    background-image: url("/Content/Images/MenuIcons/data_handling_menubar.png");
}

#managerFastMenu_DataHandling.clicked a, #managerFastMenu_DataHandling:hover a {
    background-image: url("/Content/Images/MenuIcons/data_handling.png");
}

#managerFastMenu_Conformity a {
    background-image: url("/Content/Images/MenuIcons/compliance.png");
}

#managerFastMenu_Conformity.clicked a, #managerFastMenu_Conformity:hover a {
    background-image: url("/Content/Images/MenuIcons/compliance.png");
}

#managerFastMenu_Library a {
    background-image: url("/Content/Images/MenuIcons/library_menubar.png");
}

#managerFastMenu_Library.clicked a, #managerFastMenu_Library:hover a {
    background-image: url("/Content/Images/MenuIcons/library.png");
}

#managerHeaderMonitoringAlerts {
    min-width: 40px;
    min-height: 20px;
    position: absolute;
    top: 14%;
    right: 25%;
    cursor: pointer;
}


    #managerHeaderMonitoringAlerts ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

#monitoringAlertFlags ul li {
    float: left;
}

#monitoringAlertFlags {
    position: relative;
    top: -20px;
    margin: 3px 5px 3px 10px;
}

#managerHeaderMonitoringAlerts div.monitoring-flag-background {
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: white;
    opacity: 0.3;
    -moz-opacity: 0.3;
    box-shadow: inset 1px 1px 2px 0px #000000;
    min-width: 40px;
    min-height: 20px;
}

#monitoringAlertFlags .monitoring-flag {
    float: left;
    background-image: url("/Content/Images/alert_flag_grey.png");
    background-repeat: no-repeat;
    margin: 0px 5px;
    margin-top: -2px;
    width: 16px;
    height: 16px;
}

#monitoringAlertFlags .monitoring-flag-high {
    background-image: url("/Content/Images/alert_flag_high.png");
}

#monitoringAlertFlags .monitoring-flag-high-new {
    background-image: url("/Content/Images/alert_flag_high_new.png");
}

#monitoringAlertFlags .monitoring-flag-normal {
    background-image: url("/Content/Images/alert_flag_normal.png");
}

#monitoringAlertFlags .monitoring-flag-normal-new {
    background-image: url("/Content/Images/alert_flag_normal_new.png");
}

#monitoringAlertFlags .monitoring-flag-low {
    background-image: url("/Content/Images/alert_flag_low.png");
}

#monitoringAlertFlags .monitoring-flag-low-new {
    background-image: url("/Content/Images/alert_flag_low_new.png");
}

#monitoringAlertFlags .count {
    margin-left: 5px;
    float: left;
    display: none;
}

    #monitoringAlertFlags .count:last-child {
        margin-right: 0px;
    }

#Reporting_Layout_Field_Form .left {
    width: 7.5em;
}

#Reporting_Filter_Criterion_Form .left {
    width: 7.5em;
}

.validationSMTPSettingError {
    float: left;
    margin-right: 15px;
    color: red;
}

#jstree-marker-line {
    pointer-events: none;
}

#pluginWebPage, #documentationWebPageFrame {
    width: 100%;
    border: 0;
    margin: 0;
    height: 100%;
}

#pluginFrame, #documentationWebPage {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.errorMessage {
    text-align: center;
    margin-top: 20px;
    padding: 30px 50px;
    color: darkred;
    border: 1px solid #FAD42E;
    border-radius: 10px;
    font-weight: bold;
    cursor: default;
    background-color: #FBEC88;
}

#groupsMoving {
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    cursor: default;
}

.EmailGridDialog {
    margin-bottom: 5px;
}

.NotificationdetailsGroup {
    float: left;
    display: inline-block;
    margin: 2px;
}

.MailGroupName {
    text-align: center;
}

.aligned-icon {
    vertical-align: sub;
}

.mailSettings {
    margin: 0.7rem;
}

.boldText {
    font-weight: bold;
}

.summaryMargin {
    margin: 12px;
}

.legendStopped {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_black.gif);
    background-position: -80px 50%;
}

.legendObsolete {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_black.gif);
    background-position: -40px 50%;
}

.legendScheduled {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_yellow.gif);
    background-position: -110px 50%;
}

.legendPublished {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_orange.gif);
    background-position: -100px 50%;
}

.legendProcessing {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_blue.gif);
    background-position: -80px 50%;
}

.legendUnpersisted {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_purple.gif);
    background-position: -40px 50%;
}

.legendUnpersistedFail {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_redBrown.gif);
    background-position: -40px 50%;
}

.legendTitle {
    text-align: center;
    font-weight: bold;
    height: 30px;
    padding-top: 4px;
    font-size: 11px;
}

.legendCompleted {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_green.gif);
    background-position: -40px 50%;
}

.legendFailed {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_red.gif);
    background-position: -40px 50%;
}

.legendIgnored {
    background-image: url(/Content/Scripts/jquery.progressbar/images/progressbg_orange.gif);
    background-position: -40px 50%;
}

.legendImg {
    width: 80px;
    height: 12px;
    padding: 0pt;
    margin: 0;
    float: right;
}

.legendContent {
    height: 20px;
}

.legendSeparator {
    margin-top: 2em;
}

.SettingsLegend {
    font-weight: bold;
}

.PulseFrequencySettings {
    position: relative;
    margin-top: 15px;
    display: inline-block;
    width: 415px;
}

    .PulseFrequencySettings span {
        font-style: oblique;
        position: absolute;
        bottom: 18px;
        float: right;
    }

.PulseEco {
    left: 388px;
}

.PulseStandard {
    left: 292px;
}

.PulseReactive {
    left: 195px;
}

.PulseFrequencySettings div {
    float: left;
}

.PulseFrequencySettings #PulseFrequencySlider {
    width: 197px;
    float: right;
}

.PulseFrequencyValues {
    display: inline-block;
    margin-top: 8px;
    width: 415px;
}

#View_Setting_Show_PulseFrequency {
    float: right;
    position: relative;
    font-family: sans-serif;
    font-weight: 700;
}

#Setting_Show_PulseFrequency {
    position: relative;
    float: left;
}

#View_Setting_Pulse_Frequency_Custom_Value {
    margin-left: 5px;
    bottom: 0px;
    position: relative;
}

#View_Setting_Pulse_Frequency_Custom {
    width: 100px;
    position: relative;
    left: -13px;
}

.Pulse_Apply {
    position: relative;
    left: -13px;
}

#pulseCustom label.error {
    clear: both;
    margin-right: 5px;
    min-width: 0px;
}


.largerDatePicker {
    width: 40em !important;
    height: 25em;
}

    .largerDatePicker table {
        width: 50% !important;
    }

.viewDateValue {
    position: relative;
    bottom: 90px;
    left: 4px;
}

.Purge_Button {
    position: relative;
    bottom: 303px;
    right: 240px;
}

.purgeContent {
    display: inline-block;
    margin-right: 60px;
    position: relative;
    float: left;
    width: 535px;
    height: 295px;
}

.PurgeCalendar {
    float: left;
}

.PurgeStates {
    position: relative;
    float: left;
    margin: 10px;
    bottom: 322px;
    margin-right: 0px;
}

.Purge_State {
    height: 9px;
    width: 240px;
    padding: 5px;
    color: grey;
    border: 1px solid #c5dbec;
    background: #dfeffc;
    padding-bottom: 11px;
    margin: 2px;
}

    .Purge_State span:last-of-type {
        float: right;
    }

.Purge_Category {
    height: 600px;
    width: 1000px;
}

#purgeTabs {
    margin-top: 20px;
    height: 420px;
    width: 600px;
}

    #purgeTabs .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
        background: none;
        border-right: none;
        border-left: none;
        border-top: none;
        border-radius: 0;
        padding: 0;
    }

.Purge_State.selected {
    border: 1px solid #79b7e7;
    background: #f5f8f9;
    color: #e17009;
    font-weight: bold;
}

.PurgeCalendar {
    float: left;
}

.FormPurgeTitle {
    font-weight: 600;
    margin-left: 2px;
}

.Purge_State:hover {
    opacity: 0.7;
    background: none;
    background-color: white;
    cursor: pointer;
}

.viewDateValue span {
    position: relative;
    float: left;
    clear: both;
    font-weight: bold;
}

.viewDateValue input {
    position: relative;
    float: left;
    clear: both;
    margin-top: 5px;
    width: 260px;
}

.Purge_Button span {
    display: block;
}

.IncidentButton {
    bottom: 274px;
}

.Purge_noIcon {
    float: left !important;
}



#Purge_Incident_Result {
    position: absolute;
    margin-left: 244px;
    margin-top: 547px;
}

#Purge_Task_Result {
    position: absolute;
    margin-left: 244px;
    margin-top: 576px;
}

.purgeResult {
    display: inline-block;
    max-width: 400px;
}

#purgeLoading {
    position: absolute;
    bottom: 0pt;
    right: 0pt;
    left: 20px;
    z-index: 1;
    text-align: center;
    background-color: #e4e2df;
    top: 100px;
    width: 600px;
    height: 400px;
    opacity: 0.5;
}

.iconTable_For_Title {
    font-size: 40px !important;
    width: 100px;
    color: lightblue;
}

.table_For_Title {
    border-bottom: 1pt solid #CCCCCC;
    border-top: 1pt solid #CCCCCC;
}

.border_bottom td {
    border-bottom: 1pt solid #CCCCCC;
    padding: .7rem;
}

.border_bottom tr:last-child {
    height: 50px;
}

    .border_bottom tr:last-child td {
        border-bottom: none;
    }

.border_bottom {
    border-collapse: collapse;
}

.bold {
    font-weight: bold;
}

.autoPolicies_Table td.monitoring-rule-icon span,
.autoPolicies_Table td.monitoring-rule-icon img {
    width: 24px;
    margin-left: 10px;
    text-align: center;
}

.monitoring-rule-icon .fa-heartbeat {
    color: red;
}

.monitoring-rule-icon .fa-shield {
    color: #1A3E97;
}

.autoPolicies_Table td.monitoring-rule-icon .monitoring-rule-disabled {
    opacity: 0.25;
}

.autoPolicies_TableEdit {
    margin-left: 1%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.autoPolicies_IfThen {
    font-size: 1.15em;
}

.autoPolicies_Details {
    font-size: 0.9em;
    margin-bottom: 5px;
    margin-top: 10px;
}

    .autoPolicies_Details span {
        margin-right: 20px;
    }

.list_Select,
.autoPolicies_Select {
    width: 100px;
    height: 33px;
}

.list_Select_disabled {
    border: 1pt solid #A9A9A9;
    width: 100px;
    height: 33px;
    background-color: whitesmoke;
}



.autoPolicies_SelectMargin {
    min-width: 100px;
    height: 33px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.treeFieldSet {
    display: inline-block;
    margin-left: 120px;
    margin-top: 0.5em;
}

.treeFieldSetlegend {
    padding: 5px 10px 0 10px;
    line-height: 25px;
    font-weight: bold;
}

.treeFieldDescription {
    margin: 10px;
}


.href-button {
    text-decoration: none;
    color: #4297d7 !important;
    font-size: 1.15em;
}

    .href-button:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.italic {
    font-style: italic;
}

.small {
    font-size: 0.85em;
}

.button-view {
    border: 1pt solid #A9A9A9;
    padding: 8px 10px 9px 10px;
    margin-right: 5px;
    display: inline-block;
}

.button-view-disable {
    border: 1pt solid #A9A9A9;
    padding: 8px 10px 9px 10px;
    margin-right: 5px;
    display: inline-block;
    background-color: whitesmoke;
    color: graytext;
}

.button-view-disable-save {
    border: 1pt solid #A9A9A9;
    padding: 8px 10px 9px 10px;
    margin-right: 5px;
    display: inline-block;
    background-color: whitesmoke;
    color: graytext;
}

.button-view:hover {
    background-color: #ecf4fb;
    border: 1pt solid gray;
    cursor: default;
}

.right-align {
    text-align: right;
    padding-right: 50px;
}

.hover_effect {
    border-left: 2.5pt solid #fad42e;
}

.click_effect {
    color: #fad42e;
}

.withSubGroup {
    margin-left: 10px;
}

.optionLargeInput {
    width: 12em;
}

div#listConditionTriggerExpressions {
    display: table;
    width: 700px;
}

    div#listConditionTriggerExpressions > div.conditionTriggerEdit {
        display: table-row;
    }

        div#listConditionTriggerExpressions > div.conditionTriggerEdit:first-child > div {
            border-top: 1pt solid #CCCCCC;
        }

        div#listConditionTriggerExpressions > div.conditionTriggerEdit > div {
            border-bottom: 1pt solid #CCCCCC;
            display: table-cell;
            padding: 5px 10px;
            line-height: 20px;
            vertical-align: middle;
            cursor: default;
            user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
        }

            div#listConditionTriggerExpressions > div.conditionTriggerEdit > div.condition-trigger-expression {
                border-left: 2pt solid transparent;
            }

                div#listConditionTriggerExpressions > div.conditionTriggerEdit > div.condition-trigger-expression i {
                    margin-left: 10px;
                    margin-right: 5px;
                }

        div#listConditionTriggerExpressions > div.conditionTriggerEdit:hover > div.condition-trigger-expression {
            border-left: 2pt solid #fad42e;
        }

        div#listConditionTriggerExpressions > div.conditionTriggerEdit > div.condition-trigger-action {
            color: transparent;
            width: 16px;
            text-align: center;
        }

            div#listConditionTriggerExpressions > div.conditionTriggerEdit > div.condition-trigger-action i {
                cursor: pointer;
            }

        div#listConditionTriggerExpressions > div.conditionTriggerEdit:hover > div.condition-trigger-action {
            color: #007BFF;
        }

            div#listConditionTriggerExpressions > div.conditionTriggerEdit:hover > div.condition-trigger-action i.fa-trash {
                color: #dc3545;
            }

.conditionTriggerEditLast {
    padding: 5px 10px;
    width: 320px;
    line-height: 20px;
    vertical-align: middle;
}

.table-header-rotated th.row-header {
    border-bottom: 1px solid #CCCCCC;
    padding-left: 10px;
    padding-right: 10px;
}

.table-header-rotated td {
    width: 60px;
    height: 40px;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
    text-align: center;
}


.table-header-rotated {
    margin: 50px auto;
}

    .table-header-rotated th.rotateHeader {
        height: 180px;
        width: 60px;
        position: relative;
        vertical-align: bottom;
        padding: 0;
        font-size: 12px;
        line-height: 0.8;
    }

        .table-header-rotated th.rotateHeader > div {
            position: relative;
            top: 0px;
            left: 90px;
            height: 100%;
            transform: skew(-45deg,0deg);
            overflow: hidden;
            border-right: 2px solid #CCCCCC;
        }

        .table-header-rotated th.rotateHeader span {
            transform: skew(45deg,0deg) rotate(315deg);
            position: absolute;
            bottom: 10px;
            left: -25px;
            display: inline-block;
            width: 280px;
            height: 120px;
            text-align: left;
        }

.roleprofileName {
    position: relative;
    border-bottom: none !important;
    width: 30%;
    font-size: 13px;
}

.roleprofileChoice {
    position: relative;
    padding-top: 20px;
    border-bottom: none !important;
    width: 100%;
}

.roleUserDescription {
    font-style: italic;
    font-weight: 100;
    font-size: 0.85em;
    color: #666;
}

.roleprofilSelectLarge {
    min-width: 280px;
}

.roleprofilSelect {
    position: relative;
    float: left;
}

.profileRolePremiumVersionNeeded {
    opacity: 0.7;
}

.goToWanpulseWebSiteHref {
    color: black;
    font-weight: bold;
}

    .goToWanpulseWebSiteHref:hover {
        opacity: 0.8;
    }

.roleprofilLabel {
    margin-right: 10px;
    font-size: 13px;
}

.profileUserColumnHover {
    background-color: lavender;
}

.profileName {
    position: relative;
    float: left;
    margin-right: 50px;
    font-size: 13px;
}

#View_User_Profil {
    float: left;
    position: relative;
    font-weight: bold;
    margin: 10px;
}

#View_User_Profile_Select {
    margin: 8px;
}


.roleIconUsrView {
    opacity: 0.7;
}

.profileUserView {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 800px;
}

#profilesListDetails .table-header-rotated th.rotateHeader > div {
    z-index: 100;
}


.noBorderButtonForList {
    border-top: 0px;
}


.addButtonForList {
    text-align: left;
    margin-top: 20px;
    padding: 10px;
    border-top: 1px solid #CCCCCC;
}

    .addButtonForList span {
        margin-right: 20px;
    }

#profilesList {
    padding: 5px;
}

    #profilesList div {
        margin: 5px;
    }

.profileSummaryView {
    font-style: italic;
    margin-right: 5px;
}

.user-profile span {
    display: inline-block;
}

    .user-profile span:not(.href-button) {
        margin-right: 5px;
    }

.profileRoleDescription {
    font-weight: 700;
    clear: both;
    display: table;
}

.detailGroupDescription {
    margin-bottom: 20px;
    font-size: 0.9em;
}

.profileCategoryTitle {
    position: relative;
    right: 30%;
}

.profileNameTableRow {
    font-weight: 500;
    font-style: italic;
    width: 80px;
}

.profileTableButtons {
    position: relative;
    float: left;
    margin-left: 25%;
    font-size: 18px !important;
}


/*
    USER DETAILS DESIGN
*/

#userProfileEdit,
#user-details {
    margin: 20px 0 0 20px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    cursor: default;
}

#user-details-2FA[disabled="disabled"] > legend {
    color: #cccccc;
}

#auth-2FA {
    width: 80%;
}

#auth-2FA-content {
    margin: auto;
}

#QRCode-container, #auth-2FA-Description {
    float: left;
}

#userProfileTitleBar,
#user-details-title-bar {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
}

    #userProfileTitleBar div,
    #userProfileName span,
    #userProfileName input,
    #userProfileName label,
    #user-details-title-bar div,
    #user-details-info > div,
    #user-details-info > img,
    #user-details-info > form,
    #user-details-info-data > div > span,
    #user-details-info-data > div > input,
    #user-details-info-data > div > label,
    #user-details-password-new span,
    #user-details-password-new input,
    #user-details-password-new label,
    #user-details-password-confirm span,
    #user-details-password-confirm input,
    #user-details-password-confirm label,
    #user-details-security-level > span,
    #user-details-security-level > div,
    #user-details-properties fieldset.wp-fieldset,
    #user-details-roles div span,
    #user-details-roles > div > div {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

        #user-details-roles > div > div > span {
            padding: 1px;
            display: block;
        }


        #user-details-info > div > span {
            display: block;
        }

        #user-details-security-level > div:not([generated="true"]) {
            width: 208px;
            padding: 2px 1px;
            font-size: 1em;
            height: 22px;
            line-height: 22px;
            margin: 0;
        }

#user-details-info-origin-local.fa-stack,
#Account_Users #content div.library-table-row div.library-table-cell.library-table-cell-icon.user-icon i.fa-stack {
    font-size: 12px;
}

    #user-details-info-origin-local.fa-stack span.fa,
    #Account_UsersList div.library-table-row div.user-icon i.fa-stack i.fas {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 45px;
        height: 40px;
    }

    #user-details-info-origin-local.fa-stack span.fa-square,
    #Account_UsersList div.library-table-row div.user-icon i.fa-stack i.fa-square {
        color: #2C8EE4;
    }

    #user-details-info-origin-local.fa-stack span.fa-database,
    #Account_UsersList div.library-table-row div.user-icon i.fa-stack i.fa-database {
        color: white;
        margin-top: -44px;
    }

#user-details-info-origin-ad {
    background-repeat: no-repeat;
    background-image: url("/Content/Images/active-directory.png");
    background-size: 41.15px 41px;
    margin: 12px 0px 11px 2px;
    height: 41px;
    width: 41.15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 0;
}

#userProfileTitleBarIcon,
#user-details-title-bar-icon {
    font-size: 40px;
    color: lightblue;
    width: 100px;
}

#userProfileTitleBarText,
#user-details-title-bar-text {
    font-size: 2em;
    font-weight: bold;
}

#userProfileForm,
#user-details-content {
    margin: 20px 20px 20px 110px;
}

#user-details-info > div {
    margin-right: 30px;
}

#user-details-info-origin-local,
#user-details-info-status {
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 0;
    margin: 10px 0px;
}

#user-details-info-icon {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    width: 90px;
    height: 90px;
    font-size: 90px;
    text-align: center;
    padding: 0px;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div.warning-message {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: .75rem 1.25rem;
    position: relative;
}

    div.warning-message i.fa-info-circle {
        padding-right: 5px;
    }

#user-details-info-data {
    margin-left: 10px;
}

    #user-details-info-data span,
    div#user-details-info-apikey > span {
        width: 100px;
        text-align: right;
    }


#user-details-password-change > div > span {
    width: 175px;
    text-align: right;
}

#user-details-password {
    margin: 20px 0;
    width: fit-content;
}

#user-details-password-fake {
    display: none;
    margin: 21px 0;
    height: 1em;
}

#user-details-password.change-password {
    position: fixed;
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: -60px;
    margin-left: -24px;
}

#user-details-password-title,
#user-details-actions {
    color: #4297d7;
    cursor: pointer;
}

#user-details-password.change-password #user-details-password-title, #winlog input, #winlog select {
    margin-bottom: 10px;
}

#user-details-password-title:hover span:not(.fa) {
    text-decoration: underline;
}

#user-details-password div:not(#user-details-password-valid) {
    margin: 5px;
}

#user-details-password-valid {
    text-align: right;
}

    #user-details-password-valid button {
        margin-right: 10px;
    }

#winlog span {
    width: 5em;
    float: left;
    text-align: right;
    margin-right: 10px;
}

#user-details-password-change:not(.new-user) {
    display: none;
}

#user-details-password.change-password #user-details-password-change {
    display: block;
}

#userProfileName > input,
#user-details-info-data > div > input,
#user-details-password-change input,
#user-details-user-profiles,
div#user-details-info-apikey > input {
    margin: 5px;
    width: 200px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    margin-left: 5px;
    margin-right: 75px;
}

div#user-details-info-apikey {
    vertical-align: top;
}

    div#user-details-info-apikey > * {
        display: inline-block !important;
    }

    div#user-details-info-apikey > input {
        width: 400px !important;
    }

#user-details-password-valid {
    margin: 10px 5px 5px 5px;
}

#user-details-properties fieldset.wp-fieldset, #group-rule fieldset.wp-fieldset {
    margin: 0 20px 5px 0;
    min-width: 400px;
    padding: 10px 20px;
    vertical-align: top;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.listConditionTriggerNotSetMsg {
    color: red;
}

.listConditionTriggerNotSet {
    border: 1px solid red;
}

#user-details-properties fieldset.wp-fieldset.error, #group-rule fieldset.wp-fieldset.error, #group-policy fieldset.wp-fieldset.error, #View_Setting_Span fieldset.wp-fieldset.error {
    border-color: red;
}

    #user-details-properties fieldset.wp-fieldset.error legend, #group-rule fieldset.wp-fieldset.error legend, #group-policy fieldset.wp-fieldset.error legend, #group-rule fieldset.wp-fieldset.error span, #View_Setting_Span fieldset.wp-fieldset.error legend {
        color: red;
    }

#user-details-properties fieldset.wp-fieldset legend, #group-policy fieldset.wp-fieldset legend {
    padding: 5px 10px 0 10px;
    line-height: 25px;
}

    #user-details-properties fieldset.wp-fieldset legend select[disabled=""] {
        margin: 0;
        cursor: pointer;
    }

    #user-details-properties fieldset.wp-fieldset legend select[disabled="disabled"] {
        cursor: default;
    }

#user-details-properties fieldset.wp-fieldset div.error, #group-policy fieldset.wp-fieldset div.error {
    color: red;
    margin-bottom: 10px;
    display: none;
}

#user-details-properties fieldset.wp-fieldset.error div.error, #group-policy fieldset.wp-fieldset.error div.error {
    display: block;
}

#user-details-roles > div {
    margin: 10px 0;
}

#user-details-roles div div.fa,
#user-details-roles div span.fa {
    margin-right: 5px;
    width: 30px;
    text-align: center;
}

#ProfileTableContent td div.fa-check-circle,
#user-details-info-status span.fa-check-square,
#user-details-roles div div.fa-check-circle,
#user-details-roles div span.fa-check-circle,
.text-success {
    color: #78AB46;
}

#ProfileTableContent td div.fa-minus-circle,
#user-details-info-status span.fa-minus-square,
#user-details-roles div div.fa-minus-circle,
#user-details-roles div span.fa-minus-circle,
.text-danger {
    color: #ff4c4c;
}

#user-details-roles div.fa-check-circle.blue,
#user-details-roles div.fa-desktop.blue,
#ProfileTableContent td div.fa-check-circle.blue,
#ProfileTableContent td div.fa-desktop.blue,
#ProfileTableContent td div.fa-eye,
#user-details-roles div div.fa-eye,
#user-details-roles div span.fa-eye {
    color: #4297d7;
}

#user-details-roles div.fa-check-circle.orange,
#ProfileTableContent td div.fa-check-circle.orange {
    color: orange;
}


span.user-details-properties-role-name {
    font-weight: bold;
}

#userAd-details-groups li {
    width: auto !important;
    overflow: auto !important;
    margin-left: 18px !important;
}

#user-details-actions {
    border-top: 1px solid #CCCCCC;
    text-align: right;
    padding: 10px;
    font-size: 1.15em;
}

    #user-details-actions span {
        padding-right: 50px;
        cursor: pointer;
    }

        #user-details-actions span:hover {
            text-decoration: underline;
        }

.recurentActive {
    margin: 10px;
    font-size: 2.5em !important;
    color: #22910f;
    transform: rotate(33deg);
}

.recurentStopped {
    margin: 10px;
    font-size: 2.5em !important;
    color: #d22500;
    transform: rotate(33deg);
}

.recurentInactive {
    margin: 10px;
    font-size: 2.5em !important;
    color: #555555;
    transform: rotate(33deg);
}

.userActive {
    margin: 10px;
    margin-right: 20px;
    color: lightblue;
    font-size: 3.5em !important;
}

.userInactive {
    margin: 10px;
    margin-right: 20px;
    opacity: 0.1;
    font-size: 3.5em !important;
}

.inlineBorder {
    display: inline-block;
}

.stickyForUsers {
    bottom: -69px;
}

.stickyForMyPolicy {
    bottom: -63px;
}

.stickyForMonitoring {
    bottom: -69px;
}

.stickyButtonForList {
    position: fixed;
    height: 100px;
    background: white;
    padding-top: 18px;
    border-top: 1pt solid #CCCCCC;
    text-indent: 4%;
    display: ruby-base;
}


#RuleTableDetailsIcon {
    width: 16%;
}

.incidentClass {
    position: relative;
    bottom: 14px;
    color: red;
    right: 27px;
    opacity: 0.8;
}

#formManagerMonitoringIncidents,
#lstMonitoringIncidents {
    height: 60%;
    border-bottom: 3px solid #CCCCCC;
}


#chartIncidentCanvas {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 99999999;
    max-width: 650px;
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.usbEnabled {
    color: #2ecc71;
    font-size: 1.6em !important;
}

.icon-background {
    display: inline-block !important;
    color: #777777;
    font-size: 1.8em !important;
    left: 1px;
    top: 2px;
}

.icon-background-inside {
    display: inline-block !important;
    color: white;
    font-size: 1.2em !important;
    left: 1px;
    top: 2px;
}

.usbIconContainer {
    position: absolute;
    top: 1px !important;
}


.usbViewOnly {
    color: #5d9b9b;
    font-size: 1.6em !important;
    position: relative;
}

.usbDisabled {
    color: red;
    font-size: 1.6em !important;
}

.jstree-gridIcon {
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-table;
    background-image: url(/Content/Images/node.png);
    background-position: 0 0;
}

    .jstree-gridIcon:hover {
        cursor: pointer;
    }


.jstree-gridIcon-disable {
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-table;
    background-image: url(/Content/Images/node.png);
    opacity: 0.3;
}

.hiddenHtmlElt {
    display: none;
}

.incidentDetailChart canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#DetailsIncidentNotSelectedContent {
    position: relative;
    float: left;
    clear: both;
    padding-top: 0em;
    padding-left: 2em;
    color: black;
    font-size: 1.2em;
}

#DetailsIncidentNotSelectedTitle {
    display: block;
}

#lstAlertdetails {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

#IncidentAlertsSummary {
    border-left: 3px solid #CCCCCC;
}

.incidentDetailsTitle {
    font-size: 1.3em;
    color: #888888;
}

.detailAlertListContainer {
    overflow-y: scroll !important;
}

.incidentDetails {
    display: inline-block;
    min-width: 120px;
    padding: 0.5em;
    margin-right: 0;
}

#AlertIncidentDetailsNotificationContent,
#AlertIncidentDetailsContent {
    padding-left: 1em;
    font-size: 0.9em;
    width: 395px;
}

.linkIncident {
    text-decoration: underline;
}

#AlertGoFirst,
#AlertGoPrevious,
#AlertGoNext,
#AlertGoLast {
    font-size: 1.5em;
    color: gray;
    cursor: pointer;
}

#AlertRecords {
    margin-left: 10px;
    padding-right: 0px;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    color: gray;
}

#lstAlertResultdetailsTitle {
    padding-right: 10px;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    color: gray;
    min-width: 60px;
}

#AlertIncidentDetailsNotificationTitle {
    padding: 0.5em;
    padding-left: 1em;
}

#AlertMaintenanceTaskStatus,
#AlertMaintenanceTaskName {
    float: left;
    margin-left: 1em;
}

#lstAlertResultSelect {
    padding: 5px;
    margin-top: 10px;
    position: relative;
}

.AlertDetailContainer {
    display: inline-block;
    margin-top: 20px;
}

    .AlertDetailContainer div {
        float: left;
        padding: 0px;
        border: none;
        font-size: 1em;
        min-width: 800px;
    }

.alertDetailClickableTab {
    float: right !important;
    margin: 0.2em 1px .2em !important;
}

.AlertDetailContainer .alertDetailResult {
    border: none;
    position: relative;
    bottom: 15px;
    margin-right: 15px;
    width: 95%;
}

#lstAlertResultdetailsContent {
    padding-right: 0;
    float: left;
    clear: both;
    padding-bottom: 0;
    width: 98%;
}


.alertDetailExpression {
    display: inline-block;
    margin-left: 10px;
}

.alertDetailExpressionTab {
    width: 90%;
    white-space: normal !important;
}


.alertDetailLabel,
.alertDetailResult {
    padding-left: 2.5em;
    color: #888888;
    margin-bottom: 5px;
}

    .alertDetailResult span {
        margin-right: 3px;
        color: black;
        font-weight: bold;
        display: inline-block;
        position: relative;
    }

#AlertIncidentDetailsNotificationContent span {
    margin-bottom: 5px;
    color: #888888;
    float: left;
    width: 25%;
    display: inline-block;
    position: relative;
    padding-left: 15%;
}

#AlertIncidentDetailsTaskMaintenance {
    position: relative;
    float: left;
    clear: both;
    padding-top: 0;
}

    #AlertIncidentDetailsTaskMaintenance .alertDetailLabel {
        margin-bottom: 5px;
        color: #888888;
        float: left;
        width: 100px;
        display: inline-block;
        position: relative;
        clear: left;
    }


.maintenanceTaskResultProcessing {
    font-weight: bold;
    color: blue !important;
}

.maintenanceTaskResultScheduled,
.maintenanceTaskResultPublished {
    font-weight: bold;
    color: orange !important;
}

.maintenanceTaskResultFailed,
.maintenanceTaskResultPartialFailed {
    font-weight: bold;
    color: red !important;
}

.maintenanceTaskResultCompleted {
    font-weight: bold;
    color: green !important;
}

.maintenanceTaskResultUnPersisted {
    font-weight: bold;
    color: lightblue !important;
}

.maintenanceTaskResultStopped,
.maintenanceTaskResultObsolete {
    font-weight: bold;
    color: black !important;
}

.timeLapseChartLeft {
    width: 14px;
    position: relative;
    z-index: 5;
    bottom: 24px;
    right: 8rem;
    display: inline-block !important;
}

.timeLapseChartRight {
    width: 14px;
    position: relative;
    z-index: 5;
    bottom: 24px;
    left: 12rem;
    display: inline-block !important;
}



#AlertIncidentDetailsTaskMaintenance .alertDetailResult {
    margin-bottom: 5px;
    color: #888888;
    float: left;
    width: auto;
    display: inline-block;
    position: relative;
}

#lstAlertdetailsPanel {
    min-height: 115px;
    height: 95%;
}

.adSettingsForGroupInput {
    width: 50%;
    float: left;
    margin-left: 10px;
}

.adSettingsForGroupLabel {
    width: 20%;
    float: left;
}

#AdGroupSettingsDescription {
    width: 600px;
}

#AdGroupSettingsDescriptionWarning {
    width: 600px;
    margin-top: 10px;
}

#AdGroupSettingsDialog_fieldset p {
    clear: both;
    display: flex;
}

#LicenseExpiredInformationMessage {
    padding: 1em;
    padding-top: 3em;
    font-weight: bold;
}

#LicenseFormArea {
    float: left;
    display: block;
    text-align: center;
    width: 100%;
}

.label-file:hover {
    color: #25a5c4;
}

.input-file {
    display: none;
}

.label-licence-file {
    cursor: pointer;
    color: #00b1ca;
    font-weight: bold;
}

#AddNewLicenseSubmit {
    text-align: center;
    padding-top: 9px;
    text-decoration: none;
    color: #4297d7;
    padding-bottom: 15px;
    font-size: 1.15em;
    display: block;
}

#ShowLandingPageForLicense {
    cursor: pointer;
    text-align: right;
    padding-top: 10px;
    text-decoration: none;
    color: #4297d7;
    font-size: 1.15em;
    padding-right: 10px;
    float: left;
    display: block;
}

#LinkForSendLicenceMail {
    text-align: center;
}

#LicenseExpiredPage {
    height: 100%;
    width: 100%;
    background-color: #DDDDDD;
    font-size: 1.2em;
}

#SuccessMessage {
    padding: 20px;
    text-align: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    display: none;
    color: #008000;
}

#LicenseExpiredPageProduct span {
    margin: 5px auto;
    display: block;
    font-size: 1.2em;
    color: #999999;
}

#LicenseExpiredPageProductLogo {
    background-image: url("/Content/themes/default/images/logo.png");
    background-size: 220px 36px;
    width: 220px;
    height: 36px;
}

#LicenseExpiredPageProduct {
    margin: 10px auto 15px auto;
    padding: 10px;
    text-align: center;
}

#LicensesViewPanelInfo {
    bottom: 0;
    position: absolute;
    width: 100%;
    background-color: #EFEFEF;
    border-top: 1px solid #CCCCCC;
    padding: 15px 0;
}

#LicensesViewPanelInfo_AgentsInDatabase {
    padding-top: 5px;
    text-align: center;
}

    #LicensesViewPanelInfo_AgentsInDatabase > span {
        margin-left: 6px;
    }

#LicenseExpiredPageForm #authenticationArea form > div,
#LicenseExpiredPageForm #authenticationArea > div {
    margin: 10px;
}

#LicenseExpiredPageForm form span,
#LicenseExpiredPageForm form select {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#LicenseExpiredPageForm form {
    text-align: center;
    padding-right: 45px;
}

    #LicenseExpiredPageForm form div {
        text-align: right;
    }

    #LicenseExpiredPageForm form span {
        text-align: right;
    }

    #LicenseExpiredPageForm form input {
        padding: 2px 5px;
        font-size: 1em;
        height: 2em;
    }

    #LicenseExpiredPageForm form input {
        width: 220px;
    }

        #LicenseExpiredPageForm form input:focus,
        #LicenseExpiredPageForm form select:focus {
            outline: none;
        }

#LicenseExpiredPageForm div label {
    text-align: right;
    display: block;
    float: none;
}

#LicenseExpiredInformationMessage span {
    display: block;
    margin: 5px 0;
}

#AddNewLicenseSubmit div {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#AddNewLicenseSubmit div {
    padding-right: 5px;
    cursor: pointer;
}

    #AddNewLicenseSubmit div:hover span:not(.fa) {
        text-decoration: underline;
    }

#waitingArea {
    display: none;
    text-align: center;
    margin: 55px;
}

    #waitingArea span {
        margin: 5px;
    }

#triggerHelp {
    display: inline-block;
    overflow: auto;
    float: right;
    border-left: 1px solid #A6C9E2;
    padding-left: 10px;
    margin-left: -1px;
    width: 40%;
    text-align: center;
}

#dialogMonito {
    display: inline-block;
    width: 58%;
}

/*

    RECURRING TASK

*/

#library-schedule-summary {
    margin: 20px;
    padding: 20px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    #library-schedule-summary > div:not(:last-child) {
        padding-bottom: 10px;
    }

    #library-schedule-summary > div > span:first-child {
        font-weight: bold;
    }

#library-schedule-configurations {
    position: relative;
    top: 1px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    margin: 20px;
}

    #library-schedule-configurations div.library-configuration {
        width: calc(100% - 4px);
        border-top: solid 1px darkgrey;
        border-left: solid 3px transparent;
        display: table;
    }

.library-configuration-title.library-configuration-title > a:visited {
    color: #034af3;
}

#library-schedule-configurations div.library-configuration:last-child {
    border-bottom: solid 1px darkgrey;
}

#library-schedule-configurations div.library-configuration:hover {
    border-left: solid 3px #FAD42E;
}

#library-schedule-configurations div.library-configuration > div {
    display: table-cell;
    vertical-align: middle;
}

    #library-schedule-configurations div.library-configuration > div.library-configuration-icon {
        vertical-align: middle;
        text-align: center;
        width: 60px;
        padding: 10px;
        color: green;
    }


#library-schedule-configurations div.library-configuration-content {
    padding-bottom: 15px;
}

    #library-schedule-configurations div.library-configuration-content > div {
        font-size: 1.1em;
        display: table;
        width: 100%;
    }

        #library-schedule-configurations div.library-configuration-content > div > div {
            display: table-cell;
            vertical-align: middle;
        }

            #library-schedule-configurations div.library-configuration-content > div > div > div {
                padding: 5px 0;
            }


            #library-schedule-configurations div.library-configuration-content > div > div:first-child {
                width: 40%;
            }

    #library-schedule-configurations div.library-configuration-content span.value {
        font-weight: bold;
    }

#library-schedule-configurations div.library-configuration-dates {
    padding: 15px 0;
    text-align: center;
    width: 350px;
}

    #library-schedule-configurations div.library-configuration-dates > div.icon-title {
        padding-bottom: 10px;
    }

    #library-schedule-configurations div.library-configuration-dates > div:not(.icon-title) {
        padding: 5px 0;
    }

#library-schedule-configurations div.library-configuration-action {
    text-align: center;
    vertical-align: middle;
    width: 200px;
    margin-right: 20px;
}

    #library-schedule-configurations div.library-configuration-action > div {
        margin: 10px auto;
        padding: 10px;
        display: table;
        text-align: center;
    }

    #library-schedule-configurations div.library-configuration-action span {
        font-weight: bold;
        padding: 0 10px;
        width: 60px;
    }

    #library-schedule-configurations div.library-configuration-action span,
    #library-schedule-configurations div.library-configuration-action i {
        display: table-cell;
        vertical-align: middle;
    }

.wp-dialog-content-form .timeSelectTask {
    position: absolute;
    margin-left: 10px;
}

.wp-dialog-content-input select {
    margin-right: 8px;
}

    .wp-dialog-content-input select.big {
        min-width: 20em;
    }

.wp-dialog-content.white-background {
    background-color: white !important;
}

.wp-dialog-content .dialog-message-title {
    float: left;
    font-weight: bolder;
    margin: 5px;
    width: 100%;
}

.smallFontQtip {
    font-size: small;
}

.change-state {
    position: relative;
    clear: both;
}

    .change-state span.enabled-state,
    .change-state span.disabled-state {
        color: lightgray;
        opacity: 0.7;
    }

        .change-state span.enabled-state.active {
            color: green;
            opacity: 1;
        }

    .change-state .enabled-state-label {
        font-weight: bold;
        padding: 10px;
    }

    .change-state span.disabled-state.active {
        color: red;
        opacity: 1;
    }

.enabledSwitchValue.fa-flip-horizontal {
    color: green;
}

.enabledSwitchValue {
    color: red;
    top: 4px;
    position: relative;
}

#library-schedule-configurations div.library-configuration.enabled-configuration > div.library-configuration-icon,
#library-schedule-configurations div.library-configuration > div.library-configuration-icon i.fa-check-square,
#library-schedule-configurations div.library-configuration.enabled-configuration .change-state {
    color: green;
}

    #library-schedule-configurations div.library-configuration:not(.enabled-configuration) .change-state span.enabled-state,
    #library-schedule-configurations div.library-configuration.enabled-configuration .change-state span.disabled-state {
        color: lightgray;
        opacity: 0.7;
    }

#library-schedule-configurations div.library-configuration:not(.enabled-configuration) > div.library-configuration-icon,
#library-schedule-configurations div.library-configuration:not(.enabled-configuration) .change-state {
    color: #D22500;
}

#library-schedule-configurations .change-configuration {
    color: #007bff;
    cursor: pointer;
}

#library-schedule-configurations div.library-configuration .delete-configuration,
#library-schedule-configurations div.library-configuration .change-configuration {
    margin: 0;
}

    #library-schedule-configurations div.library-configuration .change-configuration span,
    #library-schedule-configurations div.library-configuration .delete-configuration span {
        padding-left: 5px;
        text-align: start;
    }

    #library-schedule-configurations div.library-configuration .change-configuration i,
    #library-schedule-configurations div.library-configuration .delete-configuration i {
        padding-left: 25px;
        padding-right: 5px;
    }

#library-schedule-configurations div.library-configuration .change-state,
#library-schedule-configurations div.library-configuration .delete-configuration {
    color: #dc3545;
    cursor: pointer;
}

    #library-schedule-configurations div.library-configuration .delete-configuration:hover {
        color: #bd2130;
    }

#recurrent-orderfilter {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    #recurrent-orderfilter div.orderItem i {
        display: none;
        width: 11px;
    }

    #recurrent-orderfilter div.orderItem[current='yes'] i {
        display: inline-block;
    }

    #recurrent-orderfilter .orderMenu {
        margin-top: 10px;
        margin-bottom: 20px;
    }

#ResetCurrentFilter {
    width: 13px;
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    margin-top: -1px;
    cursor: pointer;
    color: transparent;
}

.history-scheduled-task,
.history-recurring-task {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    cursor: pointer;
}

#DialogShowMessage span.link {
    text-decoration: underline;
    cursor: pointer;
}

.span.fa.fa-spinner.fa-pulse.fa-2x {
    color: #777777;
}

div.wp-dialog {
    padding: .5em .5em 0 .5em;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    overflow: hidden !important;
}

    div.wp-dialog div.wp-device-choice,
    div.wp-dialog div.wp-device-in-error,
    div.wp-dialog div.wp-dialog-content {
        position: relative;
        margin: 1rem .5rem .5rem .5rem;
        border: 1px solid #CCCCCC;
        border-radius: .25rem;
        -moz-border-radius: .25rem;
        -webkit-border-radius: .25rem;
        background-color: #F6F6F6;
        color: #555555;
        height: calc(100% - 2px - 1.5rem);
        overflow: hidden;
    }

    div.wp-dialog div.wp-dialog-raw-content div.dialog-warning {
        text-align: center;
        width: 75%;
        margin: auto;
        padding: 5px;
    }

.dialog-groupDetails {
    font-weight: bold;
    padding: 20px;
}

    .dialog-groupDetails .dialog-groupDetails-content {
        margin-left: 27px;
        background-color: #F6F6F6 !important;
        pointer-events: none !important;
    }

        .dialog-groupDetails .dialog-groupDetails-content span {
            margin-right: 2px;
            font-size: medium;
        }

div.wp-dialog div.wp-dialog-content.dialog-success,
div.wp-dialog div.wp-dialog-content.dialog-info,
div.wp-dialog div.wp-dialog-content.dialog-confirm,
div.wp-dialog div.wp-dialog-content.dialog-warning,
div.wp-dialog div.wp-dialog-content.dialog-error {
    text-align: center;
    padding: 20px;
}

    div.wp-dialog div.wp-dialog-content.dialog-success p,
    div.wp-dialog div.wp-dialog-content.dialog-info p,
    div.wp-dialog div.wp-dialog-content.dialog-confirm p,
    div.wp-dialog div.wp-dialog-content.dialog-warning p,
    div.wp-dialog div.wp-dialog-content.dialog-error p {
        margin: 0;
    }

.dialog-groupDetails-content.jstree {
    margin-top: 15px;
}

div.wp-dialog div.wp-dialog-content.dialog-success.dialog-message-small,
div.wp-dialog div.wp-dialog-content.dialog-info.dialog-message-small,
div.wp-dialog div.wp-dialog-content.dialog-confirm.dialog-message-small,
div.wp-dialog div.wp-dialog-content.dialog-warning.dialog-message-small,
div.wp-dialog div.wp-dialog-content.dialog-error.dialog-message-small {
    text-align: center;
    padding: 10px;
}

div.wp-dialog div.wp-dialog-raw-content div .fa,
div.wp-dialog div.wp-dialog-content div .fa {
    margin-right: 8px;
}

div .wp-dialog div.wp-dialog-raw-content div.dialog-warning .fa-exclamation-triangle {
    color: #ffc107;
    line-height: 20px;
}

div.wp-dialog div.wp-dialog-content.dialog-info .fa-info-circle {
    color: #17a2b8;
    line-height: 20px;
}

div.wp-dialog div.wp-dialog-content.dialog-success .fa-check-circle {
    color: #218838;
    line-height: 20px;
}

div.wp-dialog div.wp-dialog-content.dialog-confirm .fa-exclamation-triangle,
div.wp-dialog div.wp-dialog-content.dialog-error .fa-exclamation-triangle {
    color: #C60101;
    line-height: 20px;
}

div.wp-dialog div.wp-dialog-content.dialog-success span,
div.wp-dialog div.wp-dialog-content.dialog-info span,
div.wp-dialog div.wp-dialog-raw-content div.dialog-info span,
div.wp-dialog div.wp-dialog-content.dialog-warning span,
div.wp-dialog div.wp-dialog-content.dialog-confirm span,
div.wp-dialog div.wp-dialog-content.dialog-error span {
    line-height: 20px;
}

div.wp-dialog div.wp-dialog-content div.user-profile-name {
    padding: .5rem 1rem;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold
}

div.wp-dialog div.wp-dialog-content #user-profile-edition-container,
div.wp-dialog div.wp-dialog-content #user-profile-roles-container {
    display: table;
    background-color: #ffffff;
    width: 100%;
    padding: 10px 0;
}


div.wp-dialog div.wp-dialog-content.dialog-confirm input,
div.wp-dialog div.wp-dialog-content.dialog-confirm label {
    line-height: 20px;
    vertical-align: middle;
    margin: 0;
}

div.wp-dialog div.wp-dialog-content.dialog-confirm input {
    line-height: 16px;
    padding: 4px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #999999;
    width: 220px;
}

div.wp-dialog div.wp-dialog-content.dialog-confirm label {
    width: 100%;
}

#searcher {
    margin: 20px;
    font-size: 14px;
}

    #searcher label.inFieldLabel {
        margin: 0;
        padding: 8px 8px 8px 4px;
        line-height: 20px;
        border: 0.1em solid transparent;
    }

        #searcher label.inFieldLabel i {
            width: 2em;
            margin-right: 2px;
            text-align: center;
            line-height: 20px;
        }

        #searcher label.inFieldLabel span {
            top: 0.5px;
            text-align: center;
            width: 30em;
            line-height: 20px;
            position: relative;
        }

    #searcher input.searcher-input {
        width: 32em;
        line-height: 20px;
        padding: 8px 8px 8px 15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    #searcher div.library-action-button {
        margin: 0.1rem 1rem 0.1rem 0 !important;
    }

.customWarningForView {
    display: inline-block;
    margin: 1em 0em 0em 0em;
}

    .customWarningForView div {
        margin: 0.3em;
    }

    .customWarningForView p {
        padding: .5em;
        font-weight: bold;
    }

    .customWarningForView span {
        float: left;
        padding-left: .3em;
        padding-right: .3em;
        color: blue;
        padding-top: 0.1em;
    }


#Library_TaskTemplates #content div.library-action-button-disabled {
    cursor: default !important;
    border: 1px solid #d6d8d9 !important;
    background-color: #c6c8ca !important;
    color: #ffffff !important;
}

div.library-action-button {
    cursor: pointer;
    font-size: .9rem;
    vertical-align: middle;
    padding: .375rem .5rem;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    display: inline-block;
    line-height: 20px;
}

    div.library-action-button.disabled {
        opacity: .65;
        cursor: default;
        color: #ffffff !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important;
    }

    div.library-action-button:not(.disabled),
    div.library-action-button:not(.disabled).primary {
        color: #ffffff !important;
        background-color: #007bff !important;
        border-color: #007bff !important;
    }

        div.library-action-button:not(.disabled):hover,
        div.library-action-button:not(.disabled).primary:hover {
            background-color: #0069d9 !important;
            border-color: #0062cc !important;
        }

        div.library-action-button:not(.disabled).secondary {
            color: #ffffff !important;
            background-color: #6c757d !important;
            border-color: #6c757d !important;
        }

            div.library-action-button:not(.disabled).secondary:hover {
                background-color: #5a6268 !important;
                border-color: #545b62 !important;
            }

        div.library-action-button:not(.disabled).success {
            color: #ffffff !important;
            background-color: #28a745 !important;
            border-color: #28a745 !important;
        }

            div.library-action-button:not(.disabled).success:hover {
                background-color: #218838 !important;
                border-color: #1e7e34 !important;
            }

        div.library-action-button:not(.disabled).danger {
            color: #ffffff !important;
            background-color: #dc3545 !important;
            border-color: #dc3545 !important;
        }

            div.library-action-button:not(.disabled).danger:hover {
                background-color: #c82333 !important;
                border-color: #bd2130 !important;
            }

        div.library-action-button:not(.disabled).warning {
            color: #212529 !important;
            background-color: #ffc107 !important;
            border-color: #ffc107 !important;
        }

            div.library-action-button:not(.disabled).warning:hover {
                background-color: #e0a800 !important;
                border-color: #d39e00 !important;
            }

        div.library-action-button:not(.disabled).info {
            color: #ffffff !important;
            background-color: #17a2b8 !important;
            border-color: #17a2b8 !important;
        }

            div.library-action-button:not(.disabled).info:hover {
                background-color: #138496 !important;
                border-color: #117a8b !important;
            }

        div.library-action-button:not(.disabled).light {
            color: #212529 !important;
            background-color: #f8f9fa !important;
            border-color: #f8f9fa !important;
        }

            div.library-action-button:not(.disabled).light:hover {
                background-color: #e2e6ea !important;
                border-color: #dae0e5 !important;
            }

        div.library-action-button:not(.disabled).dark {
            color: #ffffff !important;
            background-color: #343a40 !important;
            border-color: #343a40 !important;
        }

            div.library-action-button:not(.disabled).dark:hover {
                background-color: #23272b !important;
                border-color: #1d2124 !important;
            }

        div.library-action-button:not(.disabled).link {
            font-weight: 400;
            color: #007bff !important;
            background-color: transparent !important;
            border-color: transparent !important;
        }

            div.library-action-button:not(.disabled).link:hover {
                color: #0056b3 !important;
                text-decoration: underline;
            }

    div.library-action-button i.fa.fa-lg,
    div.library-action-button i.far.fa-lg,
    div.library-action-button i.fas.fa-lg {
        padding-left: 0;
        padding-right: 8px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: relative;
    }

    div.library-action-button span {
        height: 20px;
        position: relative;
        line-height: 20px;
        padding-left: 0;
        padding-right: 5px;
        display: inline-block;
    }

div.library-action-select {
    cursor: pointer;
    font-size: 0.75rem;
    vertical-align: middle;
    padding: .375rem .5rem;
    border: 1px solid #007bff;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 0;
    line-height: 20px;
    height: 20px;
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    div.library-action-select:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }


    div.library-action-select i.fa.fa-lg,
    div.library-action-select i.far.fa-lg,
    div.library-action-select i.fas.fa-lg {
        padding-right: 8px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: relative;
    }

    div.library-action-select span {
        height: 20px;
        position: relative;
        line-height: 20px;
        padding-right: 5px;
        display: inline-block;
    }

div.library-table {
    display: table;
    width: 100%;
}

    div.library-table div.library-table-header {
        display: table-header-group;
    }

        div.library-table div.library-table-header div.library-table-cell {
            font-weight: bold;
            text-align: center;
        }

        div.library-table div.library-table-header div.library-table-row,
        div.library-table div.library-table-body div.library-table-row {
            display: table-row;
        }

    div.library-table div.library-table-body {
        display: table-row-group;
    }

        div.library-table div.library-table-body div.library-table-row div.library-table-cell.library-table-cell-icon:first-child {
            width: 40px;
        }

        div.library-table div.library-table-body div.library-table-row:hover div.library-table-cell.library-table-cell-icon:first-child {
            border-left: 4px solid #fad42e;
        }

        div.library-table div.library-table-body div.library-table-row:hover div.library-table-cell {
            background-color: #EFF9FC;
        }

        div.library-table div.library-table-body div.library-table-row div.library-table-cell.library-table-cell-icon:first-child {
            border-left: 4px solid transparent;
        }

        div.library-table div.library-table-body div.library-table-row div.library-table-cell.library-table-cell-icon {
            min-width: 40px;
            text-align: center;
        }

        div.library-table div.library-table-header div.library-table-row div.library-table-cell,
        div.library-table div.library-table-body div.library-table-row div.library-table-cell {
            display: table-cell;
            padding: 15px;
            vertical-align: middle;
            border-bottom: 1px solid #CCCCCC;
        }

            div.library-table div.library-table-body div.library-table-row div.library-table-cell.library-table-row-actions {
                text-align: right;
            }



#user-profile-roles div.user-profile-grouping {
    display: table;
}

#user-profile-roles div.user-profile-grouping-header {
    display: table-header-group;
}

#user-profile-roles div.user-profile-grouping-body {
    display: table-row-group;
}

    #user-profile-roles div.user-profile-grouping-body > div.user-profile-role {
        display: table-row;
    }

        #user-profile-roles div.user-profile-grouping-body > div.user-profile-role > div.user-profile-role-level,
        #user-profile-roles div.user-profile-grouping-body > div.user-profile-role > div.user-profile-role-info {
            display: table-cell;
        }


#user-profile-roles-container > div,
#user-profile-edition-container > div {
    display: table-row;
}


    #user-profile-edition-container > div.user-profile-edition-name {
        height: 46px;
    }

    #user-profile-roles-container > div > div:first-child,
    #user-profile-edition-container > div > div:first-child {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        width: 35%;
    }

    #user-profile-roles-container > div > div:last-child,
    #user-profile-edition-container > div > div:last-child {
        display: table-cell;
        text-align: center;
        padding: 10px 20px 10px 20px;
        vertical-align: top;
    }

        #user-profile-edition-container > div > div:last-child > input {
            line-height: 16px;
            padding: 4px 8px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #999999;
        }

        #user-profile-edition-container > div > div:last-child > input {
            width: calc(100% - 18px);
        }


tbody#ProfileTableContent > tr > td:last-child {
    min-width: 150px !important;
}

    tbody#ProfileTableContent > tr > td:last-child > div:first-child {
        margin-left: 25px;
    }

    tbody#ProfileTableContent > tr > td:last-child > div:last-child {
        margin-right: 25px;
    }

    tbody#ProfileTableContent > tr > td:last-child > div {
        width: 24px;
        height: 24px;
        margin: auto 15px;
        text-align: center;
    }

        tbody#ProfileTableContent > tr > td:last-child > div.user-profile-action-disabled {
            color: #DDDDDD;
        }

        tbody#ProfileTableContent > tr > td:last-child > div:not(.user-profile-action-disabled) {
            cursor: pointer;
            color: #007BFF;
        }

            tbody#ProfileTableContent > tr > td:last-child > div:not(.user-profile-action-disabled).fa-trash {
                color: #dc3545;
            }


form#user-profile-edition {
    height: 100% !important;
    overflow: auto;
    background-color: #ffffff;
}

    form#user-profile-edition > div {
        border-right: 1px solid #CCCCCC;
    }

div.user-profile-role-name {
    font-weight: bold;
}

div.user-profile-role-description {
    font-size: 0.8em;
}


div.user-profile-roles-group {
    padding: .5rem 1rem;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    background-color: #F6F6F6;
}

div.wp-toggle-choice {
    display: inline-block;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    width: calc(100% - 2px);
}


    div.wp-toggle-choice > div {
        display: table;
        width: 100%;
    }

        div.wp-toggle-choice > div > div {
            display: table-row;
            width: 100%;
        }

            div.wp-toggle-choice > div > div > div {
                display: table-cell;
                padding: 0.5rem 1rem;
                color: #666666;
                background-color: #EEEEEE;
                vertical-align: middle;
                border-right: 1px solid transparent;
                cursor: pointer;
                height: 32px;
            }

            div.wp-toggle-choice > div > div[data-length='3'] > div:first-child,
            div.wp-toggle-choice > div > div[data-length='3'] > div:last-child {
                width: 30%;
            }

            div.wp-toggle-choice > div > div[data-length='3'] > div:not(:first-child):not(:last-child) > i {
                line-height: 100%;
                vertical-align: middle;
            }

            div.wp-toggle-choice > div > div[data-length='3'] > div:not(:first-child):not(:last-child) > span {
                display: inline-block;
                max-width: calc(100% - 40px);
                max-height: 100%;
                vertical-align: middle;
            }

            div.wp-toggle-choice > div > div:not([data-length='3']) > div > span {
                line-height: 100%;
                vertical-align: middle;
            }

            div.wp-toggle-choice > div > div[data-length='2'] > div {
                width: 50%;
            }

            div.wp-toggle-choice > div > div[data-length='1'] > div {
                width: 100%;
            }

            div .wp-toggle-choice > div > div > div > i {
                padding-right: 8px;
                vertical-align: middle;
            }

            div.wp-toggle-choice > div > div > div > span {
                line-height: 16px;
            }

            div.wp-toggle-choice > div > div > div:not(:last-child) {
                border-right: 1px solid #CCCCCC;
            }

    div.wp-toggle-choice[data-level='2'] > div > div > div.user-profile-full-right {
        background-color: #28a745;
        color: #FFFFFF;
        cursor: default;
    }

    div.wp-toggle-choice[data-level='1'] > div > div > div.user-profile-view-only {
        background-color: #4297d7;
        color: #FFFFFF;
        cursor: default;
    }

    div.wp-toggle-choice[data-level='0'] > div > div > div.user-profile-no-right {
        background-color: #dc3545;
        color: #FFFFFF;
        cursor: default;
    }

    div.wp-toggle-choice[data-level='3'] > div > div > div.user-profile-degraded {
        background-color: orange;
        color: #FFFFFF;
        cursor: default;
    }

    div.wp-toggle-choice > div > div > div:hover {
        background-color: #FFFFFF;
    }

td[aria-describedby="DevicesOverview_EnrollmentState"] i.agent-identity-failure.fa-exclamation-triangle {
    color: #dc3545;
}

td[aria-describedby="DevicesOverview_EnrollmentState"] i {
    margin: 2px 7px 2px 5px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    td[aria-describedby="DevicesOverview_EnrollmentState"] i.enrolled {
        background-image: url("/Content/Images/enroll_16.png");
    }

    td[aria-describedby="DevicesOverview_EnrollmentState"] i.not-enrolled {
        top: -1px;
        background-image: url("/Content/Images/unenroll_16.png");
    }

    td[aria-describedby="DevicesOverview_EnrollmentState"] i.ewf-not-enrolled,
    td[aria-describedby="DevicesOverview_EnrollmentState"] i.waiting-enrollment {
        top: -1px;
        background-image: url("/Content/Images/unenroll_gray_16.png");
    }

    td[aria-describedby="DevicesOverview_EnrollmentState"] i.ewf-enrolled,
    td[aria-describedby="DevicesOverview_EnrollmentState"] i.waiting-unenrollment {
        background-image: url("/Content/Images/enroll_gray_16.png");
    }

td[aria-describedby="DevicesOverview_EnrollmentState"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}


div.dialog-error.devices-overview-unenroll p span {
    line-height: 32px !important;
}

span.devices-overview-unenroll-risks {
    font-weight: bold;
}

#searcher {
    padding: 20px;
    margin: 0;
    border-bottom: 2px solid #CCCCCC;
}

    #searcher #searcher-container input.searcher-input {
        width: 40em;
    }

div#two-factor-authentication {
    margin: 30px 0 20px 0;
    width: 1250px;
}

div#user-details-2FA-loading,
div#user-details-2FA-QRCode {
    width: 300px;
    min-height: 300px;
    text-align: center;
    margin: auto;
    float: left;
    vertical-align: middle;
    margin: 15px 0 15px 20px;
}

div #user-details-2FA-QRCode {
    display: none;
}

    div #user-details-2FA-QRCode > div#btnCopyToClipboard {
        margin: 5px 0 0 0;
    }

    div#user-details-2FA-QRCode > canvas {
        width: 250px;
    }

div#user-details-2FA-loading {
    margin: 25px 0 5px 20px;
    display: inline-block;
    vertical-align: middle;
}

    div#user-details-2FA-loading > div {
        height: 100px;
        margin: calc(50% - 50px) 0;
    }

        div#user-details-2FA-loading > div > i {
            display: block;
            font-size: 48px;
            margin: 20px;
        }

div#user-details-2FA-Description {
    float: left;
}

    div#user-details-2FA-Description div#tfa-app-details > span {
        display: block;
    }

#tfa-apps-links {
    width: 100%;
    margin: 10px 0 0 0;
}

#authy-download-button {
    width: 150px;
    height: 45px;
}

#tfa-apps-links img {
    cursor: pointer;
}

    #tfa-apps-links img[data-store="app-store"],
    #tfa-apps-links img[data-store="google-play"] {
        width: 150px;
    }

.groupDetailsContent {
    min-height: 75px;
    max-height: 300px;
}

form#Form_Setting_AutoInventory > fieldset.wp-fieldset > p {
    padding: 2px 0;
}

    form#Form_Setting_AutoInventory > fieldset.wp-fieldset > p:last-child {
        padding-top: 10px;
    }

.download-link {
    display: inline-block;
    text-decoration: none;
    color: #4297d7 !important;
}

    .download-link:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.highlightEffect {
    background-color: #FAD42E;
}

.summary-description-details {
    width: 33%;
    position: relative;
    float: right;
    bottom: 7px;
    text-align: center;
}

.menuDescriptionListItem {
    font-weight: bold;
}

#managerContentDevices {
    display: flex;
}

#managerContentPatchManagement {
    display: flex;
    flex-direction: column;
}

#WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info {
    line-height: 25px;
    text-align: center;
    padding: 1rem;
}

#WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info-buttons > button {
    padding: 20px;
    text-align: center;
    width: 33%;
    border: 1px solid grey;
    margin: 10px;
}

    #WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info-buttons > button > div.proviewer-button-text {
        font-size: 1.15em;
        margin-bottom: 10px;
    }


    #WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info-buttons > button > div.proviewer-button-gdpr {
        font-size: 0.75em;
        margin-top: 10px;
    }

    #WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info-buttons > button > div.proviewer-button-text > i,
    #WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info-buttons > button > div.proviewer-button-text > span {
        display: inline-block;
        width: calc(100% - 20px);
        padding: 10px 10px;
    }

        #WebManager_Dialog_OpenProViewerDialog div.proViewer-select-dialog-info-buttons > button > div.proviewer-button-text > span[language='en'] {
            width: calc(100% - 40px);
            padding: 10px 20px;
        }

#WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset {
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 20px 5px 20px;
}


    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset[disabled='disabled'] > div {
        display: none;
    }

    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset legend > input, #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset legend > label, #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-time > span > input, #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-time > span > label {
        line-height: 20px;
        vertical-align: middle;
    }


    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset legend > input {
        margin: 5px;
    }

    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-time > span > input {
        margin: 5px 5px 5px 20px;
    }

    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-time {
        float: left;
        margin: 10px 0 10px 10px;
        padding-right: 10px;
        width: calc(22% - 21px);
        border-right: 1px solid #DDDDDD;
    }

        #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-time > span,
        #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-title > span,
        #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-title > input,
        #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-text > span,
        #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-text > textarea {
            display: block;
            width: 100%;
        }


    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-title > input,
    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-text > textarea {
        width: 97%;
        border: 1px solid #DDDDDD;
    }

    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-text > textarea {
        height: 55px;
        resize: none;
        overflow-y: auto;
    }


    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-time > span,
    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-title > span,
    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-text > span {
        margin-bottom: 10px;
    }

    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-title,
    #WebManager_Dialog_OpenProViewerDialog fieldset.wp-fieldset div.proviewer-personnalize-message-text {
        float: right;
        width: calc(78% - 35px);
        margin: 10px 10px 10px 25px;
    }


table#listDisks td[aria-describedby="listDisks_Status"] i,
table#listPartitions td[aria-describedby="listPartitions_ProtectionStatus"] i {
    margin-right: .25rem;
}

    table#listDisks td[aria-describedby="listDisks_Status"] i.fa-check-circle,
    table#listPartitions td[aria-describedby="listPartitions_ProtectionStatus"] i.fa-check-circle {
        color: #28a745 !important;
    }

    table#listDisks td[aria-describedby="listDisks_Status"] i.fa-times-circle,
    table#listPartitions td[aria-describedby="listPartitions_ProtectionStatus"] i.fa-times-circle {
        color: #dc3545 !important;
    }

    table#listPartitions td[aria-describedby="listPartitions_ProtectionStatus"] i.fa-minus-circle {
        color: #6c757d !important;
    }

    table#listPartitions td[aria-describedby="listPartitions_ProtectionStatus"] i.fa-question-circle {
        color: #17a2b8 !important;
    }


.scenarioDescriptionContent {
    white-space: pre-wrap;
    display: inline-table;
}

.device-online {
    color: #2ecc71;
    font-size: 1.4em !important;
}

.device-offline {
    color: grey;
    font-size: 1.4em !important;
}

.reboot-required {
    color: #ffc107 !important;
}

#Form_Setting_GLPI p {
    width: 50em !important;
}

#Form_Setting_GLPI input {
    width: 25em !important;
}

#View_Form_AutomaticUpdate_Chart_Title {
    text-align: center;
    margin-bottom: 17px;
}

i.fa.connected-user-local-admin, i.fa.connected-user-domain-admin {
    color: #ffc107 !important;
    margin-right: 0.5rem;
}

i.fa.connected-user-domain-unreachable {
    color: orange !important;
    margin-right: 0.5rem;
}

.jqgridWithTabUIAndSummary {
    margin-top: 6px;
    height: calc(100% - 148px);
    position: absolute;
    width: 100%;
}

#gridpagercustomField,
#gridpageragentcustomField {
    position: relative !important;
    top: 26px;
}

.customFieldsTabContent {
    height: calc(100% - 26px);
}

.jqgridListWithTabUIAndSummary {
    height: calc(100% - 57px);
    position: relative;
}

.jqgridAgentCustomFieldsList {
    height: calc(100% - 77px);
    position: relative;
}

.jqgridWithTabButtonUIDisabled {
    opacity: 0.3 !important;
}

.notificationDiv {
    position: absolute;
    top: 52px;
    right: 24px;
    z-index: 1500;
}

.uiTabsForActiononButton {
    margin: 1em;
    display: inline-block;
}

.uiTabsForActiononButtonSingle {
    margin: 1em;
    display: inline-block;
}

.jqgridEmptyGroupFormat {
    color: lightgray;
}

#showGroupMessage .customFieldItem {
    user-select: none;
}

    #showGroupMessage .customFieldItem .bi-trash3-fill {
        cursor: pointer;
    }