#hamburger-icon.black, #topHeaderToolbar .cc-top-nav-button.md-button.md-fab svg.black {
    fill: #000
}

#project-list-dropdown .invisible-button:hover, #project-list-dropdown .project-list-chevron:hover, #project-list-dropdown .provider-icon:hover, #project-list-dropdown .provider-name:hover, .cc-search-input i {
    cursor: pointer
}

.gdpr-modal .description, .italic, h5 {
    font-style: italic
}

.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised {
    color: rgba(255, 255, 255, 0.87);
    background-color: rgb(58, 138, 221);
    text-decoration: none;
}

.md-button.md-default-theme.md-primary:not([disabled]) .md-icon, .md-button.md-primary:not([disabled]) .md-icon {
    color: rgb(58, 138, 221);
}

.cc-ng-app {
    background-color: #ecf1f4
}

    .cc-ng-app i {
        float: none;
        margin-right: 0;
        background-image: none;
        width: auto;
        height: auto
    }

    .cc-ng-app li {
        font-size: inherit;
        margin: 0
    }

    .cc-ng-app table {
        border-collapse: collapse;
        border: none;
        background-color: transparent;
        padding: 0
    }

.md-datepicker-calendar table {
    border: none
}

.md-raised a, .md-raised a:hover {
    text-decoration: none
}

.cc-action-bar-in-ng-partial #main-nav {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 50px;
    margin: 0;
    background: #00c83c;
    z-index: 100;
    display: table;
    border-collapse: collapse
}

    .cc-action-bar-in-ng-partial #main-nav ul {
        padding: 0
    }

    .cc-action-bar-in-ng-partial #main-nav.table .row {
        display: table-row;
        height: 100%
    }

    .cc-action-bar-in-ng-partial #main-nav.table .cell {
        display: table-cell;
        padding: 0 10px;
        vertical-align: middle;
        height: 100%
    }

        .cc-action-bar-in-ng-partial #main-nav.table .cell.w-10 {
            width: 10%
        }

        .cc-action-bar-in-ng-partial #main-nav.table .cell.align-center {
            text-align: center
        }

    .cc-action-bar-in-ng-partial #main-nav.dashboard-nav .dash-cell a {
        color: #fff;
        text-decoration: none
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard {
        width: 100%;
        height: 100%;
        float: left
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-drop {
        text-decoration: none;
        padding: 0;
        display: block;
        height: 100%;
        color: #fff;
        background: url(../../../../AppImages/dropdown-white.png) 170px 25px no-repeat
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-options {
        position: absolute;
        background: #f0f0f0;
        width: 270px;
        box-shadow: 0 3px 10px rgba(0,0,0,.3)
    }

    .cc-action-bar-in-ng-partial #main-nav #dashboard-list {
        float: right;
        text-indent: 15px;
        width: 200px;
        min-width: 200px
    }

        .cc-action-bar-in-ng-partial #main-nav #dashboard-list .dashboard-dropdown-title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 56px;
            display: block;
            text-decoration: none;
            width: 150px
        }

    .cc-action-bar-in-ng-partial #main-nav #dashboard-actions {
        width: 180px;
        min-width: 210px
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-actions li a {
        display: block;
        height: 20px;
        line-height: 20px;
        float: left;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-action-list {
        float: right;
        color: #fff;
        height: 100%
    }

        .cc-action-bar-in-ng-partial #main-nav .dashboard-action-list .dashboard-action-list-dropdown {
            display: none;
            background-color: #fff;
            width: 100%;
            position: absolute;
            top: 56px;
            color: #5a5757;
            box-shadow: 0 3px 10px rgba(0,0,0,.3)
        }

            .cc-action-bar-in-ng-partial #main-nav .dashboard-action-list .dashboard-action-list-dropdown a {
                color: #5a5757;
                background: 0 0;
                display: block;
                text-align: left;
                line-height: 20px;
                text-decoration: none;
                padding: 5px
            }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-controls {
        margin-bottom: 30px
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-control-option {
        float: left;
        padding-right: 10px;
        width: 100%
    }

    .cc-action-bar-in-ng-partial #main-nav .dashboard-list {
        background: #fff;
        padding: 20px;
        max-height: 200px;
        overflow: auto
    }

        .cc-action-bar-in-ng-partial #main-nav .dashboard-list li.title {
            border-bottom: 1px solid #dedede;
            padding-bottom: 5px;
            margin: 10px 0 5px;
            font-weight: 700;
            width: 100%
        }

            .cc-action-bar-in-ng-partial #main-nav .dashboard-list li.title:first-child {
                margin-top: 0
            }

        .cc-action-bar-in-ng-partial #main-nav .dashboard-list li:not(.title) {
            padding: 0 10px;
            width: 50%;
            text-align: center;
            box-sizing: border-box;
            display: block;
            line-height: 20px;
            float: left;
            text-decoration: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .cc-action-bar-in-ng-partial #main-nav .dashboard-list li a, .cc-action-bar-in-ng-partial #main-nav .dashboard-list li a:hover {
            text-decoration: none
        }

@font-face {
    font-family: Biryani;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Biryani DemiBold';
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-DemiBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Biryani Bold';
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Montserrat Light";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
    font-weight: lighter;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Source Sans Pro Light";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

md-input-container .md-input, md-input-container.md-default-theme .md-input {
    border-color: #b0b6bc
}

md-input-container .md-placeholder, md-input-container label, md-input-container.md-default-theme .md-placeholder, md-input-container.md-default-theme label {
    color: #b0b6bc
}

    md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) {
        width: auto;
        font-weight: 400;
        font-size: 20px
    }

md-dialog {
    min-width: 500px
}

.md-checkbox.md-checked .md-icon:after, .md-checkbox.md-default-theme.md-checked .md-icon:after {
    border-color: #fff
}

md-backdrop.md-dialog-backdrop {
    z-index: 102
}

.md-dialog-container {
    z-index: 103
}

.md-datepicker-calendar-pane.md-pane-open, .md-select-menu-container.md-active {
    z-index: 1200
}

    .md-datepicker-calendar-pane.md-pane-open table {
        width: auto;
        color: #0c3056
    }

.md-tabs .md-tabs-wrapper, .md-tabs.md-default-theme .md-tabs-wrapper {
    -webkit-box-shadow: 0 2px 3px 0 #dfe5eb;
    -moz-box-shadow: 0 2px 3px 0 #dfe5eb;
    box-shadow: 0 2px 3px 0 #dfe5eb;
    background-color: #fff
}

.md-tabs .md-tab, .md-tabs .md-tab.md-active {
    color: #000
}

.md-tabs md-tab-content > div {
    background-color: #ecf1f4
}

.md-open-menu-container.md-active > md-menu-content > * {
    transition: none
}

#action-bar {
    height: 50px;
    width: 75px;
    max-width: 300px;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    background-color: rgba(0,0,0,0);
    z-index: 100
}

    #action-bar .md-menu-toolbar {
        width: auto;
        max-width: 300px
    }

    #action-bar .md-menu-bar {
        width: 75px;
        padding-right: 0
    }

        #action-bar .md-menu-bar .md-menu {
            position: inherit;
            margin-left: -13px
        }

            #action-bar .md-menu-bar .md-menu.md-open > button {
                background-color: transparent
            }

            #action-bar .md-menu-bar .md-menu button {
                width: 75px
            }

                #action-bar .md-menu-bar .md-menu button:hover {
                    background-color: rgba(0,0,0,.3)
                }

                #action-bar .md-menu-bar .md-menu button:active, #action-bar .md-menu-bar .md-menu button:focus {
                    background-color: transparent
                }

            #action-bar .md-menu-bar .md-menu a {
                display: block;
                padding-top: 9px
            }

                #action-bar .md-menu-bar .md-menu a:hover {
                    background-color: #f6f8fa
                }

        #action-bar .md-menu-bar md-menu.md-open > button {
            background-color: rgba(0,0,0,.3)
        }

    #action-bar .md-toolbar {
        min-height: 50px
    }

    #action-bar .md-button {
        text-decoration: none;
        height: 50px;
        line-height: 32px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: .7em;
        margin: 0;
        text-transform: capitalize;
        max-width: 313px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    #action-bar a {
        text-decoration: none;
        border-radius: 3px;
        padding: 0 10px
    }

    #action-bar .project-list-dropdown {
        width: 75px;
        margin-left: -20px;
        left: 0;
        text-align: left;
        padding-left: 20px;
        font-family: Biryani
    }

        #action-bar .project-list-dropdown span {
            display: inline-block;
            width: 75%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 10px 5px 0 8px;
            float: right;
            position: absolute;
            text-transform: none
        }

        #action-bar .project-list-dropdown .no-float {
            float: none
        }

        #action-bar .project-list-dropdown i:not(.provider-icon) {
            float: right;
            top: 18px;
            right: 10px;
            position: relative
        }

#projectListButton.expanded-account-dropdown {
    box-shadow: 3px 3px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 3px 3px 7px 0 rgba(0,0,0,.2)
}

#projectListButton.md-button {
    background-color: rgba(0,0,0,0)
}

#hamburger-icon {
    max-width: 24px;
    display: flex
}

#project-list-dropdown::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

#project-list-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
    border: 1px solid
}

.left-compensate-eight {
    left: 0 !important
}

#project-list-dropdown {
    width: 310px;
    margin-bottom: 0;
    padding: 0;
    height: 85vh;
    margin-left: -10px;
    position: relative;
    overflow-x: hidden;
    font-family: Biryani;
    box-shadow: 3px 3px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 3px 3px 7px 0 rgba(0,0,0,.2);
    background: rgba(0,0,0,0)
}

    #project-list-dropdown .invisible-button {
        height: 50px;
        width: 313px;
        background-color: rgba(0,0,0,0);
        transition: none;
        -webkit-transition: none;
        transition-delay: none;
        -webkit-transition-delay: none
    }

    #project-list-dropdown .project-list-account-grouping {
        padding: 23px 0 0;
        background: #fff;
        height: 79%
    }

    #project-list-dropdown .provider-name {
        color: #0c3056;
        display: inline-block;
        width: 100%;
        max-width: 200px;
        margin: 15px 100px 3px 46px;
        position: relative;
        font-weight: 700
    }

    #project-list-dropdown .provider-icon, #topHeaderToolbar {
        position: absolute
    }

    #project-list-dropdown .provider-name-span {
        max-width: 250px;
        height: 52px;
        display: inline-block;
        padding-left: 10px
    }

        #project-list-dropdown .provider-name-span:hover {
            background: #f6f8fa
        }

    #project-list-dropdown .provider-icon-aws-dropdown {
        background: url(/AppImages/SVGImages/aws_logo_blue.svg) no-repeat;
        background-size: 33px;
        margin-top: 19px;
        margin-left: 5px
    }

    #project-list-dropdown .provider-icon-azure-dropdown {
        background: url(/AppImages/SVGImages/Azure2_blue.svg) no-repeat;
        background-size: 26px;
        margin-top: 13px;
        margin-left: 10px
    }

    #project-list-dropdown .provider-icon-google-dropdown {
        background: url(/AppImages/SVGImages/Google_blue.svg) no-repeat;
        background-size: 41px;
        margin-top: 3px;
        margin-left: 2px
    }

    #project-list-dropdown .provider-icon-default-dropdown {
        background: url(/AppImages/SVGImages/Default_blue.svg) no-repeat;
        background-size: 33px;
        margin-top: 10px;
        margin-left: 6px
    }

    #project-list-dropdown .md-button {
        color: #000;
        text-align: left;
        text-decoration: none;
        min-height: 32px;
        text-transform: none;
        text-overflow: ellipsis;
        white-space: normal;
        overflow-x: auto;
        max-width: 173px;
        margin: 0
    }

    #project-list-dropdown .project-list-item {
        line-height: 1.4em
    }

        #project-list-dropdown .project-list-item:not([disabled]) {
            color: #3a8add
        }

            #project-list-dropdown .project-list-item:not([disabled]):hover {
                background: #f6f8fa
            }

    #project-list-dropdown md-menu-item {
        border-top: solid 1px #fff;
        overflow: hidden;
        min-height: 25px;
        height: 25px
    }

        #project-list-dropdown md-menu-item:first-of-type, .top-nav-menu#notifications-menu .top-nav-menu-group:nth-child(2) {
            border-top: none
        }

        #project-list-dropdown md-menu-item .sectionHead {
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left: 32px
        }

    #project-list-dropdown #backToAccountList, #project-list-dropdown #newAccount {
        height: 48px
    }

    #project-list-dropdown .activeProjectItem {
        color: #00c83c;
        margin-left: 5px
    }

    #project-list-dropdown .project-list-buttons {
        text-align: center
    }

        #project-list-dropdown .project-list-buttons .project-list-new {
            width: 50%;
            text-decoration: none;
            padding-top: 7px
        }

            #project-list-dropdown .project-list-buttons .project-list-new:hover {
                background-color: rgba(255,255,255,.2)
            }

            #project-list-dropdown .project-list-buttons .project-list-new:visited {
                color: inherit
            }

            #project-list-dropdown .project-list-buttons .project-list-new.back-to-accounts {
                width: 100%;
                height: 100%;
                padding-top: 12px
            }

#topHeader, #topHeader .md-toolbar.md-menu-toolbar #topHeaderRow {
    height: 48px
}

#project-list-dropdown .mav-children {
    display: table-cell;
    vertical-align: middle;
    width: 313px;
    padding-left: 10px;
    background-color: #fff
}

    #project-list-dropdown .mav-children .provider-children {
        padding: 0;
        margin: 0
    }

#project-list-dropdown .item-wrapper {
    display: block;
    padding-left: 15px;
    color: #000
}

#project-list-dropdown .project-list-chevron {
    display: inline-block;
    min-width: 20px
}

    #project-list-dropdown .project-list-chevron .fa-chevron-down, #project-list-dropdown .project-list-chevron .fa-chevron-right {
        padding-left: 23px;
        padding-right: 5px;
        font-size: 9px
    }

#project-list-dropdown .sectionHead {
    background-color: inherit;
    color: #000;
    margin: 0 0 0 30px;
    padding-left: 0;
    font-weight: 700
}

#topHeaderToolbar .header-text, #topHeaderToolbar .md-button {
    font-family: "Source Sans Pro Light";
    color: #fff;
    font-weight: lighter;
    font-size: 15px;
    letter-spacing: 1px
}

.expire-red {
    color: black !important;
    font-weight: bold !important;
    background-color: #db95b5;
    padding: 5px;
    border-radius: 5px;
}

#project-list-dropdown .sectionHead span {
    padding-left: 0
}

#project-list-dropdown .accountHeadTitle {
    padding-top: 5px;
    margin-bottom: 0
}

#project-list-dropdown .accountGroupd {
    padding-bottom: 5px
}

#project-list-dropdown .clear-top-padding {
    padding-top: 0
}

#project-list-dropdown .back-to-accounts {
    max-width: 300px
}

#action-bar .md-button:hover, #menu-content .md-button:hover {
    background-color: #cce0f5
}

#topHeader {
    width: 100%;
    z-index: 101
}

    #topHeader .hamburger {
        width: 64px;
        margin-top: -8px
    }

        #topHeader .hamburger .md-button {
            margin-top: 12px;
            min-width: 50px;
            margin-left: -10px;
            background-color: rgba(0,0,0,0)
        }

        #topHeader .hamburger:hover .md-button {
            background-color: rgba(255,255,255,.4)
        }

    #topHeader .md-menu-toolbar {
        background-color: #fff;
        min-height: 48px;
        box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
        -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
        -moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
        z-index: 101
    }

#topHeaderToolbar {
    right: 0;
    top: -1px;
    height: 100%;
    padding-right: 20px
}

    #topHeaderToolbar .tooltip-top-notifications {
        background-color: rgb(0, 200, 60);
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 5px;
    }

    #topHeaderToolbar .md-button {
        text-decoration: none;
        text-transform: capitalize
    }

        #topHeaderToolbar .md-button:not(.md-fab) {
            background-color: rgba(255,255,255,.2)
        }

        #topHeaderToolbar .md-button:hover {
            background-color: rgba(255,255,255,.4)
        }

    #topHeaderToolbar .header-text.black {
        color: #000;
        font-weight: 700
    }

    #topHeaderToolbar .cc-top-nav-button.md-button.md-fab {
        background-color: transparent;
        width: 37px;
        height: 31px;
        box-shadow: none;
        margin: 6px
    }

        #topHeaderToolbar .cc-top-nav-button.md-button.md-fab:hover {
            background-color: rgba(255,255,255,.2)
        }

        #topHeaderToolbar .cc-top-nav-button.md-button.md-fab img {
            margin-top: 6px;
            vertical-align: top;
            display: flex;
        }

        #topHeaderToolbar .cc-top-nav-button.md-button.md-fab #bookmarks-icon {
            min-width: 24px;
            margin-top: 0
        }

        #topHeaderToolbar .cc-top-nav-button.md-button.md-fab #dashboards-icon, #topHeaderToolbar .cc-top-nav-button.md-button.md-fab #settings-icon {
            margin: 2px 6px 6px -8px;
            height: 32px;
            width: 32px
        }

        #topHeaderToolbar .cc-top-nav-button.md-button.md-fab #admin-icon {
            margin: 3px 6px 6px -2px;
            height: 32px;
            width: 32px
        }

    #topHeaderToolbar #notifications-button.md-button {
        min-width: 24px;
        min-height: 24px;
        width: 24px;
        height: 24px;
        line-height: 30px;
        box-shadow: none;
        font-family: "Biryani Bold";
        font-size: 13px;
        font-weight: 700;
        margin-left: 15px
    }

        #topHeaderToolbar #notifications-button.md-button:hover {
            box-shadow: 0 0 0 9px rgba(255,255,255,.2)
        }

        #topHeaderToolbar #notifications-button.md-button.black {
            color: #000
        }

.top-nav-menu {
    overflow-y: auto;
    overflow-x: hidden;
}

.cc-menu-dropdown {
    display: contents
}

.menu-container {
    top: 56px;
    left: -195px;
    position: absolute;
    z-index: 100;
    border-radius: 2px;
    color: #0c3056;
    background-color: rgb(255 255 255);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .12);
}

#branding {
    margin: 10px 20px
}

    #branding img {
        width: auto;
        max-height: 26px
    }

#menu-content {
    width: 180px;
    margin-bottom: 0;
    padding: 0
}

    #menu-content .md-button {
        color: #000;
        font-size: 12px;
        text-align: left;
        text-decoration: none;
        min-height: 32px;
        background-color: #fff
    }

.top-nav-menu .top-nav-menu-group .md-button, .top-nav-menu .top-nav-menu-group:hover .md-button {
    background-color: #3a8add
}

#menu-content .sectionHead {
    color: #fff;
    background-color: #3a8add;
    padding: 0 0 0 10px
}

    #menu-content .sectionHead span {
        padding-left: 0
    }

md-menu-item > .md-button {
    font-size: 14px;
    text-decoration: none;
    text-align: center
}

md-menu-item > a.md-button {
    padding-top: 0
}

md-menu-content {
    max-height: none
}

.md-whiteframe-z2 {
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.12)
}

.top-nav-menu {
    width: 275px;
    max-height: 80vh
}

    .top-nav-menu#admin-menu {
        width: 292px
    }

    .top-nav-menu#notifications-menu {
        width: 500px;
        font-size: 15px;
        padding-top: 15px;
    }

        .top-nav-menu#notifications-menu .md-icon {
            margin-right: 8px;
            margin-top: -1px
        }

            .top-nav-menu#notifications-menu .md-icon svg {
                fill: #fff
            }

        .top-nav-menu#notifications-menu .check-list li {
            font-size: 12px
        }

            .top-nav-menu#notifications-menu .check-list li:before {
                font-family: FontAwesome;
                content: '\f00c';
                margin: 0 5px 0 -15px;
                color: #00c83c
            }

    .top-nav-menu .report-update-button, .top-nav-menu .top-nav-menu-group, .top-nav-menu .top-nav-menu-group-title {
        font-size: 12px;
        font-family: Biryani
    }

    .top-nav-menu .top-nav-menu-group-title {
        font-weight: 700;
        letter-spacing: 1px;
        text-align: left;
        margin: 3px auto 5px
    }

        .top-nav-menu .top-nav-menu-group-title.notifications-title {
            width: 80%
        }

    .top-nav-menu .top-nav-menu-group {
        padding: 10px 0;
        border-top: solid 1px #ddd;
        width: 80%;
        margin: 0 auto
    }

        .cc-projects .cc-table table tbody tr:first-child, .top-nav-menu .top-nav-menu-group:first-child {
            border-top: none
        }

        .top-nav-menu .top-nav-menu-group li {
            text-align: left
        }

            .top-nav-menu .top-nav-menu-group li img {
                padding-bottom: 0;
                padding-top: 15px;
                border: none;
                height: auto;
                max-width: 50px
            }

            .top-nav-menu .top-nav-menu-group li a {
                display: block;
                text-align: left;
                text-decoration: none;
                padding: 5px 0;
                font-size: 12px;
                color: #3a8add;
                letter-spacing: 1px;
                text-transform: capitalize
            }

                .top-nav-menu .top-nav-menu-group li a:hover {
                    background-color: #f6f8fa
                }

    .top-nav-menu .report-update-button {
        background-color: #3a8add;
        color: #fff;
        margin: 5px 0;
        letter-spacing: 1px;
        font-weight: 100;
        text-transform: capitalize;
        width: 150px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        align-items: center;
        display: flex;
        min-height: 40px;
        padding-left: 13px;
    }

        .top-nav-menu .report-update-button .update-now-img {
            content: url(../../../../../../AppImages/SVGImages/UpdateNow.svg)
        }

        .top-nav-menu .report-update-button img {
            max-width: 23px;
            margin-right: 10px;
        }

        .top-nav-menu .report-update-button.md-button:not([disabled]):hover {
            background-color: #3a8add;
            opacity: .7
        }

        .top-nav-menu .report-update-button.md-button[disabled] {
            background-color: #ecf1f4;
            color: #828a98
        }

            .top-nav-menu .report-update-button.md-button[disabled] .update-now-img {
                content: url(../../../../../../AppImages/SVGImages/UpdateNowDisabled.svg)
            }

.cc-is-azure-container-public {
    height: 100%;
    font-family: Biryani,"Source Sans Pro"
}

    .cc-is-azure-container-public .blob-logo {
        width: 14.5em;
        height: 14.5em
    }

    .cc-is-azure-container-public .cc-button {
        width: 70%;
        margin: auto;
        box-shadow: none;
        font-size: 18px;
        font-family: "Source Sans Pro"
    }

    .cc-is-azure-container-public .sign-up-card-view-layout .cc-form-input {
        width: 200%
    }

    .cc-is-azure-container-public h1 {
        font-size: 18px;
        font-weight: semi;
        margin-bottom: 30px
    }

        .cc-is-azure-container-public h1 i {
            font-size: 1.1em;
            margin-right: 7px
        }

        .cc-is-azure-container-public h1.blue {
            color: #3a8add
        }

        .cc-is-azure-container-public h1.green {
            color: #00c83c
        }

        .cc-is-azure-container-public h1.red {
            color: #f63c0b
        }

    .cc-is-azure-container-public p {
        margin-bottom: 30px;
        font-size: 16px
    }

    .cc-is-azure-container-public a.check-more-link {
        color: #696969;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 16px;
        display: inline-block;
        margin: 20px 0
    }

    .cc-is-azure-container-public .checked-container-url {
        border-bottom: solid 1px #696969;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 20px;
        width: 100%
    }

    .cc-is-azure-container-public .inline-input-wrapper {
        display: block;
        float: left;
        font-weight: 400;
        font-size: 20px;
        margin: 15px 0 0
    }

    .cc-is-azure-container-public .centerError {
        text-align: center;
        color: #f63c0b;
        clear: both
    }

.cc-is-s3-bucket-public {
    height: 100%;
    font-family: Biryani,"Source Sans Pro"
}

    .cc-is-s3-bucket-public .cc-button {
        width: 70%;
        margin: auto;
        box-shadow: none;
        font-size: 18px;
        font-family: "Source Sans Pro"
    }

.cc-pagination, .cc-pagination select, .cc-projects {
    font-family: "Open Sans"
}

.cc-is-s3-bucket-public h1 {
    font-size: 20px;
    font-weight: semi
}

    .cc-is-s3-bucket-public h1 i {
        font-size: 1.1em;
        margin-right: 7px
    }

    .cc-is-s3-bucket-public h1.blue {
        color: #3a8add
    }

    .cc-is-s3-bucket-public h1.green {
        color: #00c83c
    }

    .cc-is-s3-bucket-public h1.red {
        color: #f63c0b
    }

.cc-is-s3-bucket-public p {
    margin-bottom: 30px;
    font-size: 16px
}

.cc-is-s3-bucket-public a.check-more-link {
    color: #696969;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    margin: 20px 0
}

.cc-is-s3-bucket-public .checked-bucket-url {
    border-bottom: solid 1px #696969;
    display: inline-block;
    padding: 6px;
    font-size: 20px;
    margin-bottom: 20px
}

.cc-is-s3-bucket-public .inline-input-wrapper {
    display: block;
    float: left;
    font-weight: 400;
    font-size: 20px;
    margin: 15px 0 0
}

.cc-is-s3-bucket-public .centerError {
    text-align: center;
    color: #f63c0b;
    clear: both
}

.cc-projects {
    margin: 0 auto
}

    .cc-projects md-menu {
        float: right
    }

    .cc-projects .cc-projects-action-bar {
        margin-bottom: 20px;
        margin-top: 50px
    }

    .cc-projects a {
        color: #3a8add
    }

        .cc-projects a, .cc-projects a:hover {
            text-decoration: none
        }

    .cc-projects .cc-table table .st-sort-default:before {
        display: none
    }

    .cc-projects .cc-table table tr {
        display: flex
    }

    .cc-projects .cc-table table td.cc-table-loader {
        margin: auto
    }

    .cc-projects .cc-table table th.icon-column {
        padding: 20px 10px
    }

.st-sort-default{
    cursor: pointer;
}

.cc-button {
    border-radius: 30px;
    height: 60px;
    width: 100%;
    font-size: 20px;
    display: block;
    text-transform: none
}

    .cc-button.red {
        background-color: red
    }

    .cc-button.small {
        width: 35%;
        height: 45px
    }

    .cc-button.md-button.md-raised[disabled] {
        background-color: #ecf1f4 !important
    }

.components-contact-support-info p {
    margin: 40px auto;
    color: #ecf1f4;
    display: inline-block
}

@font-face {
    font-family: Biryani;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Biryani DemiBold';
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-DemiBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Biryani Bold';
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Montserrat Light";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
    font-weight: lighter;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Source Sans Pro Light";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

.filter-container {
    background-color: #fff;
    padding: 30px 40px;
    border: 1px solid #ecf1f4;
    position: relative;
    margin-bottom: 70px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1)
}

    .filter-container .cc-button {
        margin: 6px auto 0;
        position: absolute;
        left: 0;
        right: 0
    }

.filter-criteria {
    text-transform: uppercase;
    margin: 20px 10px;
    display: inline-block
}

    .filter-criteria:focus {
        outline-color: none
    }

.filter-show-accounts {
    color: #00c83c
}

.components-logo-secondary {
    margin: 30px
}

    .components-logo-secondary .logo-fill {
        background-image: url(/Content/cc-angular-assets/assets/common/logo/logoSecondary.png);
        height: 39px;
        width: 250px;
        margin: 0 auto
    }

.pagination-border {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    background-color: #ecf1f4
}

.cc-pagination {
    display: flex;
    justify-content: space-between;
    margin: 0 1%;
    padding-bottom: 11px
}

    .cc-pagination .negative-margin {
        margin-top: -6px;
        padding-right: 40px
    }

    .cc-pagination .pagination-showing {
        margin-top: 7px
    }

    .cc-pagination span {
        color: #575757
    }

        .cc-pagination span ul {
            display: inline
        }

    .cc-pagination li {
        display: inline-block
    }

        .cc-pagination li button {
            line-height: 20px
        }

            .cc-pagination li button.active {
                color: #3a8add;
                text-decoration: underline;
                font-weight: 600;
                text-underline-position: under
            }

            .cc-pagination li button.md-button.md-primary {
                color: #575757
            }

                .cc-pagination li button.md-button.md-primary[disabled] {
                    opacity: .4
                }

    .cc-pagination select {
        color: #575757;
        margin-left: 3px;
        border: none;
        background: 0 0
    }

.pagination-loader {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 13px;
    padding-top: 8px
}

    .pagination-loader section {
        margin-left: 15px
    }

.cc-search-input {
    padding-bottom: 5px;
    border-bottom: solid 1px #696969;
    margin-top: 12px
}

    .cc-search-input input {
        border: none;
        background-color: transparent;
        margin: 0 5px;
        color: #696969;
        width: 90%
    }

    .cc-search-input i {
        color: #696969
    }

.cc-progress-bar {
    margin-bottom: 20px
}

    .cc-progress-bar .cc-progress-bar-percentage {
        text-align: right
    }

    .cc-progress-bar .cc-progress-bar-bg {
        background-color: #5e9bce;
        height: 15px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .cc-progress-bar .cc-progress-bar-fg {
        height: 15px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background-color: #00c83c;
        max-width: 100%
    }

        .cc-progress-bar .cc-progress-bar-fg.warning {
            background-color: #ffbb17
        }

        .cc-progress-bar .cc-progress-bar-fg.error {
            background-color: #f63c0b
        }

.partners-page {
    width: 90%;
    margin: 80px auto 0;
    padding-bottom: 30px;
    font-family: Biryani,"Source Sans Pro"
}

    .partners-page md-content, .partners-page md-content.md-default-theme {
        background-color: transparent
    }

    .partners-page .filter-container {
        width: 960px;
        margin: 0 auto
    }

    .partners-page .add-partner-button {
        position: absolute;
        right: 40px;
        top: 35px
    }

    .partners-page .tooltip-parent {
        position: relative
    }

    .partners-page .tooltip-box {
        position: relative;
        margin-left: 5px
    }

    #search-container, .partners-page .fa.fa-question-circle.cc-help {
        position: absolute
    }

    .partners-page .filter-text {
        font-size: 1.3em;
        width: 960px;
        margin: 50px auto
    }

    .partners-page .md-icon-button {
        margin: 0;
        width: auto
    }

    .partners-page .width-300.truncate {
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .partners-page .width-100.wrap {
        max-width: 100px
    }

.sample-project-message {
    margin: 15px 0 0 50px
}

.cc-forgot-password .forgot-text, .login-page h2 {
    margin-bottom: 30px
}

#search-container {
    top: 9px;
    left: 230px;
    z-index: 1000;
    height: 30px;
    min-width: 400px
}

#select2-search {
    min-width: 400px
}

.select2-search {
    font-family: Montserrat;
    font-size: 14px;
    height: 30px !important
}

.select2-selection__placeholder {
    padding-left: 20px;
    background-image: url(/AppImages/SVGImages/GreySearchIcon.svg);
    background-repeat: no-repeat;
    background-size: 17px 17px
}

.login-page #microsoft-icon {
    text-decoration: none
}

.login-page h2 {
    font-family: 'Open Sans'
}

.login-page .sub-form {
    margin-top: 35px
}

.login-page .cc-form-checkbox {
    display: inline-block;
    float: left
}

.login-page .forgot-password {
    float: right;
    font-size: 16px
}

.login-page .cc-button {
    margin: 80px auto 20px
}

    .login-page .cc-button:hover {
        opacity: .93
    }

.login-page .error-messages {
    position: relative
}

    .login-page .error-messages p {
        margin: 0;
        right: 0;
        color: #f63c0b;
        font-size: 14px;
        text-align: center
    }

.login-page .ms-signon {
    width: 300px;
    height: 50px
}

    .login-page .ms-signon .background {
        fill: #000
    }

    .login-page .ms-signon:hover .background {
        fill: #4B4B4B
    }

    .login-page .ms-signon .font {
        font-size: 260px;
        font-family: 'Segoe UI Semibold','Segoe UI';
        text-decoration: none;
        fill: #fff
    }

.cc-reset-password .error-message {
    color: #f63c0b;
    padding: 20px 0 0
}

.cc-reset-password .success-message {
    padding-bottom: 20px
}

.cc-form-input {
    margin-bottom: 10px
}

    .cc-form-input .fa {
        position: absolute;
        font-size: 30px;
        top: 0;
        right: 0
    }

        .cc-form-input .fa.fa-check-circle-o {
            margin-right: 10px;
            color: #9ed351
        }

        .cc-form-input .fa.fa-times-circle-o {
            margin-right: 10px;
            color: #f63c0b
        }

    .cc-form-input .error-messages p {
        text-align: right
    }

.project-alert-modal .md-toolbar {
    background-color: #3a8add
}

    .project-alert-modal .md-toolbar h1 {
        color: #fff
    }

    .project-alert-modal .md-toolbar i.fa-times {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px
    }

.project-alert-modal md-dialog-content {
    padding: 20px;
    font-size: 14px
}

.project-alert-modal md-dialog.md-transition-in {
    margin: auto
}

.partner-modal md-dialog {
    max-width: 900px
}

.partner-modal .partnerAdminContainerScroll {
    height: 550px;
    overflow-y: scroll
}

#addSampleProject {
    margin: -20px 0 0 50px
}

.submit-error {
    margin: 7px 0 0;
    position: relative
}

.csv-upload-modal i.fa-times, .edit-columns-modal i.fa-times {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.submit-error p {
    font-size: 18px;
    color: #f63c0b
}

md-select-menu md-content md-option[disabled].partnerPlanModelOption .md-text {
    color: rgba(0,0,0,.37)
}

.csv-upload-modal .content-container {
    padding: 20px;
    text-align: left
}

.csv-upload-modal .instructions {
    margin-left: 10px
}

.csv-upload-modal #file {
    width: 100%;
    margin: 20px 0 20px 10px
}

.edit-columns-modal .column-options {
    display: block
}

.edit-columns-modal .form-selection {
    padding: 20px
}

.edit-columns-modal .md-toolbar h2 {
    margin-left: 20px
}

.gdpr-modal md-dialog {
    max-width: 600px
}

.gdpr-modal .md-toolbar {
    background-color: #ffbb17
}

.gdpr-modal .variable {
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px
}

.gdpr-modal .message {
    padding: 15px
}

.gdpr-modal .title {
    font-weight: 700
}

.gdpr-modal a {
    color: #3a8add
}

.gdpr-modal li {
    list-style-type: circle
}

.cc-projects-tables {
    padding: 20px 0 40px;
    background-color: #ecf1f4
}

    .cc-projects-tables .bold {
        font-weight: 600;
        padding: 30px 0;
        text-align: center
    }

    .cc-projects-tables .padding-top-10 {
        padding-top: 10px
    }

    .cc-projects-tables table {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        max-height: 500px
    }

        .cc-projects-tables table .actions-column, .cc-projects-tables table .id-column {
            width: 10%
        }

        .cc-projects-tables table .name-column {
            width: 60%
        }

        .cc-projects-tables table * {
            box-sizing: inherit;
            -moz-box-sizing: inherit
        }

    .cc-projects-tables thead {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

        .cc-projects-tables thead tr {
            border-bottom: 1px solid #ddd
        }

    .cc-projects-tables tbody {
        overflow-y: auto;
        display: inline-block
    }

        .cc-projects-tables tbody > tr, .cc-projects-tables tfoot > tr, .cc-projects-tables thead > tr {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap
        }

    .cc-projects-tables tfoot, .cc-projects-tables thead {
        flex-shrink: 0
    }

    .cc-projects-tables tbody td, .cc-projects-tables th {
        width: 20%;
        overflow-x: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .cc-projects-tables tfoot {
        display: inline-block
    }

        .cc-projects-tables tfoot td {
            width: 100%;
            display: inline-block
        }

    .cc-projects-tables .cc-projects-action-icons {
        min-width: 105px
    }

    .cc-projects-tables .filter-criteria {
        cursor: pointer
    }

    .cc-projects-tables .show-hide-columns {
        width: 50%
    }

    .cc-projects-tables md-progress-circular {
        margin: auto
    }

    .cc-projects-tables .pagination-loader md-progress-circular {
        margin: 0
    }

    .cc-projects-tables .no-projects {
        text-align: center;
        font-size: 1.5em
    }

    .cc-projects-tables .table-container {
        margin: 0 auto 35px;
        overflow-y: auto;
        background: #f6f8fa;
        box-shadow: 0 2px 3px 0 #dfe5eb;
        border: 1px solid #ddd;
    }

        .cc-projects-tables .table-container:last-of-type {
            margin-bottom: 0
        }

    .cc-projects-tables .accounts-table .id-column {
        width: 7%
    }

    .cc-projects-tables .account-table-header {
        text-align: center;
        min-height: 60px;
        background: #fff
    }

        .cc-projects-tables .account-table-header.mav-header {
            text-align: left
        }

            .cc-projects-tables .account-table-header.mav-header .md-icon {
                margin-top: 4px
            }

    .cc-projects-tables .projects-table-totals-col {
        text-align: right;
        font-weight: 700
    }

    .cc-projects-tables .md-button.md-icon-button {
        margin: 0;
        height: 27px;
        width: 27px;
        padding-left: 0
    }

@font-face {
    font-family: Biryani;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Biryani DemiBold';
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-DemiBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Biryani Bold';
    src: url(/Content/cc-angular-assets/assets/common/fonts/Biryani/Biryani-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Montserrat Light";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
    font-weight: lighter;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Source Sans Pro Light";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/Content/cc-angular-assets/assets/common/fonts/Open_Sans/OpenSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

html {
    min-height: 100%;
    height: 100%
}

body {
    font-family: Montserrat,"Times New Roman";
    color: #0c3056;
    background-color: #ecf1f4;
    font-size: 14px
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Biryani Bold",Montserrat,"Times New Roman"
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 20px
}

h4, h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    font-size: 14px
}

a, a:hover {
    text-decoration: underline;
    -moz-text-decoration-color: #00c83c;
    text-decoration-color: #00c83c;
    cursor: pointer;
    color: inherit
}

ol li, ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

input[type=checkbox] {
    height: 17px;
    width: 17px;
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #3f5466
}

.cc-table {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #dfe5eb;
    -moz-box-shadow: 0 2px 3px 0 #dfe5eb;
    box-shadow: 0 2px 3px 0 #dfe5eb
}

    .cc-table table {
        width: 100%;
        border: none
    }

        .cc-table table tr {
            border-top: solid 1px #ddd
        }

        .cc-table table thead {
            background-color: #f6f8fa
        }

            .cc-table table thead tr {
                border-top: none
            }

            .cc-table table thead th {
                text-align: left;
                background-color: transparent;
                border: none
            }

                .cc-table table thead th span {
                    font-weight: 400;
                    text-transform: capitalize
                }

        .cc-table table tbody {
            background-color: #fff
        }

            .cc-table table tbody tr:not(.totals-row):hover {
                background-color: #eaf5ff
            }

            .cc-table table tbody tr.totals-row td:first-of-type {
                text-align: right;
                font-weight: 700
            }

        .cc-table table .icon-column {
            text-align: center;
            min-width: 0
        }

        .cc-table table .date-column, .cc-table table .number-column {
            text-align: right
        }

        .cc-table table td {
            padding: 20px;
            border: none
        }

            .cc-table table td a {
                text-decoration: none;
                color: #3a8add
            }

        .cc-table table th {
            padding: 20px 10px;
            text-align: center;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase
        }

            .cc-table table th.sort-asc, .cc-table table th.sort-desc {
                background: 0 0;
                background-position-y: 0;
                transform: none
            }

            .cc-table table th[st-sort] {
                cursor: pointer
            }

            .cc-table table th.st-sort-default:before {
                content: ''
            }

            .cc-table table th .sort-default i, .cc-table table th.st-sort-default:after {
                font-family: FontAwesome;
                content: '  \f0dc';
                color: #000;
                background-image: none
            }

            .cc-table table th.st-sort-ascent:before {
                content: ''
            }

            .cc-table table th.sort-asc i, .cc-table table th.st-sort-ascent:after {
                font-family: FontAwesome;
                content: '  \f0de';
                color: #000;
                background-image: none;
                color: rgba(0,0,0,.6);
                height: auto;
                width: auto;
                margin-top: 3px
            }

            .cc-table table th.st-sort-descent:before {
                content: ''
            }

            .cc-table table th.sort-desc i, .cc-table table th.st-sort-descent:after {
                font-family: FontAwesome;
                content: '  \f0dd';
                color: #000;
                background-image: none;
                color: rgba(0,0,0,.6);
                height: auto;
                width: auto;
                margin-top: 3px
            }

    .cc-table .cc-table-pagination {
        background-color: #f6f8fa
    }

        .cc-table .cc-table-pagination .row .cell {
            padding: 20px
        }

            .cc-table .cc-table-pagination .row .cell span {
                opacity: .8
            }

        .cc-table .cc-table-pagination ul.detail-report-pagination li {
            display: inline-block;
            margin: 0 10px
        }

            .cc-table .cc-table-pagination ul.detail-report-pagination li a {
                color: #000;
                text-decoration: none;
                opacity: .8;
                font-size: 18px
            }

.cc-form-section {
    padding: 40px 0;
    width: 80%;
    margin: 0 auto
}

    .cc-form-section h1 {
        font-size: 1.75em;
        color: #0c3056
    }

    .cc-form-section:not(:first-of-type) {
        border-top: solid 1px
    }

    .cc-form-section .md-caption {
        font-size: 1em;
        margin-bottom: 30px
    }

    .cc-form-section input {
        max-width: 350px
    }

.error-message {
    position: relative;
    margin-top: -25px;
    margin-bottom: 30px
}

    .error-message p {
        opacity: 1;
        margin: 0;
        right: 0;
        color: #f63c0b;
        font-size: 12px;
        text-align: right
    }

.yellow {
    color: #ffbb17
}

.red {
    color: #f63c0b
}

.green {
    color: #9ed351
}

:focus {
    outline: 0
}

.flex-container {
    display: flex
}

.flex-start {
    justify-content: flex-start
}

.flex-end {
    justify-content: flex-end
}

.space-between {
    justify-content: space-between
}

.full-width {
    width: 100%
}

.ten-pad-right {
    padding-right: 10px
}

.twenty-pad-right {
    padding-right: 20px
}

.ten-pad {
    padding: 10px
}

.twenty-pad {
    padding: 20px
}

.no-pad {
    padding: 0
}

.no-margin {
    margin: 0
}

.bold {
    font-weight: 700
}

i.fa-times {
    cursor: pointer
}

.tippy-tooltip.tooltip-theme {
    background-color: #575757;
    color: #575757;
    border-radius: 3px;
    opacity: .3
}

    .tippy-tooltip.tooltip-theme .tippy-content {
        color: #fff;
        text-align: left;
        font-family: "Open Sans";
        font-size: 14px
    }

.sign-up-card-view-layout :not(.fa), .sign-up-hero-view-layout :not(.fa) {
    font-family: 'Open Sans';
}

.tippy-tooltip.tooltip-theme .tippy-backdrop {
    background-color: #575757
}

.provider-icon {
    background: url(/AppImages/SVGImages/Default.svg) no-repeat;
    background-size: 49px;
    position: relative;
    width: 50px;
    height: 40px;
    display: inline-block
}

    .provider-icon.provider-icon-empty {
        background: 0 0;
        width: 0;
        height: 0
    }

    .provider-icon.provider-icon-aws {
        background: url(/AppImages/SVGImages/aws_logo.svg) no-repeat;
        background-size: 33px;
        position: relative;
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-left: 15px;
        margin-top: 19px
    }

        .provider-icon.provider-icon-aws.black {
            background: url(/AppImages/SVGImages/aws_logo_black.svg) no-repeat;
            background-size: 33px
        }

    .provider-icon.provider-icon-azure {
        background: url(../../AppImages/SVGImages/Azure2.svg) no-repeat;
        background-size: 24px;
        position: relative;
        width: 40px;
        height: 50px;
        display: inline-block;
        margin-left: 20px;
        margin-top: 11px
    }

        .provider-icon.provider-icon-azure.black {
            background: url(../../AppImages/SVGImages/Azure2_black.svg) no-repeat;
            background-size: 24px
        }

    .provider-icon.provider-icon-google {
        background: url(../../AppImages/SVGImages/Google.svg) no-repeat;
        background-size: 41px;
        position: relative;
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-left: 10px;
        margin-top: 4px
    }

        .provider-icon.provider-icon-google.black {
            background: url(../../AppImages/SVGImages/Google_black.svg) no-repeat;
            background-size: 41px
        }

.sign-up-card-view-layout {
    text-align: center;
}

    .sign-up-card-view-layout h5 {
        margin-bottom: 40px
    }

    .sign-up-card-view-layout .cc-form-input {
        width: 100%
    }

    .sign-up-card-view-layout .cc-form-input-url {
        width: 155px;
        float: left
    }

    .sign-up-card-view-layout .sign-up-center-frame {
        max-width: 600px;
        background-color: #FFF;
        padding: 30px 0 20px;
        margin: 20px auto 10px;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.1)
    }

    .sign-up-card-view-layout .card-login-container {
        width: 70%;
        margin: 0 auto
    }

    .sign-up-card-view-layout .card-view-bg {
        overflow: hidden
    }

    .sign-up-card-view-layout footer {
        color: #ecf1f4;
        margin: 30px auto 0;
        max-width: 600px;
        clear: both
    }

        .sign-up-card-view-layout footer a, .sign-up-card-view-layout footer a:hover {
            color: #ecf1f4;
            text-decoration: underline
        }

        .sign-up-card-view-layout footer .white-label-footer p {
            width: 48%;
            text-align: left
        }

            .sign-up-card-view-layout footer .white-label-footer p:nth-child(odd) {
                float: left
            }

            .sign-up-card-view-layout footer .white-label-footer p:nth-child(even) {
                float: right
            }

.background-div {
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: auto
}

.sign-up-hero-view-layout {
    height: 100%;
    width: 100%;
    display: table
}

    .sign-up-hero-view-layout .hero-view-left {
        display: table-cell;
        width: 45%;
        max-width: 675px;
        height: 100%;
        padding: 40px 60px
    }

        .sign-up-hero-view-layout .hero-view-left .white-label-content {
            z-index: 1;
            position: relative
        }

        .sign-up-hero-view-layout .hero-view-left .hero-background-image {
            z-index: 0;
            position: fixed;
            top: 0;
            left: 0;
            width: 45%;
            height: 100%;
            object-fit: cover
        }

        .sign-up-hero-view-layout .hero-view-left h2 {
            font-size: 1.2em
        }

    .sign-up-hero-view-layout .hero-view-right {
        padding-top: 3%;
        display: table-cell;
        width: auto;
        height: 100%;
        background-color: #fff
    }

        .sign-up-hero-view-layout .hero-view-right .hero-logo {
            max-height: 60px;
            width: auto
        }

        .sign-up-hero-view-layout .hero-view-right .hero-login-container {
            width: 65%;
            margin: 0 auto
        }

        .sign-up-hero-view-layout .hero-view-right img {
            margin-bottom: 25px
        }

        .sign-up-hero-view-layout .hero-view-right a {
            margin: 0 4px
        }

        .sign-up-hero-view-layout .hero-view-right footer {
            margin-top: 20px
        }

    .sign-up-hero-view-layout .sso-button .cc-button {
        left: -.4em
    }

    .sign-up-hero-view-layout .or-break {
        justify-content: center;
        display: flex;
        position: relative;
        padding: .75em;
        margin-bottom: 20px
    }

        .sign-up-hero-view-layout .or-break div {
            background: #fff;
            z-index: 5;
            padding: 0 2em;
            font-size: 1.5em
        }

        .sign-up-hero-view-layout .or-break:before {
            content: '';
            position: absolute;
            left: 0;
            border-top: 1px solid #575757;
            width: 100%;
            top: 50%
        }

    .sign-up-hero-view-layout .hero-view-header-text {
        margin-bottom: 30px
    }

    .sign-up-hero-view-layout .sso-button .cc-button:hover {
        background-color: #f6f6f6 !important
    }

.sign-up-form h1 {
    font-size: 1.5em;
    margin-bottom: 25px
}

.sign-up-form .cc-button {
    margin: 55px auto 20px
}

.sign-up-success h1 {
    font-size: 1.5em
}

.sign-up-success p {
    margin: 10px auto;
    color: #3f5466
}

    .sign-up-success p a {
        color: #3f5466
    }

.sign-up-success .video {
    margin: 20px auto auto;
    max-height: 315px
}

    .sign-up-success .video iframe {
        max-width: 100%
    }

.sign-up-form-primary .input-box {
    display: flex;
    justify-content: space-between
}

.sign-up-form-primary .recaptcha {
    width: 300px;
    margin: 10px auto
}

.sign-up-form-primary .centerError {
    text-align: center;
    color: #f63c0b;
    clear: both
}

.sign-up-form-primary .server-error-messages {
    position: relative
}

    .sign-up-form-primary .server-error-messages p {
        margin: 0;
        right: 0;
        color: #f63c0b;
        font-size: 14px;
        text-align: right
    }

.sign-up-form-primary .privacy-policy {
    font-size: 11px;
    text-align: left
}

    .sign-up-form-primary .privacy-policy p {
        font-size: 11px
    }

md-input-container {
    width: 100%;
    text-align: left
}

.input-box {
    display: flex;
    justify-content: space-between
}