@import url("trc-pbc.css");
@import url("email.css");
@import url("harddrive.css");
@import url("actionitems.css");
@import url("prioritization.css");
@import url("pricingoptions.css");
@import url("reviewcontract.css");
@import url("im.css");

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, Verdana;
    background: url("../assets/images/bg.png") no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

    body > form div.page-content {
        position: relative;
        max-width: 1400px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: auto;
        margin: auto;
        background-color: #fff;
        font-family: Arial, 13px;
    }

.icons {
    padding: 14px 9px;
}

div.page {
    position: absolute;
    left: 0;
    top: 0;
    width: 1024px;
    height: 768px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* #region admin login */
div.component.admin-login {
    position: absolute;
    right: 15px;
    bottom: 25px;
    width: 493px;
    height: 303px;
    font-family: Arial;
    font-style: normal;
}

    div.component.admin-login div.header {
        position: absolute;
        left: 12px;
        top: 17px;
        width: 460px;
        height: 22px;
    }

        div.component.admin-login div.header span.label {
            position: absolute;
            left: 15px;
            top: 3px;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.75px;
            color: #ffffff;
        }

    div.component.admin-login div.row {
        position: absolute;
        left: 20px;
        height: 30px;
    }

        div.component.admin-login div.row div.label {
            position: absolute;
            top: 4px;
            left: 0;
            width: 100px;
            height: 22px;
            font-size: 17px;
            font-weight: bold;
            text-align: right;
            color: #2a2a2a;
        }

        div.component.admin-login div.row div.input {
            position: absolute;
            top: 0;
            left: 110px;
            width: 340px;
            height: 29px;
        }

            div.component.admin-login div.row div.input input {
                position: relative;
                left: 2px;
                top: 1px;
                width: 330px;
                border-style: none;
                bottom: 5px;
                font-size: 16px;
                font-weight: bold;
                text-align: left;
                color: #2a2a2a;
            }

        div.component.admin-login div.row.user-name {
            top: 105px;
        }

        div.component.admin-login div.row.password {
            top: 153px;
        }

    div.component.admin-login hr.line {
        position: absolute;
        bottom: 55px;
        left: 10px;
        width: 470px;
        height: 1px;
        color: black;
    }

    div.component.admin-login a.login-button {
        position: absolute;
        bottom: 8px;
        right: 20px;
        width: 102px;
        height: 33px;
        padding: 5px 0 0 15px;
        background-image: url("../assets/graphics/button_advance_idle.png");
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
    }

        div.component.admin-login a.login-button > span {
            position: absolute;
            top: 6px;
            left: 15px;
        }

        div.component.admin-login a.login-button:hover {
            background-image: url("../assets/graphics/button_advance_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

    div.component.admin-login a.link {
        position: absolute;
        bottom: 25px;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        color: #000000;
    }

        div.component.admin-login a.link.forgot-password {
            left: 30px;
        }

        div.component.admin-login a.link.user-login {
            left: 30px;
        }

/* #endregion */

/* #region logout */
div.component.logout {
    position: absolute;
    top: 140px;
    left: 280px;
    width: 493px;
    height: 260px;
    font-family: Arial;
    font-style: normal;
}

    div.component.logout div.header {
        position: absolute;
        left: 12px;
        top: 17px;
        width: 460px;
        height: 22px;
    }

        div.component.logout div.header span.label {
            position: absolute;
            left: 15px;
            top: 3px;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.75px;
            color: #ffffff;
        }

    div.component.logout div.row {
        position: absolute;
        left: 20px;
        height: 30px;
    }

        div.component.logout div.row div.label {
            position: absolute;
            top: 4px;
            left: 0;
            width: 100px;
            height: 22px;
            font-size: 17px;
            font-weight: bold;
            text-align: right;
            color: #2a2a2a;
        }

    div.component.logout .logout-message {
        position: absolute;
        top: 60px;
        left: 0;
        height: 30px;
        width: 300px;
        text-align: center;
        padding-top: 20px;
        color: #000000;
    }

    div.component.logout div.row div.input {
        position: absolute;
        top: 0;
        left: 110px;
        width: 340px;
        height: 29px;
    }

        div.component.logout div.row div.input input {
            position: relative;
            left: 2px;
            top: 2px;
            width: 336px;
            border-style: none;
            bottom: 2px;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            color: #2a2a2a;
        }

    div.component.logout div.row.user-name {
        top: 105px;
    }

    div.component.logout div.row.password {
        top: 153px;
    }

    div.component.logout hr.line {
        position: absolute;
        bottom: 55px;
        left: 10px;
        width: 470px;
        height: 1px;
        color: black;
    }

    div.component.logout a.logout-button {
        position: absolute;
        bottom: 20px;
        right: 100px;
        width: 64px;
        height: 18px;
        background-image: url("../assets/graphics/button_leader-dashboard_body_yellow_idle.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000000;
    }

        div.component.logout a.logout-button > span {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            width: 100%;
            font-size: 10px;
        }

        div.component.logout a.logout-button:hover {
            background-image: url("../assets/graphics/button_leader-dashboard_body_yellow_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

    div.component.logout a.cancel-button {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 64px;
        height: 18px;
        background-image: url("../assets/graphics/button_leader-dashboard_body_blue_idle.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000000;
    }

        div.component.logout a.cancel-button > span {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            width: 100%;
            font-size: 10px;
        }

        div.component.logout a.cancel-button:hover {
            background-image: url("../assets/graphics/button_leader-dashboard_body_blue_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

/* #endregion logout */

/* #region change-password */
div.component.change-password span {
    white-space: nowrap;
}

div.component.change-password {
    position: absolute;
    top: 140px;
    left: 280px;
    width: 493px;
    height: 260px;
    font-family: Arial;
    font-style: normal;
}

    div.component.change-password div.header {
        position: absolute;
        left: 12px;
        top: 17px;
        width: 460px;
        height: 22px;
    }

        div.component.change-password div.header span.label {
            position: absolute;
            left: 15px;
            top: 3px;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.75px;
            color: #ffffff;
        }

    div.component.change-password div.row {
        position: absolute;
        left: 20px;
        height: 30px;
    }

        div.component.change-password div.row div.label {
            position: absolute;
            top: 4px;
            left: 0;
            width: 100px;
            height: 22px;
            font-size: 17px;
            font-weight: bold;
            text-align: right;
            color: #2a2a2a;
        }

    div.component.change-password .change-password-message {
        position: absolute;
        top: 60px;
        left: 0;
        height: 30px;
        width: 300px;
        text-align: center;
        padding-top: 20px;
        color: #000000;
    }

    div.component.change-password div.row div.input {
        position: absolute;
        top: 0;
        left: 140px;
        right: 20px;
        width: 320px;
        height: 29px;
    }

        div.component.change-password div.row div.input input {
            position: relative;
            left: 2px;
            top: 0;
            width: 310px;
            border-style: none;
            bottom: 2px;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            color: #2a2a2a;
        }

    div.component.change-password div.row.old-password {
        top: 70px;
    }

    div.component.change-password div.row.new-password {
        top: 105px;
    }

    div.component.change-password div.row.confirm-new-password {
        top: 140px;
    }

    div.component.change-password hr.line {
        position: absolute;
        bottom: 55px;
        left: 10px;
        width: 470px;
        height: 1px;
        color: black;
    }

    div.component.change-password a.change-password-button {
        position: absolute;
        bottom: 20px;
        right: 100px;
        width: 120px;
        height: 18px;
        background-image: url("../assets/graphics/button_leader-dashboard_body_yellow_idle.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000000;
    }

        div.component.change-password a.change-password-button > span {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            width: 100%;
            font-size: 10px;
        }

        div.component.change-password a.change-password-button:hover {
            background-image: url("../assets/graphics/button_leader-dashboard_body_yellow_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

    div.component.change-password a.cancel-button {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 64px;
        height: 18px;
        background-image: url("../assets/graphics/button_leader-dashboard_body_blue_idle.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000000;
    }

        div.component.change-password a.cancel-button > span {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            width: 100%;
            font-size: 10px;
        }

        div.component.change-password a.cancel-button:hover {
            background-image: url("../assets/graphics/button_leader-dashboard_body_blue_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

/* #endregion change password */

/* #region team login */
div.component.team-login {
    position: absolute;
    right: 15px;
    bottom: 25px;
    width: 493px;
    height: 303px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial;
    font-style: normal;
    border: 1px solid black;
}

    div.component.team-login div.header {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 28px;
        overflow: hidden;
        background-color: #ababab;
    }

        div.component.team-login div.header span.label {
            position: absolute;
            left: 15px;
            right: 0;
            line-height: 28px;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 0.75px;
            color: black;
        }

    div.component.team-login div.row {
        position: absolute;
        left: 20px;
        height: 30px;
    }

        div.component.team-login div.row div.label {
            position: absolute;
            top: 4px;
            left: 0;
            width: 100px;
            height: 22px;
            font-size: 17px;
            font-weight: bold;
            text-align: right;
            color: #2a2a2a;
        }

        div.component.team-login div.row div.input {
            position: absolute;
            top: 0;
            left: 110px;
            width: 340px;
            height: 29px;
        }

            div.component.team-login div.row div.input input {
                position: relative;
                left: 2px;
                top: 1px;
                width: 330px;
                bottom: 5px;
                font-size: 16px;
                font-weight: bold;
                text-align: left;
                color: #2a2a2a;
            }

            div.component.team-login div.row div.input select {
                position: relative;
                left: 2px;
                top: 2px;
                width: 336px;
                bottom: 2px;
                font-size: 16px;
                font-weight: bold;
                text-align: left;
                color: #2a2a2a;
                outline: 0;
            }

        div.component.team-login div.row.session {
            top: 70px;
        }

        div.component.team-login div.row.room {
            top: 105px;
        }

        div.component.team-login div.row.team {
            top: 140px;
        }

        div.component.team-login div.row.password {
            top: 175px;
        }

    div.component.team-login hr.line {
        position: absolute;
        bottom: 55px;
        left: 10px;
        width: 470px;
        height: 1px;
        color: black;
    }

    div.component.team-login a.login-button {
        position: absolute;
        bottom: 8px;
        right: 20px;
        width: 102px;
        height: 33px;
        padding: 5px 0 0 15px;
        background-image: url("../assets/images/button_next_idle.png");
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
    }

        div.component.team-login a.login-button > span {
            position: absolute;
            top: 6px;
            left: 15px;
        }

        div.component.team-login a.login-button:hover {
            background-image: url("../assets/images/button_next_hover.png");
            color: #f2d645;
            cursor: pointer;
        }

        div.component.team-login a.login-button[disabled] {
            background-image: url("../assets/images/button_next_disabled.png");
            color: #c8c4c4;
            cursor: not-allowed;
        }

    div.component.team-login a.link {
        position: absolute;
        bottom: 25px;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        color: #000000;
    }

        div.component.team-login a.link.forgot-password {
            left: 30px;
        }

        div.component.team-login a.link.admin-login {
            left: 30px;
        }

/* #endregion */

/* #region forgot password */
div.component.forgot-password span {
    white-space: nowrap;
}

div.component.forgot-password {
    position: absolute;
    top: 140px;
    left: 280px;
    width: 493px;
    height: 260px;
    font-family: Arial;
    font-style: normal;
}

    div.component.forgot-password div.header {
        position: absolute;
        left: 12px;
        top: 17px;
        width: 460px;
        height: 22px;
    }

        div.component.forgot-password div.header span.label {
            position: absolute;
            left: 15px;
            top: 3px;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.75px;
            color: #ffffff;
        }

    div.component.forgot-password div.row {
        position: absolute;
        left: 20px;
        height: 30px;
    }

        div.component.forgot-password div.row div.label {
            position: absolute;
            top: 4px;
            left: 0;
            width: 100px;
            height: 22px;
            font-size: 17px;
            font-weight: bold;
            text-align: right;
            color: #2a2a2a;
        }

    div.component.forgot-password .forgot-password-message {
        position: absolute;
        top: 60px;
        left: 0;
        height: 30px;
        width: 300px;
        text-align: center;
        padding-top: 20px;
        color: #000000;
    }

    div.component.forgot-password div.row div.input {
        position: absolute;
        top: 0;
        left: 140px;
        right: 20px;
        width: 310px;
        height: 29px;
    }

        div.component.forgot-password div.row div.input input {
            position: relative;
            left: 2px;
            top: 2px;
            width: 336px;
            border-style: none;
            bottom: 2px;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            color: #2a2a2a;
        }

    div.component.forgot-password div.row.username {
        top: 70px;
    }

    div.component.forgot-password hr.line {
        position: absolute;
        bottom: 55px;
        left: 10px;
        width: 470px;
        height: 1px;
        color: black;
    }

    div.component.forgot-password a.send-password-button {
        position: absolute;
        bottom: 20px;
        right: 100px;
        width: 120px;
        height: 18px;
        background-image: url("../assets/graphics/button_leader-dashboard_body_yellow_idle.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000000;
    }

        div.component.forgot-password a.send-password-button > span {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            width: 100%;
            font-size: 10px;
        }

        div.component.forgot-password a.send-password-button:hover {
            background-image: url("../assets/graphics/button_leader-dashboard_body_yellow_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

    div.component.forgot-password a.cancel-button {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 64px;
        height: 18px;
        background-image: url("../assets/graphics/button_leader-dashboard_body_blue_idle.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000000;
    }

        div.component.forgot-password a.cancel-button > span {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            width: 100%;
            font-size: 10px;
        }

        div.component.forgot-password a.cancel-button:hover {
            background-image: url("../assets/graphics/button_leader-dashboard_body_blue_hover.png");
            cursor: pointer;
            color: #f2d645;
        }

/* #endregion forgot password */

div.shell {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

    div.shell > div.view-stack {
        position: absolute;
        top: 30px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
    }

        div.shell > div.view-stack > div.view {
            position: absolute;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 2px solid #577fe0;
            background-color: whitesmoke;
            resize: both;
            overflow: auto;
        }

            div.shell > div.view-stack > div.view > div.title {
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                height: 23px;
                background-color: #577fe0;
                padding: 2px 0 0 10px;
                text-align: left;
                vertical-align: top;
                font-size: 14.5px;
                font-weight: bold;
                color: white;
            }

            div.shell > div.view-stack > div.view > a.button {
                position: absolute;
                top: 2px;
                right: 0;
                width: 40px;
                height: 20px;
                background-color: #e26767;
                margin-top: -2px;
                line-height: 18px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                text-decoration: none;
                color: white;
                cursor: pointer;
            }

    div.shell > div.modal-stack {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
    }

        div.shell > div.modal-stack > div.modal-stack-blanket {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #DCDCDC;
            opacity: 0.7;
        }


        div.shell > div.modal-stack > div.view {
            position: absolute;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 4px solid #425fa5;
            background-color: white;
        }

            div.shell > div.modal-stack > div.view > div.title {
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                height: 23px;
                background-color: #425fa5;
                padding: 2px 0 0 10px;
                text-align: left;
                vertical-align: top;
                font-size: 14.5px;
                font-weight: bold;
                color: white;
            }

            div.shell > div.modal-stack > div.view > a.button {
                position: absolute;
                top: 2px;
                right: 0;
                width: 40px;
                height: 20px;
                background-color: #e26767;
                margin-top: -2px;
                line-height: 18px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                text-decoration: none;
                color: white;
                cursor: pointer;
            }

                div.shell > div.view-stack > div.view > a.button:hover,
                div.shell > div.modal-stack > div.view > a.button:hover {
                    background-color: #f73636;
                }


    div.shell > div.view-stack > div.view.welcome {
        top: 10px;
        left: 50px;
        width: 500px;
        height: 400px;
    }

    div.shell > div.view-stack > div.view.welcome1 {
        top: 10px;
        left: 50px;
    }

    div.shell > div.view-stack > div.view.welcome2 {
        top: 40px;
        left: 80px;
    }

    div.shell > div.view-stack > div.view.welcome3 {
        top: 70px;
        left: 110px;
    }

    div.shell > div.view-stack > div.view.welcome4 {
        top: 100px;
        left: 140px;
    }

    div.shell > div.view-stack > div.view.welcome5 {
        top: 130px;
        left: 170px;
    }

    div.shell > div.modal-stack > div.view.welcome {
        top: 50px;
        left: 200px;
        right: 100px;
        bottom: 100px;
    }

    div.shell > div.modal-stack > div.view.message-box {
        top: 200px;
        left: 300px;
        right: 300px;
        height: 200px;
    }

        div.shell > div.modal-stack > div.view.message-box > div.text {
            position: relative;
            text-align: center;
            height: 168px;
        }

            div.shell > div.modal-stack > div.view.message-box > div.text > input[type=button] {
                position: absolute;
                left: 177px;
                bottom: 30px;
            }

.activitybar {
    background: #fff;
    color: #111;
    padding: 10px;
    font-size: 18px;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    -moz-box-shadow: 0px 2px 5px #888;
    -webkit-box-shadow: 0px 2px 5px #888;
    box-shadow: 0px 2px 5px #888;
}

.activitybar .icon {
    color: white;
}

/*AlertBar*/
.alertbar {
    width: 100%;
    min-height: 50px;
    background: rgba(0,163,224, 0.9);
    padding: 5px 0 5px 0;
    margin: 0;
    -moz-box-shadow: 0 2px 5px #888;
    -webkit-box-shadow: 0 2px 5px #888;
    box-shadow: 0 2px 5px #888;
}

    .alertbar .icon i {
        color: #12903E;
        font-size: 150%;
        vertical-align: bottom;
    }

    .alertbar .notification {
        color: #12903E;
    }

    .alertbar .close {
        color: #12903E;
        float: right;
        font-size: 90%;
        font-weight: 700;
        line-height: 1;
        text-shadow: none;
        filter: alpha(opacity=100);
        opacity: 1.0;
    }

        .alertbar .close i {
            font-size: 155%;
            vertical-align: middle;
            margin-bottom: 3px;
            margin-left: 5px;
        }

        .alertbar .close:hover {
            color: white;
            opacity: 1.0;
            filter: alpha(opacity=100);
        }

    .alertbar .notification .text {
        color: White;
    }

/*Taskbar*/
.taskbar {
    /*background: white;*/
}

    .taskbar a {
        border: 1px solid #7e8082;
        padding: 7px 10px;
    }

        .taskbar a:hover {
            background: #00A8E6;
            cursor: pointer;
            text-decoration: none;
        }

            .taskbar a:hover i {
                color: white;
            }

            .taskbar a:hover span {
                color: white;
            }

        .taskbar a span {
            color: #5D5D5D;
            font-weight: bold;
        }

    .taskbar .task-icon {
        font-weight: normal;
        color: #00A8E6;
        font-size: 120%;
    }

.navbar-fixed-top {
    min-height: 40px !important;
    height: 46px !important;
}

.taskbar a {
    color: white;
    margin-right: 4px;
}

    .taskbar a:hover {
        color: #5C9BC6;
    }

.page-footer {
    background: #4c4c4c;
    color: white;
    border-top: 4px solid #FFFFFF;
    padding: 10px 0 0 20px;
    height: 50px;
}

    .page-footer .logo {
        background-image: url("../assets/images/deloitte_logo_footer.png");
        width: 111px;
        height: 25px;
    }

.roundBarImg {
    position: relative;
    background-image: url("../assets/images/de_05.png");
    width: 240px;
    height: 22px;
    left: 50%;
    margin-left: -240px;
    top: 17px;
    float: left;
    display: none; /* temp for pilot */
}

.activity {
    overflow-y: auto;
}

.scrollWrap {
    overflow: auto;
    position: absolute;
    left: 4px;
    bottom: 3px;
    top: 43px;
    right: 4px;
    overflow-x: hidden;
}

.tutorial-button {
    position: relative;
    float: right;
    top: 14px;
    width: 50px;
    height: 50px;
    right: 12px;
    display: none; /* temp for pilot */
}

    .tutorial-button a {
        background-image: url("../assets/images/de_07.png");
        width: 61px;
        height: 22px;
        float: right;
    }

.course {
    float: left;
}

.baseActivity {
    position: absolute;
    font-size: 20px;
    padding: 7px;
    margin-left: 10px;
}

    .baseActivity i {
        margin-right: 15px;
    }

/*Minimize*/
.minimize {
    position: fixed;
    right: 10px;
    top: 5px;
    color: white;
}

    .minimize:hover {
        text-decoration: none;
        cursor: pointer;
        color: white;
    }

        .minimize:hover span {
            background: white;
        }

        .minimize:hover i {
            color: #99CA49;
        }

    .minimize span {
        background: #99CA49;
        width: 25px;
        height: 25px;
        margin-left: 9px;
    }

    .minimize i {
        padding: 10px 5px;
        font-style: normal;
    }

/*Notification stuff*/
.notifyWrap:hover {
    text-decoration: none;
    cursor: pointer;
}

    .notifyWrap:hover i {
        color: white;
    }

.audioWrap {
    position: fixed;
    left: -2000px;
    top: -2000px;
}

/*IE 8 needs*/
.col-sm-4 {
    width: 33.33333333%;
    float: left;
}

.col-sm-7 {
    width: 58.33333333%;
    float: left;
}

.col-sm-6 {
    width: 50%;
    float: left;
}

.col-sm-1 {
    width: 8.33333333%;
    float: left;
}

/*Helpers*/
.pad20 {
    padding: 20px;
}

.padt0 {
    padding-top: 0 !important;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.mart20 {
    margin-top: 20px;
}

.padb5 {
    padding-bottom: 5px;
}