/* Table of Contents:

	Typography
	Composite
	MasterPage
	Membership
	Workspace
    TabbedLayout
    FormView
    FormEdit
    Form
    Grid
    Menu
    Metadata
*/


/* Typography
--------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Italic.eot);
    src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/Roboto-Italic.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Italic.woff) format('woff'), url(fonts/Roboto-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Bold.eot);
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Bold.woff) format('woff'), url(fonts/Roboto-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Regular.eot);
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Regular.woff) format('woff'), url(fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Medium.eot);
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Medium.woff) format('woff'), url(fonts/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Light.eot);
    src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Light.woff) format('woff'), url(fonts/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Thin.eot);
    src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Thin.woff) format('woff'), url(fonts/Roboto-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

html, body, form, #formcontent {
    height: 100%;
}

body {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #404040;
}

a,
a:link,
a:visited {
    color: #0068b3;
    text-decoration: underline;
}

    a:hover {
        text-decoration: underline;
    }

    a[disabled], a.aspNetDisabled {
        color: #999999;
    }

.pagetitle,
.wstitle,
.pf_title {
    font-size: 30px;
    color: #404040;
}

.fe_title {
    font-size: 24px;
}

.welcometext,
.helptext {
}

.memberform .row .text .subtext {
    font-weight: normal;
}

.instruction,
.subtext {
    color: #767676;
}

/* Composite
--------------------------------------------------------------------------------------- */
.btnlarge input, /* buttons on Form */
input.btnlarge, /* buttons on PageFlow */
.btn_large, /*  on Registration.aspx */
.btn_extrlarge, /*  on ContactUsPreliminary.aspx */
.pre_cancelbutton,
.pre_prevbutton,
.pre_nextbutton,
.btn_medium,
.f_button input,
.pad_btnclassic,
.f_atch_btndelete,
.fe_attachment .fe_atch_right input,
.flt_btns input,
.pf_btn {
    color: #fff;
    background: #0068b3;
    border: 1px solid #0068b3;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    padding: 10px 25px;
    font-family: Roboto,sans-serif;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    border-radius: 3px;
}

.tablelayout .flt_btns input {
    background-color: #0068b3;
    padding: 6px 16px;
    border: 1px solid #0068b3;
    font-family: Roboto,sans-serif;
    font-weight: 500;
}

    .btnlarge input:hover, /* buttons on Form */
    input.btnlarge:hover, /* buttons on PageFlow */
    .btn_large:hover, /*  on Registration.aspx */
    .btn_extrlarge:hover, /*  on ContactUsPreliminary.aspx */
    .pre_cancelbutton:hover,
    .pre_prevbutton:hover,
    .pre_nextbutton:hover,
    .btn_medium:hover,
    .f_button input:hover,
    .pad_btnclassic:hover,
    .f_atch_btndelete:hover,
    .fe_attachment .fe_atch_right input:hover,
    .flt_btns input:hover,
    .pf_btn:hover,
    .tablelayout .flt_btns input:hover {
        background: #004a80;
        border: 1px solid #004a80;
        cursor: pointer;
    }

.pre_prevbutton[disabled], .btn_medium[disabled], .f_button input.disabled, .pad_btnclassic[disabled], .f_atch_btndelete[disabled], .fe_attachment .fe_atch_right input.disabled, .pf_btn[disabled], .btnlarge input.disabled, /* buttons on Form */
input.btnlarge[disabled], /* buttons on PageFlow */
.btn_large[disabled] /*  on Registration.aspx */ {
    background-color: lightgray;
    border-color: lightgray;
    cursor: auto;
}

.memberform .row .control input,
.memberform .row .control select,
.postform .row .control input,
.postform .row .control textarea,
.fe_singlelinetext .fe_q_cont input,
.fe_dropdownlist select,
.fe_question textarea,
.fe_taxid input,
.fe_q_other {
    border: 1px solid #B0B0B0;
}

/* MasterPage
--------------------------------------------------------------------------------------- */
.main {
    width: 960px;
    padding-bottom: 130px;
    margin: 0 auto;
}

.page {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}

.header {
    padding: 6px 20px;
    min-height: 70px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.logo {
    width: 960px;
    margin: 0 auto;
}

.logo_link {
    background: url(images/krogerzerowaste.svg) no-repeat scroll 0 0 transparent;
    height: 148px;
    width: 148px;
    display: block;
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 1920px;
    height: 75px;
    background-color: #ecf0f9;
    color: #404040;
    font-size: 12px;
    border-top: 1px solid #d9d9d9;
}

.footercontent {
    height: 75px;
    margin: 0 auto;
    width: 960px;
    margin: 0 auto;
}



/* Membership
--------------------------------------------------------------------------------------- */

.pagecontent {
    margin: 30px 0;
}

.membershipcontent {
    margin: 20px 20px 0 20px;
}

.memberform {
    width: 500px;
    border-right: 1px dashed #0068b3;
    float: left;
    color: Black;
    font-size: 12px;
    padding: 0 10px 0 30px;
}

    .memberform .content {
        padding-bottom: 5px;
    }

    .memberform .row {
        padding-top: 5px;
    }

        .memberform .row .text {
            padding-left: 0px;
            width: 170px;
            font-weight: bold;
            line-height: 25px;
        }

        .memberform .row .control {
            width: 270px;
        }

            .memberform .row .control input {
                width: 245px; /* 25px - reserved to red asterisk */
                height: 20px;
                padding: 1px;
            }

            .memberform .row .control select {
                width: 249px;
                height: 24px;
                padding: 1px;
            }

            .memberform .row .control .asterisk {
                color: #ff0000;
            }

    .memberform .buttonrow {
        padding-left: 170px;
        padding-top: 15px;
    }

.lkrestore {
    margin-left: 18px;
}

.regblock {
    float: left;
    padding-left: 50px;
}

    .regblock .text {
        padding: 10px 0 10px 0;
        font-weight: bold;
    }

.memberform .errorrow ul {
    width: 331px;
}

.instruction {
    margin-left: 40px;
}

.notificationtitle {
    color: #FB7101;
    border-top: 2px solid #FB7101;
    border-bottom: 1px solid #FB7101;
}

.proposalmanagersettingstitle {
    border-bottom: 1px solid #FEBD11;
    border-top: 2px solid #FEBD11;
    color: #FEBD11;
}
/* Workspace           
--------------------------------------------------------------------------------------- */
.ws_main {
    margin: 0 20px;
}

.ws_container {
    padding-top: 20px;
}

/* TabbedLayout            
--------------------------------------------------------------------------------------- */

/* FormView 
--------------------------------------------------------------------------------------- */

.fv_grouphead {
    padding: 10px 0;
    cursor: pointer;
    color: #0068b3;
    font-size: 14px;
    font-weight: 500;
}

.fv_rowalt td,
.fv_row td {
    border-bottom: dotted 1px #a8a8a8;
}

.fv_cell_lt,
.fv_mtrx_celllt,
.fv_mtrx_totalcelllt,
.fv_mtrx .fv_mtrx_celllt,
.fe_all_cell_tl, .fe_all_amount_title, .fe_all_percentage_title {
    background-color: #f0f0f0;
    font-weight: 500;
}

/* FormEdit
--------------------------------------------------------------------------------------- */
.fe_matrix .fe_table_cell input[type="image"].calendarImage,
.fe_table .fe_table_cell input[type="image"].calendarImage {
    padding: 2px;
    vertical-align: top;
}
/* Form
--------------------------------------------------------------------------------------- */


/* Grid                
--------------------------------------------------------------------------------------- */
.grid .fixed {
    width: 100%;
}

.g_headrow td,
.g_headrowsort td {
    background-color: #BCBCBC;
    border: 1px solid #D9D9D9;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 3px 5px 10px;
    text-align: left;
}

.exclamation::before {
    color: #FB7101;
}
/* Menu       
--------------------------------------------------------------------------------------- */
.mainmenu {
    padding: 0 20px;
    height: 38px;
}

    .mainmenu table.m_staticitem {
        display: inline-block;
        height: 38px;
        padding: 0 2px 0 1px;
        line-height: 40px;
        font-size: 12px;
    }

    .mainmenu a.m_staticitem {
        display: inline-block;
        height: 38px;
        font-weight: bold;
        color: White;
        padding: 0 28px 0 29px;
    }

        .mainmenu a.m_staticitem:hover {
            height: 33px;
            text-decoration: none;
            border-bottom: 5px solid #CBEAB0 !important;
        }

    .mainmenu a[disabled], .mainmenu a.aspNetDisabled {
        color: #dddddd;
    }

        .mainmenu a[disabled]:hover, .mainmenu a.aspNetDisabled:hover {
            border-bottom-style: none !important;
        }



/* Metadata
--------------------------------------------------------------------------------------- */
/*          fixed           */
.fixed {
    width: 100%;
}

/*          wstitle          */
.wstitle {
    padding-bottom: 15px;
}

    .wstitle .f_ctrllabel {
        font-weight: inherit;
        width: auto;
    }

/*          selector            */

.selector td {
    vertical-align: top;
}

.selector .leftsel {
    width: 370px;
}

.selector .wstitle {
    margin-right: 0px;
    padding-right: 0px;
}

.selector .tree {
    border: 1px solid #C2C2C2;
    padding: 7px;
    margin-right: 10px;
}

.selector .line {
    border-top: 1px solid #C2C2C2;
    padding-top: 7px;
}


/* history implementation */

.colclosed table {
    width: 100%;
}

.colclosed input {
    float: right;
}

.edithisttitle {
    font-size: 14px;
    color: #5AA341;
    font-weight: bold;
}

.historygrid {
    width: 100%;
}

.historyheader table {
    width: 100%;
}

    .historyheader table td {
        vertical-align: middle;
    }

.closehistory a {
    float: right;
}

.reqactionstitle {
    color: Red;
    font-weight: bold;
    font-size: 20px;
}

.ltbsubmitterproposalview .proposaltabview {
    width: 920px;
}

.summary {
    padding: 5px;
}

.utext,
.userprofile_aspx .memberform .row .control,
.changeemail_aspx .memberform .row .control {
    line-height: 25px;
}
/* Login Status Control
--------------------------------------------------------------------------------------- */

.loginStatusCtr .panelShowLoginStatusPanel {
    color: #004a80;
}

.loginStatusCtr .userInfoPanel {
    background-color: #004a80;
}

.HomeButton,
.buttonpanel,
.loginStatusCtr .panelButtons {
    background-color: #0068b3;
}

    .buttonpanel:hover,
    .HomeButton:hover,
    .panelButtons a:hover {
        background-color: #004a80;
    }

.userNameButton {
    font-size: 12px;
}

i.ls-user-circle::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjMDA0YTgwIiBkPSJNMjQ4IDhDMTExIDggMCAxMTkgMCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgOCAyNDggOHptMCA5NmM0OC42IDAgODggMzkuNCA4OCA4OHMtMzkuNCA4OC04OCA4OC04OC0zOS40LTg4LTg4IDM5LjQtODggODgtODh6bTAgMzQ0Yy01OC43IDAtMTExLjMtMjYuNi0xNDYuNS02OC4yIDE4LjgtMzUuNCA1NS42LTU5LjggOTguNS01OS44IDIuNCAwIDQuOC40IDcuMSAxLjEgMTMgNC4yIDI2LjYgNi45IDQwLjkgNi45IDE0LjMgMCAyOC0yLjcgNDAuOS02LjkgMi4zLS43IDQuNy0xLjEgNy4xLTEuMSA0Mi45IDAgNzkuNyAyNC40IDk4LjUgNTkuOEMzNTkuMyA0MjEuNCAzMDYuNyA0NDggMjQ4IDQ0OHoiPjwvcGF0aD48L3N2Zz4=);
}

i.ls-rowdawn-d::before {
    padding-top: 1px;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjMDA0YTgwIiBkPSJNMzEuMyAxOTJoMjU3LjNjMTcuOCAwIDI2LjcgMjEuNSAxNC4xIDM0LjFMMTc0LjEgMzU0LjhjLTcuOCA3LjgtMjAuNSA3LjgtMjguMyAwTDE3LjIgMjI2LjFDNC42IDIxMy41IDEzLjUgMTkyIDMxLjMgMTkyeiI+PC9wYXRoPjwvc3ZnPg==);
}