/*

    Sidebar CSS

    copyright 2015 Actis Sales Technology
    
*/
.css_Sidebar /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid var(--MainBackgroundColour);
    padding: 2px;
}

.css_Sidebar_SetContainer {
    max-height: 100%;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.css_Sidebar_SetContainer_Initial {
    max-height: 100%;
    overflow: hidden;
}

.css_Sidebar_SystemActions_table {
    border: 1px solid var(--MainBackgroundColour);
    border-collapse: collapse;
    border-spacing: 0px;
    width: 300px;
}

.css_Sidebar_Header /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    color: var(--DarkBackgroundColour);
    background-color: var(--MainBackgroundColour);
    font-size: medium;
    font-weight: bold;
}

.css_Sidebar_Header_Spacing {
    min-height: 10px;
    line-height: 10px;
}

.css_Sidebar_Info /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    background-color: var(--MainBackgroundColour);
    color: var(--DarkBackgroundColour);
    font-size: small;
    text-decoration: none;
}

.css_Sidebar_Action /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    background-color: var(--MainBackgroundColour);
    color: var(--DarkBackgroundColour);
    font-size: small;
    text-decoration: none;
    cursor: pointer
}

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

.css_Sidebar_Action_active {
    color: var(--SoftRed);
}

.css_Sidebar_Header .img /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    font-size: 32px;
    margin: 3px;
}

.css_Sidebar_Header td /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    padding-left: 3px;
}

.css_Sidebar_Content {
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.css_Sidebar_Content_table /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    width: 294px;
    border-spacing: 0;
}

.css_Sidebar_Content_table_tr_disabled /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    background-color: var(--MainBackgroundColour) /*#E0EBF4;;*/;
    color: #e0e0e0;
    cursor: no-drop !important;
    text-decoration: none;
    font-size: small;
}

.css_Sidebar_Content_table_tr /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    background-color: var(--MainBackgroundColour);
    color: var(--DarkBackgroundColour);
    text-decoration: none;
    font-size: small;
}

    .css_Sidebar_Content_table_tr_disabled .actis_bg::before,
    .css_Sidebar_Content_table_tr .actis_bg::before {
        font-size: 24px;
    }

.css_Sidebar_Content_table .img /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    font-size: 24px;
    margin: 2px;
}

.css_Sidebar_switch /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    text-align: right;
    cursor: pointer;
    height: 24px;
    min-width: 36px;
    font-size: 24px;
}

.css_Sidebar_textbox_Caption {
    width: 285px;
}

.css_Sidebar_textbox_ShortCaption {
    width: 250px;
}

.css_Sidebar_Go_Button {
    min-height: 24px;
    min-width: 42px;
    text-align: right;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

    .css_Sidebar_Go_Button .img {
        display: inline-block;
        padding: 0px;
        margin: 0px;
    }

.css_Sidebar_Textbox_table {
    border-spacing: 0px;
}

.css_Sidebar_input_Table {
    border-spacing: 0px;
    width: 100%;
    padding: 0px 5px;
}

    .css_Sidebar_input_Table TD {
        background-color: var(--MainBackgroundColour);
    }

    .css_Sidebar_input_Table Input /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
        background-color: var(--MainBackgroundColour);
        border: 1px solid var(--MainBackgroundColour);
        width: 35px;
    }

        .css_Sidebar_input_Table Input:focus {
            border: 1px solid var(--button-border-hover);
        }

    .css_Sidebar_input_Table .img {
        display: inline-block;
        cursor: pointer;
        font-size: 16px;
    }

.css_Sidebar_input_Table_Invalid {
    border-spacing: 0px;
    width: 100%;
    background-color: #FF4B4B;
}

    .css_Sidebar_input_Table_Invalid TD {
        background-color: #FF4B4B;
    }

    .css_Sidebar_input_Table_Invalid Input /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
        background-color: mistyrose;
        border: 1px solid mistyrose;
        width: 51px;
    }

        .css_Sidebar_input_Table_Invalid Input:focus {
            border: 1px solid var(--button-border-hover);
        }

    .css_Sidebar_input_Table_Invalid .img {
        display: none;
        cursor: cell;
        font-size: 16px;
    }

.css_Sidebar_input_Table_Nosave {
    border-spacing: 0px;
    width: 100%;
}


    .css_Sidebar_input_Table_Nosave TD {
        background-color: var(--MainBackgroundColour);
    }

    .css_Sidebar_input_Table_Nosave Input /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
        background-color: var(--MainBackgroundColour);
        border: 1px solid var(--MainBackgroundColour);
        width: 51px;
    }

        .css_Sidebar_input_Table_Nosave Input:focus {
            border: 1px solid var(--button-border-hover);
        }

    .css_Sidebar_input_Table_Nosave .img {
        display: none;
        cursor: cell;
        font-size: 16px;
    }

.css_Sidebar_TextInternal_Pad {
    padding-left: 0px;
}

.css_Sidebar_ActionIcon_Padding /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    padding-right: 5px;
    width: 50px;
}

.css_Sidebar_Radio_table {
    width: 100%;
    border-spacing: 0px;
}

.css_Sidebar_RadioTD {
    width: 24px;
    padding: 0px;
    margin: 0px;
}

.css_Sidebar_Action_Padded {
    padding: 0px 0px 0px 20px;
}

.css_Sidebar_Action_Not_Padded {
    padding-left: 0px;
}

.css_Sidebar_DropDown_table {
    width: 97%;
    border-spacing: 0px;
}

.css_Sidebar_DropDown_TDSelect {
    text-align: right;
}

    .css_Sidebar_DropDown_TDSelect select {
        width: 100%;
    }


.css_Sidebar_Generic_table {
    width: 100%;
}

.css_Sidebar_Generic_TDDiv /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    text-align: right;
    max-width: 230px;
}

.css_Sidebar_TopBarCollapse /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    position: relative;
    float: right;
    color: var(--DarkBlue);
    font-weight: var(--fa-style);
    font-size: 24px !important;
    z-index: 200;
    padding: 0px;
    top: 1px;
    cursor: pointer;
    height: 26px;
    width: 17px;
    background-repeat: no-repeat;
}

.css_Sidebar_TopBarExpand /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    position: relative;
    float: right;
    color: var(--DarkBlue);
    font-weight: var(--fa-style);
    font-size: 24px !important;
    z-index: 200;
    padding: 0px;
    top: 1px;
    cursor: pointer;
    height: 26px;
    width: 17px;
    background-repeat: no-repeat;
}
    .css_Sidebar_TopBarCollapse:hover,
    .css_Sidebar_TopBarExpand:hover {
        font-weight:900;
        color: var(--Pink);
    }
.css_Sidebar_GroupNameTD /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    width: 253px;
}

.css_Sidebar_key_table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.css_Sidebar_Key_Padded {
    line-height: 18px;
}

.css_Sidebar_Key_Not_Padded {
    padding-left: 0px;
}

.css_Sidebar_ActionRow {
    line-height: 24px;
    color: #38AC13;
}

.css_Sidebar_Key_ActionRow {
    line-height: 24px;
}

    .css_Sidebar_Key_ActionRow .img {
        margin-top: 20px;
    }

    .css_Sidebar_Key_ActionRow td:first-child {
        vertical-align: top;
    }

.css_Sidebar_Key_Row {
    line-height: 24px;
    color: var(--DarkBackgroundColour);
}

    .css_Sidebar_Key_Row td:first-child {
        vertical-align: bottom;
        color: var(--DarkBackgroundColour);
        font-size: small;
        padding-top: 10px;
    }

.css_Sidebar_Key_Selectable {
    border: 2px solid var(--MainBackgroundColour);
    border-collapse: separate;
}

    .css_Sidebar_Key_Selectable:hover {
        border: 2px solid var(--button-border-hover);
    }

.css_Sidebar_Key_Selected {
    border: 2px solid var(--MainForeColour);
    border-collapse: separate;
}

    .css_Sidebar_Key_Selected:hover {
        border: 2px solid Blue;
    }

.css_Sidebar_Menu_Header {
    background-color: var(--MainBackgroundColour);
    color: var(--NewDarkBackgroundColour);
    font-size: medium;
    font-weight: bold;
}

.css_Sidebar_Menu_Header_TD {
}

.css_Sidebar_Menu_Header_Spacing {
    min-height: 10px;
    line-height: 10px;
}

.css_Sidebar_Menu_Content {
    overflow: hidden;
    -webkit-transition: max-width .5s ease-in-out;
    -moz-transition: max-width .5s ease-in-out;
    -o-transition: max-width .5s ease-in-out;
    transition: max-width .5s ease-in-out;
    position: absolute;
    left: 273px;
    margin-top: -30px;
    z-index: 5000;
}

.css_Sidebar_GroupInfoTD {
    font-size: small;
    font-weight: normal;
    font-style: italic;
}